@dmsi/wedgekit-react 0.0.555 → 0.0.557

package/dist/components/DataGrid/index.js

@@ -2,17 +2,17 @@
 import {
   DataGrid,
   DataGrid_default
-} from "../../chunk-WTT5VQPG.js";
-import "../../chunk-GYQA4UIK.js";
+} from "../../chunk-LKFYNRJZ.js";
+import "../../chunk-CJ7V4X6B.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-7ZCXZDJD.js";
-import "../../chunk-FIVKYEC3.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";
@@ -26,7 +26,7 @@ import "../../chunk-L3BXRDLP.js";
 import "../../chunk-34VEVX5H.js";
 import "../../chunk-LB7UT6F3.js";
 import "../../chunk-MDB26F6T.js";
-import "../../chunk-ZDXJXDZT.js";
+import "../../chunk-CFFSOTWX.js";
 import "../../chunk-4RJKB7LC.js";
 import "../../chunk-KV7LAH3T.js";
 import "../../chunk-WVVEOCEH.js";
@@ -36,17 +36,17 @@ import "../../chunk-QVWYTQKL.js";
 import "../../chunk-UAMI54FE.js";
 import "../../chunk-75USUR3I.js";
 import "../../chunk-BWPNXY7T.js";
-import "../../chunk-DWICBU2V.js";
-import "../../chunk-HGLOO52X.js";
-import "../../chunk-MPYAHORM.js";
-import "../../chunk-YWQEMS2C.js";
+import "../../chunk-DWKS5ZXG.js";
+import "../../chunk-BU5QGYOC.js";
+import "../../chunk-BQAIQNYO.js";
+import "../../chunk-GTJADN2C.js";
 import "../../chunk-BKBJOF4J.js";
 import "../../chunk-NWTVBVBC.js";
 import "../../chunk-HXGJVYGQ.js";
 import "../../chunk-WVUIIBRR.js";
 import "../../chunk-M7WHWZ2J.js";
-import "../../chunk-Q3G6Z5DM.js";
-import "../../chunk-YD2JJ2VL.js";
+import "../../chunk-OX4JI2GK.js";
+import "../../chunk-LI6F442Y.js";
 import "../../chunk-VXWSAIB5.js";
 import "../../chunk-DQRQZE6O.js";
 import "../../chunk-5UH6QUFB.js";

package/dist/components/DataGrid/utils.cjs

@@ -632,7 +632,7 @@ function findDocumentRoot(element) {
 var import_react5 = require("react");
 var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
 var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
-function useTableLayout(initialColumns, key) {
+function useTableLayout(initialColumns, key, autosync = true) {
   const [columns, setColumns] = (0, import_react5.useState)(initialColumns);
   const [isReady, setIsReady] = (0, import_react5.useState)(false);
   const renderCountRef = (0, import_react5.useRef)(0);
@@ -653,6 +653,7 @@ function useTableLayout(initialColumns, key) {
     [isReady, key]
   );
   (0, import_react5.useEffect)(() => {
+    if (!autosync) return;
     if (!key) return setIsReady(true);
     if (renderCountRef.current > 1) {
       throw new Error(
@@ -679,7 +680,7 @@ function useTableLayout(initialColumns, key) {
     return () => {
       renderCountRef.current = 0;
     };
-  }, [handleSaveLayout, initialColumns, key]);
+  }, [handleSaveLayout, initialColumns, key, autosync]);
   const getSavedLayout = (0, import_react5.useCallback)(() => {
     const savedLayout = localStorage.getItem(
       getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
@@ -3103,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,
                       {
@@ -3119,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) => {
@@ -3149,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,
@@ -3184,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-WTT5VQPG.js";
-import "../../chunk-GYQA4UIK.js";
+} from "../../chunk-LKFYNRJZ.js";
+import "../../chunk-CJ7V4X6B.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-7ZCXZDJD.js";
-import "../../chunk-FIVKYEC3.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";
@@ -24,7 +24,7 @@ import "../../chunk-L3BXRDLP.js";
 import "../../chunk-34VEVX5H.js";
 import "../../chunk-LB7UT6F3.js";
 import "../../chunk-MDB26F6T.js";
-import "../../chunk-ZDXJXDZT.js";
+import "../../chunk-CFFSOTWX.js";
 import "../../chunk-4RJKB7LC.js";
 import "../../chunk-KV7LAH3T.js";
 import "../../chunk-WVVEOCEH.js";
@@ -34,17 +34,17 @@ import "../../chunk-QVWYTQKL.js";
 import "../../chunk-UAMI54FE.js";
 import "../../chunk-75USUR3I.js";
 import "../../chunk-BWPNXY7T.js";
-import "../../chunk-DWICBU2V.js";
-import "../../chunk-HGLOO52X.js";
-import "../../chunk-MPYAHORM.js";
-import "../../chunk-YWQEMS2C.js";
+import "../../chunk-DWKS5ZXG.js";
+import "../../chunk-BU5QGYOC.js";
+import "../../chunk-BQAIQNYO.js";
+import "../../chunk-GTJADN2C.js";
 import "../../chunk-BKBJOF4J.js";
 import "../../chunk-NWTVBVBC.js";
 import "../../chunk-HXGJVYGQ.js";
 import "../../chunk-WVUIIBRR.js";
 import "../../chunk-M7WHWZ2J.js";
-import "../../chunk-Q3G6Z5DM.js";
-import "../../chunk-YD2JJ2VL.js";
+import "../../chunk-OX4JI2GK.js";
+import "../../chunk-LI6F442Y.js";
 import "../../chunk-VXWSAIB5.js";
 import "../../chunk-DQRQZE6O.js";
 import "../../chunk-5UH6QUFB.js";

package/dist/components/DataGridCell.js

@@ -4,15 +4,15 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-DWICBU2V.js";
-import "../chunk-HGLOO52X.js";
-import "../chunk-MPYAHORM.js";
-import "../chunk-YWQEMS2C.js";
+} from "../chunk-DWKS5ZXG.js";
+import "../chunk-BU5QGYOC.js";
+import "../chunk-BQAIQNYO.js";
+import "../chunk-GTJADN2C.js";
 import "../chunk-BKBJOF4J.js";
 import "../chunk-NWTVBVBC.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-WVUIIBRR.js";
-import "../chunk-YD2JJ2VL.js";
+import "../chunk-LI6F442Y.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-DQRQZE6O.js";
 import "../chunk-5UH6QUFB.js";

package/dist/components/DateInput.cjs

@@ -1100,7 +1100,7 @@ function findDocumentRoot(element) {
 var import_react6 = require("react");
 var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
 var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
-function useTableLayout(initialColumns, key) {
+function useTableLayout(initialColumns, key, autosync = true) {
   const [columns, setColumns] = (0, import_react6.useState)(initialColumns);
   const [isReady, setIsReady] = (0, import_react6.useState)(false);
   const renderCountRef = (0, import_react6.useRef)(0);
@@ -1121,6 +1121,7 @@ function useTableLayout(initialColumns, key) {
     [isReady, key]
   );
   (0, import_react6.useEffect)(() => {
+    if (!autosync) return;
     if (!key) return setIsReady(true);
     if (renderCountRef.current > 1) {
       throw new Error(
@@ -1147,7 +1148,7 @@ function useTableLayout(initialColumns, key) {
     return () => {
       renderCountRef.current = 0;
     };
-  }, [handleSaveLayout, initialColumns, key]);
+  }, [handleSaveLayout, initialColumns, key, autosync]);
   const getSavedLayout = (0, import_react6.useCallback)(() => {
     const savedLayout = localStorage.getItem(
       getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
@@ -3126,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,
                       {
@@ -3142,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) => {
@@ -3172,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,
@@ -3207,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-WTT5VQPG.js";
-import "../chunk-GYQA4UIK.js";
+} from "../chunk-LKFYNRJZ.js";
+import "../chunk-CJ7V4X6B.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-7ZCXZDJD.js";
-import "../chunk-FIVKYEC3.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";
@@ -24,7 +24,7 @@ import "../chunk-L3BXRDLP.js";
 import "../chunk-34VEVX5H.js";
 import "../chunk-LB7UT6F3.js";
 import "../chunk-MDB26F6T.js";
-import "../chunk-ZDXJXDZT.js";
+import "../chunk-CFFSOTWX.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-KV7LAH3T.js";
 import "../chunk-WVVEOCEH.js";
@@ -34,17 +34,17 @@ import "../chunk-QVWYTQKL.js";
 import "../chunk-UAMI54FE.js";
 import "../chunk-75USUR3I.js";
 import "../chunk-BWPNXY7T.js";
-import "../chunk-DWICBU2V.js";
-import "../chunk-HGLOO52X.js";
-import "../chunk-MPYAHORM.js";
-import "../chunk-YWQEMS2C.js";
+import "../chunk-DWKS5ZXG.js";
+import "../chunk-BU5QGYOC.js";
+import "../chunk-BQAIQNYO.js";
+import "../chunk-GTJADN2C.js";
 import "../chunk-BKBJOF4J.js";
 import "../chunk-NWTVBVBC.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-WVUIIBRR.js";
 import "../chunk-M7WHWZ2J.js";
-import "../chunk-Q3G6Z5DM.js";
-import "../chunk-YD2JJ2VL.js";
+import "../chunk-OX4JI2GK.js";
+import "../chunk-LI6F442Y.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-DQRQZE6O.js";
 import "../chunk-5UH6QUFB.js";

package/dist/components/DateRangeInput.cjs

@@ -1108,7 +1108,7 @@ function findDocumentRoot(element) {
 var import_react6 = require("react");
 var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
 var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
-function useTableLayout(initialColumns, key) {
+function useTableLayout(initialColumns, key, autosync = true) {
   const [columns, setColumns] = (0, import_react6.useState)(initialColumns);
   const [isReady, setIsReady] = (0, import_react6.useState)(false);
   const renderCountRef = (0, import_react6.useRef)(0);
@@ -1129,6 +1129,7 @@ function useTableLayout(initialColumns, key) {
     [isReady, key]
   );
   (0, import_react6.useEffect)(() => {
+    if (!autosync) return;
     if (!key) return setIsReady(true);
     if (renderCountRef.current > 1) {
       throw new Error(
@@ -1155,7 +1156,7 @@ function useTableLayout(initialColumns, key) {
     return () => {
       renderCountRef.current = 0;
     };
-  }, [handleSaveLayout, initialColumns, key]);
+  }, [handleSaveLayout, initialColumns, key, autosync]);
   const getSavedLayout = (0, import_react6.useCallback)(() => {
     const savedLayout = localStorage.getItem(
       getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
@@ -3134,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,
                       {
@@ -3150,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) => {
@@ -3180,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,
@@ -3215,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-WTT5VQPG.js";
-import "../chunk-GYQA4UIK.js";
+} from "../chunk-LKFYNRJZ.js";
+import "../chunk-CJ7V4X6B.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-7ZCXZDJD.js";
-import "../chunk-FIVKYEC3.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";
@@ -24,7 +24,7 @@ import "../chunk-L3BXRDLP.js";
 import "../chunk-34VEVX5H.js";
 import "../chunk-LB7UT6F3.js";
 import "../chunk-MDB26F6T.js";
-import "../chunk-ZDXJXDZT.js";
+import "../chunk-CFFSOTWX.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-KV7LAH3T.js";
 import "../chunk-WVVEOCEH.js";
@@ -34,10 +34,10 @@ import "../chunk-QVWYTQKL.js";
 import "../chunk-UAMI54FE.js";
 import "../chunk-75USUR3I.js";
 import "../chunk-BWPNXY7T.js";
-import "../chunk-DWICBU2V.js";
-import "../chunk-HGLOO52X.js";
-import "../chunk-MPYAHORM.js";
-import "../chunk-YWQEMS2C.js";
+import "../chunk-DWKS5ZXG.js";
+import "../chunk-BU5QGYOC.js";
+import "../chunk-BQAIQNYO.js";
+import "../chunk-GTJADN2C.js";
 import "../chunk-BKBJOF4J.js";
 import {
   InputBase
@@ -45,8 +45,8 @@ import {
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-WVUIIBRR.js";
 import "../chunk-M7WHWZ2J.js";
-import "../chunk-Q3G6Z5DM.js";
-import "../chunk-YD2JJ2VL.js";
+import "../chunk-OX4JI2GK.js";
+import "../chunk-LI6F442Y.js";
 import {
   findDocumentRoot
 } from "../chunk-VXWSAIB5.js";

package/dist/components/Menu.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   Menu
-} from "../chunk-HGLOO52X.js";
-import "../chunk-MPYAHORM.js";
-import "../chunk-YD2JJ2VL.js";
+} from "../chunk-BU5QGYOC.js";
+import "../chunk-BQAIQNYO.js";
+import "../chunk-LI6F442Y.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-DQRQZE6O.js";
 import "../chunk-5UH6QUFB.js";

package/dist/components/MenuOption.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   MenuOption
-} from "../chunk-YWQEMS2C.js";
+} from "../chunk-GTJADN2C.js";
 import "../chunk-HXGJVYGQ.js";
-import "../chunk-YD2JJ2VL.js";
+import "../chunk-LI6F442Y.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-DQRQZE6O.js";
 import "../chunk-5UH6QUFB.js";

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

@@ -632,7 +632,7 @@ function findDocumentRoot(element) {
 var import_react5 = require("react");
 var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
 var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
-function useTableLayout(initialColumns, key) {
+function useTableLayout(initialColumns, key, autosync = true) {
   const [columns, setColumns] = (0, import_react5.useState)(initialColumns);
   const [isReady, setIsReady] = (0, import_react5.useState)(false);
   const renderCountRef = (0, import_react5.useRef)(0);
@@ -653,6 +653,7 @@ function useTableLayout(initialColumns, key) {
     [isReady, key]
   );
   (0, import_react5.useEffect)(() => {
+    if (!autosync) return;
     if (!key) return setIsReady(true);
     if (renderCountRef.current > 1) {
       throw new Error(
@@ -679,7 +680,7 @@ function useTableLayout(initialColumns, key) {
     return () => {
       renderCountRef.current = 0;
     };
-  }, [handleSaveLayout, initialColumns, key]);
+  }, [handleSaveLayout, initialColumns, key, autosync]);
   const getSavedLayout = (0, import_react5.useCallback)(() => {
     const savedLayout = localStorage.getItem(
       getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
@@ -3120,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,
                       {
@@ -3136,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) => {
@@ -3166,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,
@@ -3201,7 +3208,7 @@ function PinnedColumns(_a) {
             testid: pinnedTestId
           }, props), {
             table,
-            locked: !enableColumnSelector,
+            locked: !enableColumnSelector || pinDirection === "right",
             pinDirection
           })
         )