@dmsi/wedgekit-react 0.0.556 → 0.0.557

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 (34) hide show
  1. package/dist/{chunk-5CIANSOX.js → chunk-LKFYNRJZ.js} +12 -6
  2. package/dist/components/CalendarRange.cjs +12 -6
  3. package/dist/components/CalendarRange.js +4 -4
  4. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +12 -6
  5. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +4 -4
  6. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +12 -6
  7. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +4 -4
  8. package/dist/components/DataGrid/PinnedColumns.cjs +12 -6
  9. package/dist/components/DataGrid/PinnedColumns.js +4 -4
  10. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +12 -6
  11. package/dist/components/DataGrid/TableBody/LoadingCell.js +4 -4
  12. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +12 -6
  13. package/dist/components/DataGrid/TableBody/TableBodyRow.js +4 -4
  14. package/dist/components/DataGrid/TableBody/index.cjs +12 -6
  15. package/dist/components/DataGrid/TableBody/index.js +4 -4
  16. package/dist/components/DataGrid/index.cjs +12 -6
  17. package/dist/components/DataGrid/index.js +4 -4
  18. package/dist/components/DataGrid/utils.cjs +12 -6
  19. package/dist/components/DataGrid/utils.js +4 -4
  20. package/dist/components/DateInput.cjs +12 -6
  21. package/dist/components/DateInput.js +4 -4
  22. package/dist/components/DateRangeInput.cjs +12 -6
  23. package/dist/components/DateRangeInput.js +4 -4
  24. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +12 -6
  25. package/dist/components/MobileDataGrid/ColumnSelector/index.js +4 -4
  26. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +12 -6
  27. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +4 -4
  28. package/dist/components/MobileDataGrid/index.cjs +12 -6
  29. package/dist/components/MobileDataGrid/index.js +4 -4
  30. package/dist/components/ProductImagePreview/index.js +3 -3
  31. package/dist/components/index.cjs +12 -6
  32. package/dist/components/index.js +4 -4
  33. package/package.json +1 -1
  34. package/dist/{chunk-ZD2A45VT.js → chunk-YGAFYULX.js} +6 -6
package/dist/{chunk-5CIANSOX.js → chunk-LKFYNRJZ.js} RENAMED
@@ -577,12 +577,14 @@ function PinnedColumns(_a) {
577
577
  className: "flex w-full",
578
578
  children: [
579
579
  headerGroup.headers.map((header) => {
580
- var _a3, _b2, _c;
580
+ var _a3, _b2, _c, _d, _e, _f;
581
581
  if (!header) {
582
582
  return;
583
583
  }
584
+ const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
585
+ const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
584
586
  if (typeof header.column.columnDef.header === "string") {
585
- const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
587
+ const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
586
588
  return /* @__PURE__ */ jsxs4(
587
589
  DataCellHeader,
588
590
  {
@@ -593,14 +595,18 @@ function PinnedColumns(_a) {
593
595
  width: customHeaderWidth,
594
596
  className: clsx3(
595
597
  header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
596
- "group"
598
+ "group",
599
+ {
600
+ "justify-start": cellAlignment === "left",
601
+ "justify-end": cellAlignment === "right"
602
+ }
597
603
  ),
598
604
  children: [
599
605
  /* @__PURE__ */ jsx6(Subheader, { tall: true, children: header.column.columnDef.header }),
600
606
  getSortIcon(header.column.getIsSorted()),
601
607
  !header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
602
608
  header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ jsx6(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
603
- !((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ jsx6(
609
+ !((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ jsx6(
604
610
  "div",
605
611
  {
606
612
  onDoubleClick: (e) => {
@@ -623,7 +629,7 @@ function PinnedColumns(_a) {
623
629
  header.id
624
630
  );
625
631
  }
626
- return /* @__PURE__ */ jsx6(React2.Fragment, { children: ((_c = header.column.columnDef.meta) == null ? void 0 : _c.checkbox) ? /* @__PURE__ */ jsx6(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ jsx6(
632
+ return /* @__PURE__ */ jsx6(React2.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ jsx6(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ jsx6(
627
633
  Checkbox,
628
634
  {
629
635
  checked: allSelectedAcrossPages,
@@ -658,7 +664,7 @@ function PinnedColumns(_a) {
658
664
  testid: pinnedTestId
659
665
  }, props), {
660
666
  table,
661
- locked: !enableColumnSelector,
667
+ locked: !enableColumnSelector || pinDirection === "right",
662
668
  pinDirection
663
669
  })
664
670
  )
package/dist/components/CalendarRange.cjs CHANGED
@@ -3127,12 +3127,14 @@ function PinnedColumns(_a) {
3127
3127
  className: "flex w-full",
3128
3128
  children: [
3129
3129
  headerGroup.headers.map((header) => {
3130
- var _a3, _b2, _c;
3130
+ var _a3, _b2, _c, _d, _e, _f;
3131
3131
  if (!header) {
3132
3132
  return;
3133
3133
  }
3134
+ const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
3135
+ const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
3134
3136
  if (typeof header.column.columnDef.header === "string") {
3135
- const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
3137
+ const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
3136
3138
  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
3137
3139
  DataCellHeader,
3138
3140
  {
@@ -3143,14 +3145,18 @@ function PinnedColumns(_a) {
3143
3145
  width: customHeaderWidth,
3144
3146
  className: (0, import_clsx13.default)(
3145
3147
  header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
3146
- "group"
3148
+ "group",
3149
+ {
3150
+ "justify-start": cellAlignment === "left",
3151
+ "justify-end": cellAlignment === "right"
3152
+ }
3147
3153
  ),
3148
3154
  children: [
3149
3155
  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
3150
3156
  getSortIcon(header.column.getIsSorted()),
3151
3157
  !header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
3152
3158
  header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
3153
- !((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
3159
+ !((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
3154
3160
  "div",
3155
3161
  {
3156
3162
  onDoubleClick: (e) => {
@@ -3173,7 +3179,7 @@ function PinnedColumns(_a) {
3173
3179
  header.id
3174
3180
  );
3175
3181
  }
3176
- return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react15.default.Fragment, { children: ((_c = header.column.columnDef.meta) == null ? void 0 : _c.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
3182
+ return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react15.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
3177
3183
  Checkbox,
3178
3184
  {
3179
3185
  checked: allSelectedAcrossPages,
@@ -3208,7 +3214,7 @@ function PinnedColumns(_a) {
3208
3214
  testid: pinnedTestId
3209
3215
  }, props), {
3210
3216
  table,
3211
- locked: !enableColumnSelector,
3217
+ locked: !enableColumnSelector || pinDirection === "right",
3212
3218
  pinDirection
3213
3219
  })
3214
3220
  )
package/dist/components/CalendarRange.js CHANGED
@@ -2,17 +2,17 @@ import {
2
2
  CalendarRange,
3
3
  CalendarRange_default,
4
4
  isWeekend
5
- } from "../chunk-5CIANSOX.js";
5
+ } from "../chunk-LKFYNRJZ.js";
6
6
  import "../chunk-CJ7V4X6B.js";
7
7
  import "../chunk-M7INAUAJ.js";
8
8
  import "../chunk-7ZCXZDJD.js";
9
- import "../chunk-ZD2A45VT.js";
9
+ import "../chunk-YGAFYULX.js";
10
+ import "../chunk-MBZ55T2D.js";
11
+ import "../chunk-2IKT6IHB.js";
10
12
  import "../chunk-YCDDBSVU.js";
11
13
  import "../chunk-3X3Y4TMS.js";
12
14
  import "../chunk-BQNPOGD5.js";
13
15
  import "../chunk-Y5GD2FJA.js";
14
- import "../chunk-MBZ55T2D.js";
15
- import "../chunk-2IKT6IHB.js";
16
16
  import "../chunk-RZ5EIDX4.js";
17
17
  import "../chunk-AGHBLWDZ.js";
18
18
  import "../chunk-5IFPG6TS.js";
package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs CHANGED
@@ -3093,12 +3093,14 @@ function PinnedColumns(_a) {
3093
3093
  className: "flex w-full",
3094
3094
  children: [
3095
3095
  headerGroup.headers.map((header) => {
3096
- var _a3, _b2, _c;
3096
+ var _a3, _b2, _c, _d, _e, _f;
3097
3097
  if (!header) {
3098
3098
  return;
3099
3099
  }
3100
+ const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
3101
+ const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
3100
3102
  if (typeof header.column.columnDef.header === "string") {
3101
- const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
3103
+ const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
3102
3104
  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
3103
3105
  DataCellHeader,
3104
3106
  {
@@ -3109,14 +3111,18 @@ function PinnedColumns(_a) {
3109
3111
  width: customHeaderWidth,
3110
3112
  className: (0, import_clsx13.default)(
3111
3113
  header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
3112
- "group"
3114
+ "group",
3115
+ {
3116
+ "justify-start": cellAlignment === "left",
3117
+ "justify-end": cellAlignment === "right"
3118
+ }
3113
3119
  ),
3114
3120
  children: [
3115
3121
  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
3116
3122
  getSortIcon(header.column.getIsSorted()),
3117
3123
  !header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
3118
3124
  header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
3119
- !((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
3125
+ !((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
3120
3126
  "div",
3121
3127
  {
3122
3128
  onDoubleClick: (e) => {
@@ -3139,7 +3145,7 @@ function PinnedColumns(_a) {
3139
3145
  header.id
3140
3146
  );
3141
3147
  }
3142
- return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react14.default.Fragment, { children: ((_c = header.column.columnDef.meta) == null ? void 0 : _c.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
3148
+ return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react14.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
3143
3149
  Checkbox,
3144
3150
  {
3145
3151
  checked: allSelectedAcrossPages,
@@ -3174,7 +3180,7 @@ function PinnedColumns(_a) {
3174
3180
  testid: pinnedTestId
3175
3181
  }, props), {
3176
3182
  table,
3177
- locked: !enableColumnSelector,
3183
+ locked: !enableColumnSelector || pinDirection === "right",
3178
3184
  pinDirection
3179
3185
  })
3180
3186
  )
package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js CHANGED
@@ -1,16 +1,16 @@
1
1
  import {
2
2
  ColumnSelectorMenuOption
3
- } from "../../../chunk-5CIANSOX.js";
3
+ } from "../../../chunk-LKFYNRJZ.js";
4
4
  import "../../../chunk-CJ7V4X6B.js";
5
5
  import "../../../chunk-M7INAUAJ.js";
6
6
  import "../../../chunk-7ZCXZDJD.js";
7
- import "../../../chunk-ZD2A45VT.js";
7
+ import "../../../chunk-YGAFYULX.js";
8
+ import "../../../chunk-MBZ55T2D.js";
9
+ import "../../../chunk-2IKT6IHB.js";
8
10
  import "../../../chunk-YCDDBSVU.js";
9
11
  import "../../../chunk-3X3Y4TMS.js";
10
12
  import "../../../chunk-BQNPOGD5.js";
11
13
  import "../../../chunk-Y5GD2FJA.js";
12
- import "../../../chunk-MBZ55T2D.js";
13
- import "../../../chunk-2IKT6IHB.js";
14
14
  import "../../../chunk-RZ5EIDX4.js";
15
15
  import "../../../chunk-AGHBLWDZ.js";
16
16
  import "../../../chunk-5IFPG6TS.js";
package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs CHANGED
@@ -3015,12 +3015,14 @@ function PinnedColumns(_a) {
3015
3015
  className: "flex w-full",
3016
3016
  children: [
3017
3017
  headerGroup.headers.map((header) => {
3018
- var _a3, _b2, _c;
3018
+ var _a3, _b2, _c, _d, _e, _f;
3019
3019
  if (!header) {
3020
3020
  return;
3021
3021
  }
3022
+ const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
3023
+ const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
3022
3024
  if (typeof header.column.columnDef.header === "string") {
3023
- const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
3025
+ const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
3024
3026
  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
3025
3027
  DataCellHeader,
3026
3028
  {
@@ -3031,14 +3033,18 @@ function PinnedColumns(_a) {
3031
3033
  width: customHeaderWidth,
3032
3034
  className: (0, import_clsx13.default)(
3033
3035
  header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
3034
- "group"
3036
+ "group",
3037
+ {
3038
+ "justify-start": cellAlignment === "left",
3039
+ "justify-end": cellAlignment === "right"
3040
+ }
3035
3041
  ),
3036
3042
  children: [
3037
3043
  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
3038
3044
  getSortIcon(header.column.getIsSorted()),
3039
3045
  !header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
3040
3046
  header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
3041
- !((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
3047
+ !((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
3042
3048
  "div",
3043
3049
  {
3044
3050
  onDoubleClick: (e) => {
@@ -3061,7 +3067,7 @@ function PinnedColumns(_a) {
3061
3067
  header.id
3062
3068
  );
3063
3069
  }
3064
- return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react13.default.Fragment, { children: ((_c = header.column.columnDef.meta) == null ? void 0 : _c.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
3070
+ return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react13.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
3065
3071
  Checkbox,
3066
3072
  {
3067
3073
  checked: allSelectedAcrossPages,
@@ -3096,7 +3102,7 @@ function PinnedColumns(_a) {
3096
3102
  testid: pinnedTestId
3097
3103
  }, props), {
3098
3104
  table,
3099
- locked: !enableColumnSelector,
3105
+ locked: !enableColumnSelector || pinDirection === "right",
3100
3106
  pinDirection
3101
3107
  })
3102
3108
  )
package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js CHANGED
@@ -1,16 +1,16 @@
1
1
  import {
2
2
  ColumnSelectorHeaderCell
3
- } from "../../../chunk-5CIANSOX.js";
3
+ } from "../../../chunk-LKFYNRJZ.js";
4
4
  import "../../../chunk-CJ7V4X6B.js";
5
5
  import "../../../chunk-M7INAUAJ.js";
6
6
  import "../../../chunk-7ZCXZDJD.js";
7
- import "../../../chunk-ZD2A45VT.js";
7
+ import "../../../chunk-YGAFYULX.js";
8
+ import "../../../chunk-MBZ55T2D.js";
9
+ import "../../../chunk-2IKT6IHB.js";
8
10
  import "../../../chunk-YCDDBSVU.js";
9
11
  import "../../../chunk-3X3Y4TMS.js";
10
12
  import "../../../chunk-BQNPOGD5.js";
11
13
  import "../../../chunk-Y5GD2FJA.js";
12
- import "../../../chunk-MBZ55T2D.js";
13
- import "../../../chunk-2IKT6IHB.js";
14
14
  import "../../../chunk-RZ5EIDX4.js";
15
15
  import "../../../chunk-AGHBLWDZ.js";
16
16
  import "../../../chunk-5IFPG6TS.js";
package/dist/components/DataGrid/PinnedColumns.cjs CHANGED
@@ -5893,12 +5893,14 @@ function PinnedColumns(_a) {
5893
5893
  className: "flex w-full",
5894
5894
  children: [
5895
5895
  headerGroup.headers.map((header) => {
5896
- var _a3, _b2, _c;
5896
+ var _a3, _b2, _c, _d, _e, _f;
5897
5897
  if (!header) {
5898
5898
  return;
5899
5899
  }
5900
+ const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
5901
+ const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
5900
5902
  if (typeof header.column.columnDef.header === "string") {
5901
- const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
5903
+ const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
5902
5904
  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
5903
5905
  DataCellHeader,
5904
5906
  {
@@ -5909,14 +5911,18 @@ function PinnedColumns(_a) {
5909
5911
  width: customHeaderWidth,
5910
5912
  className: (0, import_clsx42.default)(
5911
5913
  header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
5912
- "group"
5914
+ "group",
5915
+ {
5916
+ "justify-start": cellAlignment === "left",
5917
+ "justify-end": cellAlignment === "right"
5918
+ }
5913
5919
  ),
5914
5920
  children: [
5915
5921
  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
5916
5922
  getSortIcon(header.column.getIsSorted()),
5917
5923
  !header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
5918
5924
  header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
5919
- !((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5925
+ !((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5920
5926
  "div",
5921
5927
  {
5922
5928
  onDoubleClick: (e) => {
@@ -5939,7 +5945,7 @@ function PinnedColumns(_a) {
5939
5945
  header.id
5940
5946
  );
5941
5947
  }
5942
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react38.default.Fragment, { children: ((_c = header.column.columnDef.meta) == null ? void 0 : _c.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5948
+ return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react38.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5943
5949
  Checkbox,
5944
5950
  {
5945
5951
  checked: allSelectedAcrossPages,
@@ -5974,7 +5980,7 @@ function PinnedColumns(_a) {
5974
5980
  testid: pinnedTestId
5975
5981
  }, props), {
5976
5982
  table,
5977
- locked: !enableColumnSelector,
5983
+ locked: !enableColumnSelector || pinDirection === "right",
5978
5984
  pinDirection
5979
5985
  })
5980
5986
  )
package/dist/components/DataGrid/PinnedColumns.js CHANGED
@@ -1,16 +1,16 @@
1
1
  import {
2
2
  PinnedColumns
3
- } from "../../chunk-5CIANSOX.js";
3
+ } from "../../chunk-LKFYNRJZ.js";
4
4
  import "../../chunk-CJ7V4X6B.js";
5
5
  import "../../chunk-M7INAUAJ.js";
6
6
  import "../../chunk-7ZCXZDJD.js";
7
- import "../../chunk-ZD2A45VT.js";
7
+ import "../../chunk-YGAFYULX.js";
8
+ import "../../chunk-MBZ55T2D.js";
9
+ import "../../chunk-2IKT6IHB.js";
8
10
  import "../../chunk-YCDDBSVU.js";
9
11
  import "../../chunk-3X3Y4TMS.js";
10
12
  import "../../chunk-BQNPOGD5.js";
11
13
  import "../../chunk-Y5GD2FJA.js";
12
- import "../../chunk-MBZ55T2D.js";
13
- import "../../chunk-2IKT6IHB.js";
14
14
  import "../../chunk-RZ5EIDX4.js";
15
15
  import "../../chunk-AGHBLWDZ.js";
16
16
  import "../../chunk-5IFPG6TS.js";
package/dist/components/DataGrid/TableBody/LoadingCell.cjs CHANGED
@@ -3085,12 +3085,14 @@ function PinnedColumns(_a) {
3085
3085
  className: "flex w-full",
3086
3086
  children: [
3087
3087
  headerGroup.headers.map((header) => {
3088
- var _a3, _b2, _c;
3088
+ var _a3, _b2, _c, _d, _e, _f;
3089
3089
  if (!header) {
3090
3090
  return;
3091
3091
  }
3092
+ const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
3093
+ const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
3092
3094
  if (typeof header.column.columnDef.header === "string") {
3093
- const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
3095
+ const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
3094
3096
  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
3095
3097
  DataCellHeader,
3096
3098
  {
@@ -3101,14 +3103,18 @@ function PinnedColumns(_a) {
3101
3103
  width: customHeaderWidth,
3102
3104
  className: (0, import_clsx13.default)(
3103
3105
  header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
3104
- "group"
3106
+ "group",
3107
+ {
3108
+ "justify-start": cellAlignment === "left",
3109
+ "justify-end": cellAlignment === "right"
3110
+ }
3105
3111
  ),
3106
3112
  children: [
3107
3113
  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
3108
3114
  getSortIcon(header.column.getIsSorted()),
3109
3115
  !header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
3110
3116
  header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
3111
- !((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
3117
+ !((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
3112
3118
  "div",
3113
3119
  {
3114
3120
  onDoubleClick: (e) => {
@@ -3131,7 +3137,7 @@ function PinnedColumns(_a) {
3131
3137
  header.id
3132
3138
  );
3133
3139
  }
3134
- return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react15.default.Fragment, { children: ((_c = header.column.columnDef.meta) == null ? void 0 : _c.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
3140
+ return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react15.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
3135
3141
  Checkbox,
3136
3142
  {
3137
3143
  checked: allSelectedAcrossPages,
@@ -3166,7 +3172,7 @@ function PinnedColumns(_a) {
3166
3172
  testid: pinnedTestId
3167
3173
  }, props), {
3168
3174
  table,
3169
- locked: !enableColumnSelector,
3175
+ locked: !enableColumnSelector || pinDirection === "right",
3170
3176
  pinDirection
3171
3177
  })
3172
3178
  )
package/dist/components/DataGrid/TableBody/LoadingCell.js CHANGED
@@ -1,16 +1,16 @@
1
1
  import {
2
2
  LoadingCell
3
- } from "../../../chunk-5CIANSOX.js";
3
+ } from "../../../chunk-LKFYNRJZ.js";
4
4
  import "../../../chunk-CJ7V4X6B.js";
5
5
  import "../../../chunk-M7INAUAJ.js";
6
6
  import "../../../chunk-7ZCXZDJD.js";
7
- import "../../../chunk-ZD2A45VT.js";
7
+ import "../../../chunk-YGAFYULX.js";
8
+ import "../../../chunk-MBZ55T2D.js";
9
+ import "../../../chunk-2IKT6IHB.js";
8
10
  import "../../../chunk-YCDDBSVU.js";
9
11
  import "../../../chunk-3X3Y4TMS.js";
10
12
  import "../../../chunk-BQNPOGD5.js";
11
13
  import "../../../chunk-Y5GD2FJA.js";
12
- import "../../../chunk-MBZ55T2D.js";
13
- import "../../../chunk-2IKT6IHB.js";
14
14
  import "../../../chunk-RZ5EIDX4.js";
15
15
  import "../../../chunk-AGHBLWDZ.js";
16
16
  import "../../../chunk-5IFPG6TS.js";
package/dist/components/DataGrid/TableBody/TableBodyRow.cjs CHANGED
@@ -3017,12 +3017,14 @@ function PinnedColumns(_a) {
3017
3017
  className: "flex w-full",
3018
3018
  children: [
3019
3019
  headerGroup.headers.map((header) => {
3020
- var _a3, _b2, _c;
3020
+ var _a3, _b2, _c, _d, _e, _f;
3021
3021
  if (!header) {
3022
3022
  return;
3023
3023
  }
3024
+ const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
3025
+ const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
3024
3026
  if (typeof header.column.columnDef.header === "string") {
3025
- const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
3027
+ const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
3026
3028
  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
3027
3029
  DataCellHeader,
3028
3030
  {
@@ -3033,14 +3035,18 @@ function PinnedColumns(_a) {
3033
3035
  width: customHeaderWidth,
3034
3036
  className: (0, import_clsx12.default)(
3035
3037
  header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
3036
- "group"
3038
+ "group",
3039
+ {
3040
+ "justify-start": cellAlignment === "left",
3041
+ "justify-end": cellAlignment === "right"
3042
+ }
3037
3043
  ),
3038
3044
  children: [
3039
3045
  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
3040
3046
  getSortIcon(header.column.getIsSorted()),
3041
3047
  !header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
3042
3048
  header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
3043
- !((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
3049
+ !((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
3044
3050
  "div",
3045
3051
  {
3046
3052
  onDoubleClick: (e) => {
@@ -3063,7 +3069,7 @@ function PinnedColumns(_a) {
3063
3069
  header.id
3064
3070
  );
3065
3071
  }
3066
- return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react14.default.Fragment, { children: ((_c = header.column.columnDef.meta) == null ? void 0 : _c.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
3072
+ return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react14.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
3067
3073
  Checkbox,
3068
3074
  {
3069
3075
  checked: allSelectedAcrossPages,
@@ -3098,7 +3104,7 @@ function PinnedColumns(_a) {
3098
3104
  testid: pinnedTestId
3099
3105
  }, props), {
3100
3106
  table,
3101
- locked: !enableColumnSelector,
3107
+ locked: !enableColumnSelector || pinDirection === "right",
3102
3108
  pinDirection
3103
3109
  })
3104
3110
  )
package/dist/components/DataGrid/TableBody/TableBodyRow.js CHANGED
@@ -1,16 +1,16 @@
1
1
  import {
2
2
  TableBodyRow
3
- } from "../../../chunk-5CIANSOX.js";
3
+ } from "../../../chunk-LKFYNRJZ.js";
4
4
  import "../../../chunk-CJ7V4X6B.js";
5
5
  import "../../../chunk-M7INAUAJ.js";
6
6
  import "../../../chunk-7ZCXZDJD.js";
7
- import "../../../chunk-ZD2A45VT.js";
7
+ import "../../../chunk-YGAFYULX.js";
8
+ import "../../../chunk-MBZ55T2D.js";
9
+ import "../../../chunk-2IKT6IHB.js";
8
10
  import "../../../chunk-YCDDBSVU.js";
9
11
  import "../../../chunk-3X3Y4TMS.js";
10
12
  import "../../../chunk-BQNPOGD5.js";
11
13
  import "../../../chunk-Y5GD2FJA.js";
12
- import "../../../chunk-MBZ55T2D.js";
13
- import "../../../chunk-2IKT6IHB.js";
14
14
  import "../../../chunk-RZ5EIDX4.js";
15
15
  import "../../../chunk-AGHBLWDZ.js";
16
16
  import "../../../chunk-5IFPG6TS.js";
package/dist/components/DataGrid/TableBody/index.cjs CHANGED
@@ -2833,12 +2833,14 @@ function PinnedColumns(_a) {
2833
2833
  className: "flex w-full",
2834
2834
  children: [
2835
2835
  headerGroup.headers.map((header) => {
2836
- var _a3, _b2, _c;
2836
+ var _a3, _b2, _c, _d, _e, _f;
2837
2837
  if (!header) {
2838
2838
  return;
2839
2839
  }
2840
+ const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
2841
+ const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
2840
2842
  if (typeof header.column.columnDef.header === "string") {
2841
- const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
2843
+ const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
2842
2844
  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
2843
2845
  DataCellHeader,
2844
2846
  {
@@ -2849,14 +2851,18 @@ function PinnedColumns(_a) {
2849
2851
  width: customHeaderWidth,
2850
2852
  className: (0, import_clsx11.default)(
2851
2853
  header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
2852
- "group"
2854
+ "group",
2855
+ {
2856
+ "justify-start": cellAlignment === "left",
2857
+ "justify-end": cellAlignment === "right"
2858
+ }
2853
2859
  ),
2854
2860
  children: [
2855
2861
  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
2856
2862
  getSortIcon(header.column.getIsSorted()),
2857
2863
  !header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
2858
2864
  header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
2859
- !((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
2865
+ !((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
2860
2866
  "div",
2861
2867
  {
2862
2868
  onDoubleClick: (e) => {
@@ -2879,7 +2885,7 @@ function PinnedColumns(_a) {
2879
2885
  header.id
2880
2886
  );
2881
2887
  }
2882
- return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react14.default.Fragment, { children: ((_c = header.column.columnDef.meta) == null ? void 0 : _c.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
2888
+ return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react14.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
2883
2889
  Checkbox,
2884
2890
  {
2885
2891
  checked: allSelectedAcrossPages,
@@ -2914,7 +2920,7 @@ function PinnedColumns(_a) {
2914
2920
  testid: pinnedTestId
2915
2921
  }, props), {
2916
2922
  table,
2917
- locked: !enableColumnSelector,
2923
+ locked: !enableColumnSelector || pinDirection === "right",
2918
2924
  pinDirection
2919
2925
  })
2920
2926
  )
package/dist/components/DataGrid/TableBody/index.js CHANGED
@@ -1,16 +1,16 @@
1
1
  import {
2
2
  TableBody
3
- } from "../../../chunk-5CIANSOX.js";
3
+ } from "../../../chunk-LKFYNRJZ.js";
4
4
  import "../../../chunk-CJ7V4X6B.js";
5
5
  import "../../../chunk-M7INAUAJ.js";
6
6
  import "../../../chunk-7ZCXZDJD.js";
7
- import "../../../chunk-ZD2A45VT.js";
7
+ import "../../../chunk-YGAFYULX.js";
8
+ import "../../../chunk-MBZ55T2D.js";
9
+ import "../../../chunk-2IKT6IHB.js";
8
10
  import "../../../chunk-YCDDBSVU.js";
9
11
  import "../../../chunk-3X3Y4TMS.js";
10
12
  import "../../../chunk-BQNPOGD5.js";
11
13
  import "../../../chunk-Y5GD2FJA.js";
12
- import "../../../chunk-MBZ55T2D.js";
13
- import "../../../chunk-2IKT6IHB.js";
14
14
  import "../../../chunk-RZ5EIDX4.js";
15
15
  import "../../../chunk-AGHBLWDZ.js";
16
16
  import "../../../chunk-5IFPG6TS.js";