@dmsi/wedgekit-react 0.0.556 → 0.0.557

package/dist/components/DataGrid/index.cjs

@@ -5320,12 +5320,14 @@ function PinnedColumns(_a) {
               className: "flex w-full",
               children: [
                 headerGroup.headers.map((header) => {
-                  var _a3, _b2, _c;
+                  var _a3, _b2, _c, _d, _e, _f;
                   if (!header) {
                     return;
                   }
+                  const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
+                  const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
                   if (typeof header.column.columnDef.header === "string") {
-                    const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
+                    const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
                     return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
                       DataCellHeader,
                       {
@@ -5336,14 +5338,18 @@ function PinnedColumns(_a) {
                         width: customHeaderWidth,
                         className: (0, import_clsx41.default)(
                           header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
-                          "group"
+                          "group",
+                          {
+                            "justify-start": cellAlignment === "left",
+                            "justify-end": cellAlignment === "right"
+                          }
                         ),
                         children: [
                           /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
                           getSortIcon(header.column.getIsSorted()),
                           !header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
                           header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
-                          !((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                          !((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
                             "div",
                             {
                               onDoubleClick: (e) => {
@@ -5366,7 +5372,7 @@ function PinnedColumns(_a) {
                       header.id
                     );
                   }
-                  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react37.default.Fragment, { children: ((_c = header.column.columnDef.meta) == null ? void 0 : _c.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react37.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
                     Checkbox,
                     {
                       checked: allSelectedAcrossPages,
@@ -5401,7 +5407,7 @@ function PinnedColumns(_a) {
             testid: pinnedTestId
           }, props), {
             table,
-            locked: !enableColumnSelector,
+            locked: !enableColumnSelector || pinDirection === "right",
             pinDirection
           })
         )

package/dist/components/DataGrid/index.js

@@ -2,17 +2,17 @@
 import {
   DataGrid,
   DataGrid_default
-} from "../../chunk-5CIANSOX.js";
+} from "../../chunk-LKFYNRJZ.js";
 import "../../chunk-CJ7V4X6B.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-7ZCXZDJD.js";
-import "../../chunk-ZD2A45VT.js";
+import "../../chunk-YGAFYULX.js";
+import "../../chunk-MBZ55T2D.js";
+import "../../chunk-2IKT6IHB.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
-import "../../chunk-MBZ55T2D.js";
-import "../../chunk-2IKT6IHB.js";
 import "../../chunk-RZ5EIDX4.js";
 import "../../chunk-AGHBLWDZ.js";
 import "../../chunk-5IFPG6TS.js";

package/dist/components/DataGrid/utils.cjs

@@ -3104,12 +3104,14 @@ function PinnedColumns(_a) {
               className: "flex w-full",
               children: [
                 headerGroup.headers.map((header) => {
-                  var _a3, _b2, _c;
+                  var _a3, _b2, _c, _d, _e, _f;
                   if (!header) {
                     return;
                   }
+                  const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
+                  const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
                   if (typeof header.column.columnDef.header === "string") {
-                    const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
+                    const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
                     return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
                       DataCellHeader,
                       {
@@ -3120,14 +3122,18 @@ function PinnedColumns(_a) {
                         width: customHeaderWidth,
                         className: (0, import_clsx12.default)(
                           header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
-                          "group"
+                          "group",
+                          {
+                            "justify-start": cellAlignment === "left",
+                            "justify-end": cellAlignment === "right"
+                          }
                         ),
                         children: [
                           /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
                           getSortIcon(header.column.getIsSorted()),
                           !header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
                           header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
-                          !((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                          !((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                             "div",
                             {
                               onDoubleClick: (e) => {
@@ -3150,7 +3156,7 @@ function PinnedColumns(_a) {
                       header.id
                     );
                   }
-                  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)(
+                  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)(
                     Checkbox,
                     {
                       checked: allSelectedAcrossPages,
@@ -3185,7 +3191,7 @@ function PinnedColumns(_a) {
             testid: pinnedTestId
           }, props), {
             table,
-            locked: !enableColumnSelector,
+            locked: !enableColumnSelector || pinDirection === "right",
             pinDirection
           })
         )

package/dist/components/DataGrid/utils.js

@@ -1,16 +1,16 @@
 import {
   getSortIcon
-} from "../../chunk-5CIANSOX.js";
+} from "../../chunk-LKFYNRJZ.js";
 import "../../chunk-CJ7V4X6B.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-7ZCXZDJD.js";
-import "../../chunk-ZD2A45VT.js";
+import "../../chunk-YGAFYULX.js";
+import "../../chunk-MBZ55T2D.js";
+import "../../chunk-2IKT6IHB.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
-import "../../chunk-MBZ55T2D.js";
-import "../../chunk-2IKT6IHB.js";
 import "../../chunk-RZ5EIDX4.js";
 import "../../chunk-AGHBLWDZ.js";
 import "../../chunk-5IFPG6TS.js";

package/dist/components/DateInput.cjs

@@ -3127,12 +3127,14 @@ function PinnedColumns(_a) {
               className: "flex w-full",
               children: [
                 headerGroup.headers.map((header) => {
-                  var _a3, _b2, _c;
+                  var _a3, _b2, _c, _d, _e, _f;
                   if (!header) {
                     return;
                   }
+                  const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
+                  const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
                   if (typeof header.column.columnDef.header === "string") {
-                    const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
+                    const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
                     return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                       DataCellHeader,
                       {
@@ -3143,14 +3145,18 @@ function PinnedColumns(_a) {
                         width: customHeaderWidth,
                         className: (0, import_clsx13.default)(
                           header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
-                          "group"
+                          "group",
+                          {
+                            "justify-start": cellAlignment === "left",
+                            "justify-end": cellAlignment === "right"
+                          }
                         ),
                         children: [
                           /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
                           getSortIcon(header.column.getIsSorted()),
                           !header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
                           header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
-                          !((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                          !((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                             "div",
                             {
                               onDoubleClick: (e) => {
@@ -3173,7 +3179,7 @@ function PinnedColumns(_a) {
                       header.id
                     );
                   }
-                  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)(
+                  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)(
                     Checkbox,
                     {
                       checked: allSelectedAcrossPages,
@@ -3208,7 +3214,7 @@ function PinnedColumns(_a) {
             testid: pinnedTestId
           }, props), {
             table,
-            locked: !enableColumnSelector,
+            locked: !enableColumnSelector || pinDirection === "right",
             pinDirection
           })
         )

package/dist/components/DateInput.js

@@ -1,16 +1,16 @@
 import {
   DateInput
-} from "../chunk-5CIANSOX.js";
+} from "../chunk-LKFYNRJZ.js";
 import "../chunk-CJ7V4X6B.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-7ZCXZDJD.js";
-import "../chunk-ZD2A45VT.js";
+import "../chunk-YGAFYULX.js";
+import "../chunk-MBZ55T2D.js";
+import "../chunk-2IKT6IHB.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
 import "../chunk-BQNPOGD5.js";
 import "../chunk-Y5GD2FJA.js";
-import "../chunk-MBZ55T2D.js";
-import "../chunk-2IKT6IHB.js";
 import "../chunk-RZ5EIDX4.js";
 import "../chunk-AGHBLWDZ.js";
 import "../chunk-5IFPG6TS.js";

package/dist/components/DateRangeInput.cjs

@@ -3135,12 +3135,14 @@ function PinnedColumns(_a) {
               className: "flex w-full",
               children: [
                 headerGroup.headers.map((header) => {
-                  var _a3, _b2, _c;
+                  var _a3, _b2, _c, _d, _e, _f;
                   if (!header) {
                     return;
                   }
+                  const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
+                  const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
                   if (typeof header.column.columnDef.header === "string") {
-                    const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
+                    const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
                     return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                       DataCellHeader,
                       {
@@ -3151,14 +3153,18 @@ function PinnedColumns(_a) {
                         width: customHeaderWidth,
                         className: (0, import_clsx13.default)(
                           header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
-                          "group"
+                          "group",
+                          {
+                            "justify-start": cellAlignment === "left",
+                            "justify-end": cellAlignment === "right"
+                          }
                         ),
                         children: [
                           /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
                           getSortIcon(header.column.getIsSorted()),
                           !header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
                           header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
-                          !((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                          !((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                             "div",
                             {
                               onDoubleClick: (e) => {
@@ -3181,7 +3187,7 @@ function PinnedColumns(_a) {
                       header.id
                     );
                   }
-                  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)(
+                  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)(
                     Checkbox,
                     {
                       checked: allSelectedAcrossPages,
@@ -3216,7 +3222,7 @@ function PinnedColumns(_a) {
             testid: pinnedTestId
           }, props), {
             table,
-            locked: !enableColumnSelector,
+            locked: !enableColumnSelector || pinDirection === "right",
             pinDirection
           })
         )

package/dist/components/DateRangeInput.js

@@ -1,16 +1,16 @@
 import {
   CalendarRange
-} from "../chunk-5CIANSOX.js";
+} from "../chunk-LKFYNRJZ.js";
 import "../chunk-CJ7V4X6B.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-7ZCXZDJD.js";
-import "../chunk-ZD2A45VT.js";
+import "../chunk-YGAFYULX.js";
+import "../chunk-MBZ55T2D.js";
+import "../chunk-2IKT6IHB.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
 import "../chunk-BQNPOGD5.js";
 import "../chunk-Y5GD2FJA.js";
-import "../chunk-MBZ55T2D.js";
-import "../chunk-2IKT6IHB.js";
 import "../chunk-RZ5EIDX4.js";
 import "../chunk-AGHBLWDZ.js";
 import "../chunk-5IFPG6TS.js";

package/dist/components/MobileDataGrid/ColumnSelector/index.cjs

@@ -3121,12 +3121,14 @@ function PinnedColumns(_a) {
               className: "flex w-full",
               children: [
                 headerGroup.headers.map((header) => {
-                  var _a3, _b2, _c;
+                  var _a3, _b2, _c, _d, _e, _f;
                   if (!header) {
                     return;
                   }
+                  const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
+                  const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
                   if (typeof header.column.columnDef.header === "string") {
-                    const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
+                    const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
                     return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                       DataCellHeader,
                       {
@@ -3137,14 +3139,18 @@ function PinnedColumns(_a) {
                         width: customHeaderWidth,
                         className: (0, import_clsx13.default)(
                           header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
-                          "group"
+                          "group",
+                          {
+                            "justify-start": cellAlignment === "left",
+                            "justify-end": cellAlignment === "right"
+                          }
                         ),
                         children: [
                           /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
                           getSortIcon(header.column.getIsSorted()),
                           !header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
                           header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
-                          !((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                          !((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                             "div",
                             {
                               onDoubleClick: (e) => {
@@ -3167,7 +3173,7 @@ function PinnedColumns(_a) {
                       header.id
                     );
                   }
-                  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)(
+                  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)(
                     Checkbox,
                     {
                       checked: allSelectedAcrossPages,
@@ -3202,7 +3208,7 @@ function PinnedColumns(_a) {
             testid: pinnedTestId
           }, props), {
             table,
-            locked: !enableColumnSelector,
+            locked: !enableColumnSelector || pinDirection === "right",
             pinDirection
           })
         )

package/dist/components/MobileDataGrid/ColumnSelector/index.js

@@ -1,16 +1,16 @@
 import {
   ColumnSelector
-} from "../../../chunk-5CIANSOX.js";
+} from "../../../chunk-LKFYNRJZ.js";
 import "../../../chunk-CJ7V4X6B.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-7ZCXZDJD.js";
-import "../../../chunk-ZD2A45VT.js";
+import "../../../chunk-YGAFYULX.js";
+import "../../../chunk-MBZ55T2D.js";
+import "../../../chunk-2IKT6IHB.js";
 import "../../../chunk-YCDDBSVU.js";
 import "../../../chunk-3X3Y4TMS.js";
 import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-Y5GD2FJA.js";
-import "../../../chunk-MBZ55T2D.js";
-import "../../../chunk-2IKT6IHB.js";
 import "../../../chunk-RZ5EIDX4.js";
 import "../../../chunk-AGHBLWDZ.js";
 import "../../../chunk-5IFPG6TS.js";

package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs

@@ -3552,12 +3552,14 @@ function PinnedColumns(_a) {
               className: "flex w-full",
               children: [
                 headerGroup.headers.map((header) => {
-                  var _a3, _b2, _c;
+                  var _a3, _b2, _c, _d, _e, _f;
                   if (!header) {
                     return;
                   }
+                  const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
+                  const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
                   if (typeof header.column.columnDef.header === "string") {
-                    const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
+                    const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
                     return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
                       DataCellHeader,
                       {
@@ -3568,14 +3570,18 @@ function PinnedColumns(_a) {
                         width: customHeaderWidth,
                         className: (0, import_clsx16.default)(
                           header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
-                          "group"
+                          "group",
+                          {
+                            "justify-start": cellAlignment === "left",
+                            "justify-end": cellAlignment === "right"
+                          }
                         ),
                         children: [
                           /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
                           getSortIcon(header.column.getIsSorted()),
                           !header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
                           header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
-                          !((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                          !((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                             "div",
                             {
                               onDoubleClick: (e) => {
@@ -3598,7 +3604,7 @@ function PinnedColumns(_a) {
                       header.id
                     );
                   }
-                  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react15.default.Fragment, { children: ((_c = header.column.columnDef.meta) == null ? void 0 : _c.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react15.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                     Checkbox,
                     {
                       checked: allSelectedAcrossPages,
@@ -3633,7 +3639,7 @@ function PinnedColumns(_a) {
             testid: pinnedTestId
           }, props), {
             table,
-            locked: !enableColumnSelector,
+            locked: !enableColumnSelector || pinDirection === "right",
             pinDirection
           })
         )

package/dist/components/MobileDataGrid/MobileDataGridHeader.js

@@ -1,16 +1,16 @@
 import {
   MobileDataGridHeader
-} from "../../chunk-5CIANSOX.js";
+} from "../../chunk-LKFYNRJZ.js";
 import "../../chunk-CJ7V4X6B.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-7ZCXZDJD.js";
-import "../../chunk-ZD2A45VT.js";
+import "../../chunk-YGAFYULX.js";
+import "../../chunk-MBZ55T2D.js";
+import "../../chunk-2IKT6IHB.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
-import "../../chunk-MBZ55T2D.js";
-import "../../chunk-2IKT6IHB.js";
 import "../../chunk-RZ5EIDX4.js";
 import "../../chunk-AGHBLWDZ.js";
 import "../../chunk-5IFPG6TS.js";

package/dist/components/MobileDataGrid/index.cjs

@@ -3552,12 +3552,14 @@ function PinnedColumns(_a) {
               className: "flex w-full",
               children: [
                 headerGroup.headers.map((header) => {
-                  var _a3, _b2, _c;
+                  var _a3, _b2, _c, _d, _e, _f;
                   if (!header) {
                     return;
                   }
+                  const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
+                  const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
                   if (typeof header.column.columnDef.header === "string") {
-                    const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
+                    const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
                     return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
                       DataCellHeader,
                       {
@@ -3568,14 +3570,18 @@ function PinnedColumns(_a) {
                         width: customHeaderWidth,
                         className: (0, import_clsx16.default)(
                           header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
-                          "group"
+                          "group",
+                          {
+                            "justify-start": cellAlignment === "left",
+                            "justify-end": cellAlignment === "right"
+                          }
                         ),
                         children: [
                           /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
                           getSortIcon(header.column.getIsSorted()),
                           !header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
                           header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
-                          !((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                          !((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                             "div",
                             {
                               onDoubleClick: (e) => {
@@ -3598,7 +3604,7 @@ function PinnedColumns(_a) {
                       header.id
                     );
                   }
-                  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react15.default.Fragment, { children: ((_c = header.column.columnDef.meta) == null ? void 0 : _c.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react15.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                     Checkbox,
                     {
                       checked: allSelectedAcrossPages,
@@ -3633,7 +3639,7 @@ function PinnedColumns(_a) {
             testid: pinnedTestId
           }, props), {
             table,
-            locked: !enableColumnSelector,
+            locked: !enableColumnSelector || pinDirection === "right",
             pinDirection
           })
         )

package/dist/components/MobileDataGrid/index.js

@@ -1,16 +1,16 @@
 import {
   MobileDataGrid
-} from "../../chunk-5CIANSOX.js";
+} from "../../chunk-LKFYNRJZ.js";
 import "../../chunk-CJ7V4X6B.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-7ZCXZDJD.js";
-import "../../chunk-ZD2A45VT.js";
+import "../../chunk-YGAFYULX.js";
+import "../../chunk-MBZ55T2D.js";
+import "../../chunk-2IKT6IHB.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
-import "../../chunk-MBZ55T2D.js";
-import "../../chunk-2IKT6IHB.js";
 import "../../chunk-RZ5EIDX4.js";
 import "../../chunk-AGHBLWDZ.js";
 import "../../chunk-5IFPG6TS.js";

package/dist/components/ProductImagePreview/index.js

@@ -1,11 +1,11 @@
 import {
   ProductImagePreview
-} from "../../chunk-ZD2A45VT.js";
+} from "../../chunk-YGAFYULX.js";
+import "../../chunk-MBZ55T2D.js";
+import "../../chunk-2IKT6IHB.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
-import "../../chunk-MBZ55T2D.js";
-import "../../chunk-2IKT6IHB.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-QVWYTQKL.js";
 import "../../chunk-BWPNXY7T.js";

package/dist/components/index.cjs

@@ -3152,12 +3152,14 @@ function PinnedColumns(_a) {
               className: "flex w-full",
               children: [
                 headerGroup.headers.map((header) => {
-                  var _a3, _b2, _c;
+                  var _a3, _b2, _c, _d, _e, _f;
                   if (!header) {
                     return;
                   }
+                  const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
+                  const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
                   if (typeof header.column.columnDef.header === "string") {
-                    const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
+                    const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
                     return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                       DataCellHeader,
                       {
@@ -3168,14 +3170,18 @@ function PinnedColumns(_a) {
                         width: customHeaderWidth,
                         className: (0, import_clsx13.default)(
                           header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
-                          "group"
+                          "group",
+                          {
+                            "justify-start": cellAlignment === "left",
+                            "justify-end": cellAlignment === "right"
+                          }
                         ),
                         children: [
                           /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
                           getSortIcon(header.column.getIsSorted()),
                           !header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
                           header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
-                          !((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                          !((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                             "div",
                             {
                               onDoubleClick: (e) => {
@@ -3198,7 +3204,7 @@ function PinnedColumns(_a) {
                       header.id
                     );
                   }
-                  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)(
+                  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)(
                     Checkbox,
                     {
                       checked: allSelectedAcrossPages,
@@ -3233,7 +3239,7 @@ function PinnedColumns(_a) {
             testid: pinnedTestId
           }, props), {
             table,
-            locked: !enableColumnSelector,
+            locked: !enableColumnSelector || pinDirection === "right",
             pinDirection
           })
         )