@dmsi/wedgekit-react 0.0.555 → 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 (54) hide show
  1. package/dist/{chunk-MPYAHORM.js → chunk-BQAIQNYO.js} +1 -1
  2. package/dist/{chunk-HGLOO52X.js → chunk-BU5QGYOC.js} +2 -2
  3. package/dist/{chunk-ZDXJXDZT.js → chunk-CFFSOTWX.js} +1 -1
  4. package/dist/{chunk-GYQA4UIK.js → chunk-CJ7V4X6B.js} +1 -1
  5. package/dist/{chunk-DWICBU2V.js → chunk-DWKS5ZXG.js} +3 -3
  6. package/dist/{chunk-YWQEMS2C.js → chunk-GTJADN2C.js} +1 -1
  7. package/dist/{chunk-YD2JJ2VL.js → chunk-LI6F442Y.js} +3 -2
  8. package/dist/{chunk-WTT5VQPG.js → chunk-LKFYNRJZ.js} +17 -11
  9. package/dist/{chunk-Q3G6Z5DM.js → chunk-OX4JI2GK.js} +1 -1
  10. package/dist/{chunk-FIVKYEC3.js → chunk-YGAFYULX.js} +7 -7
  11. package/dist/components/CalendarRange.cjs +15 -8
  12. package/dist/components/CalendarRange.js +12 -12
  13. package/dist/components/CompactImagesPreview.js +2 -2
  14. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +15 -8
  15. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +12 -12
  16. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +15 -8
  17. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +12 -12
  18. package/dist/components/DataGrid/PinnedColumns.cjs +15 -8
  19. package/dist/components/DataGrid/PinnedColumns.js +12 -12
  20. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +15 -8
  21. package/dist/components/DataGrid/TableBody/LoadingCell.js +12 -12
  22. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +15 -8
  23. package/dist/components/DataGrid/TableBody/TableBodyRow.js +12 -12
  24. package/dist/components/DataGrid/TableBody/index.cjs +15 -8
  25. package/dist/components/DataGrid/TableBody/index.js +12 -12
  26. package/dist/components/DataGrid/index.cjs +15 -8
  27. package/dist/components/DataGrid/index.js +12 -12
  28. package/dist/components/DataGrid/utils.cjs +15 -8
  29. package/dist/components/DataGrid/utils.js +12 -12
  30. package/dist/components/DataGridCell.js +5 -5
  31. package/dist/components/DateInput.cjs +15 -8
  32. package/dist/components/DateInput.js +12 -12
  33. package/dist/components/DateRangeInput.cjs +15 -8
  34. package/dist/components/DateRangeInput.js +12 -12
  35. package/dist/components/Menu.js +3 -3
  36. package/dist/components/MenuOption.js +2 -2
  37. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +15 -8
  38. package/dist/components/MobileDataGrid/ColumnSelector/index.js +12 -12
  39. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +15 -8
  40. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +12 -12
  41. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +3 -3
  42. package/dist/components/MobileDataGrid/index.cjs +15 -8
  43. package/dist/components/MobileDataGrid/index.js +12 -12
  44. package/dist/components/Modal.js +2 -2
  45. package/dist/components/NestedMenu.js +2 -2
  46. package/dist/components/PDFViewer/index.js +2 -2
  47. package/dist/components/ProductImagePreview/index.js +4 -4
  48. package/dist/components/ProjectBar.js +1 -1
  49. package/dist/components/index.cjs +15 -8
  50. package/dist/components/index.js +12 -12
  51. package/dist/components/useMenuSystem.js +2 -2
  52. package/dist/hooks/index.cjs +3 -2
  53. package/dist/hooks/index.js +1 -1
  54. package/package.json +1 -1
package/dist/components/MobileDataGrid/ColumnSelector/index.js CHANGED
@@ -1,16 +1,16 @@
1
1
  import {
2
2
  ColumnSelector
3
- } from "../../../chunk-WTT5VQPG.js";
4
- import "../../../chunk-GYQA4UIK.js";
3
+ } from "../../../chunk-LKFYNRJZ.js";
4
+ import "../../../chunk-CJ7V4X6B.js";
5
5
  import "../../../chunk-M7INAUAJ.js";
6
6
  import "../../../chunk-7ZCXZDJD.js";
7
- import "../../../chunk-FIVKYEC3.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";
@@ -24,7 +24,7 @@ import "../../../chunk-L3BXRDLP.js";
24
24
  import "../../../chunk-34VEVX5H.js";
25
25
  import "../../../chunk-LB7UT6F3.js";
26
26
  import "../../../chunk-MDB26F6T.js";
27
- import "../../../chunk-ZDXJXDZT.js";
27
+ import "../../../chunk-CFFSOTWX.js";
28
28
  import "../../../chunk-4RJKB7LC.js";
29
29
  import "../../../chunk-KV7LAH3T.js";
30
30
  import "../../../chunk-WVVEOCEH.js";
@@ -34,17 +34,17 @@ import "../../../chunk-QVWYTQKL.js";
34
34
  import "../../../chunk-UAMI54FE.js";
35
35
  import "../../../chunk-75USUR3I.js";
36
36
  import "../../../chunk-BWPNXY7T.js";
37
- import "../../../chunk-DWICBU2V.js";
38
- import "../../../chunk-HGLOO52X.js";
39
- import "../../../chunk-MPYAHORM.js";
40
- import "../../../chunk-YWQEMS2C.js";
37
+ import "../../../chunk-DWKS5ZXG.js";
38
+ import "../../../chunk-BU5QGYOC.js";
39
+ import "../../../chunk-BQAIQNYO.js";
40
+ import "../../../chunk-GTJADN2C.js";
41
41
  import "../../../chunk-BKBJOF4J.js";
42
42
  import "../../../chunk-NWTVBVBC.js";
43
43
  import "../../../chunk-HXGJVYGQ.js";
44
44
  import "../../../chunk-WVUIIBRR.js";
45
45
  import "../../../chunk-M7WHWZ2J.js";
46
- import "../../../chunk-Q3G6Z5DM.js";
47
- import "../../../chunk-YD2JJ2VL.js";
46
+ import "../../../chunk-OX4JI2GK.js";
47
+ import "../../../chunk-LI6F442Y.js";
48
48
  import "../../../chunk-VXWSAIB5.js";
49
49
  import "../../../chunk-DQRQZE6O.js";
50
50
  import "../../../chunk-5UH6QUFB.js";
package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs CHANGED
@@ -1063,7 +1063,7 @@ function findDocumentRoot(element) {
1063
1063
  var import_react5 = require("react");
1064
1064
  var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
1065
1065
  var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
1066
- function useTableLayout(initialColumns, key) {
1066
+ function useTableLayout(initialColumns, key, autosync = true) {
1067
1067
  const [columns, setColumns] = (0, import_react5.useState)(initialColumns);
1068
1068
  const [isReady, setIsReady] = (0, import_react5.useState)(false);
1069
1069
  const renderCountRef = (0, import_react5.useRef)(0);
@@ -1084,6 +1084,7 @@ function useTableLayout(initialColumns, key) {
1084
1084
  [isReady, key]
1085
1085
  );
1086
1086
  (0, import_react5.useEffect)(() => {
1087
+ if (!autosync) return;
1087
1088
  if (!key) return setIsReady(true);
1088
1089
  if (renderCountRef.current > 1) {
1089
1090
  throw new Error(
@@ -1110,7 +1111,7 @@ function useTableLayout(initialColumns, key) {
1110
1111
  return () => {
1111
1112
  renderCountRef.current = 0;
1112
1113
  };
1113
- }, [handleSaveLayout, initialColumns, key]);
1114
+ }, [handleSaveLayout, initialColumns, key, autosync]);
1114
1115
  const getSavedLayout = (0, import_react5.useCallback)(() => {
1115
1116
  const savedLayout = localStorage.getItem(
1116
1117
  getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
@@ -3551,12 +3552,14 @@ function PinnedColumns(_a) {
3551
3552
  className: "flex w-full",
3552
3553
  children: [
3553
3554
  headerGroup.headers.map((header) => {
3554
- var _a3, _b2, _c;
3555
+ var _a3, _b2, _c, _d, _e, _f;
3555
3556
  if (!header) {
3556
3557
  return;
3557
3558
  }
3559
+ const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
3560
+ const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
3558
3561
  if (typeof header.column.columnDef.header === "string") {
3559
- const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
3562
+ const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
3560
3563
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
3561
3564
  DataCellHeader,
3562
3565
  {
@@ -3567,14 +3570,18 @@ function PinnedColumns(_a) {
3567
3570
  width: customHeaderWidth,
3568
3571
  className: (0, import_clsx16.default)(
3569
3572
  header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
3570
- "group"
3573
+ "group",
3574
+ {
3575
+ "justify-start": cellAlignment === "left",
3576
+ "justify-end": cellAlignment === "right"
3577
+ }
3571
3578
  ),
3572
3579
  children: [
3573
3580
  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
3574
3581
  getSortIcon(header.column.getIsSorted()),
3575
3582
  !header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
3576
3583
  header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
3577
- !((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
3584
+ !((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
3578
3585
  "div",
3579
3586
  {
3580
3587
  onDoubleClick: (e) => {
@@ -3597,7 +3604,7 @@ function PinnedColumns(_a) {
3597
3604
  header.id
3598
3605
  );
3599
3606
  }
3600
- 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)(
3607
+ 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)(
3601
3608
  Checkbox,
3602
3609
  {
3603
3610
  checked: allSelectedAcrossPages,
@@ -3632,7 +3639,7 @@ function PinnedColumns(_a) {
3632
3639
  testid: pinnedTestId
3633
3640
  }, props), {
3634
3641
  table,
3635
- locked: !enableColumnSelector,
3642
+ locked: !enableColumnSelector || pinDirection === "right",
3636
3643
  pinDirection
3637
3644
  })
3638
3645
  )
package/dist/components/MobileDataGrid/MobileDataGridHeader.js CHANGED
@@ -1,16 +1,16 @@
1
1
  import {
2
2
  MobileDataGridHeader
3
- } from "../../chunk-WTT5VQPG.js";
4
- import "../../chunk-GYQA4UIK.js";
3
+ } from "../../chunk-LKFYNRJZ.js";
4
+ import "../../chunk-CJ7V4X6B.js";
5
5
  import "../../chunk-M7INAUAJ.js";
6
6
  import "../../chunk-7ZCXZDJD.js";
7
- import "../../chunk-FIVKYEC3.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";
@@ -24,7 +24,7 @@ import "../../chunk-L3BXRDLP.js";
24
24
  import "../../chunk-34VEVX5H.js";
25
25
  import "../../chunk-LB7UT6F3.js";
26
26
  import "../../chunk-MDB26F6T.js";
27
- import "../../chunk-ZDXJXDZT.js";
27
+ import "../../chunk-CFFSOTWX.js";
28
28
  import "../../chunk-4RJKB7LC.js";
29
29
  import "../../chunk-KV7LAH3T.js";
30
30
  import "../../chunk-WVVEOCEH.js";
@@ -34,17 +34,17 @@ import "../../chunk-QVWYTQKL.js";
34
34
  import "../../chunk-UAMI54FE.js";
35
35
  import "../../chunk-75USUR3I.js";
36
36
  import "../../chunk-BWPNXY7T.js";
37
- import "../../chunk-DWICBU2V.js";
38
- import "../../chunk-HGLOO52X.js";
39
- import "../../chunk-MPYAHORM.js";
40
- import "../../chunk-YWQEMS2C.js";
37
+ import "../../chunk-DWKS5ZXG.js";
38
+ import "../../chunk-BU5QGYOC.js";
39
+ import "../../chunk-BQAIQNYO.js";
40
+ import "../../chunk-GTJADN2C.js";
41
41
  import "../../chunk-BKBJOF4J.js";
42
42
  import "../../chunk-NWTVBVBC.js";
43
43
  import "../../chunk-HXGJVYGQ.js";
44
44
  import "../../chunk-WVUIIBRR.js";
45
45
  import "../../chunk-M7WHWZ2J.js";
46
- import "../../chunk-Q3G6Z5DM.js";
47
- import "../../chunk-YD2JJ2VL.js";
46
+ import "../../chunk-OX4JI2GK.js";
47
+ import "../../chunk-LI6F442Y.js";
48
48
  import "../../chunk-VXWSAIB5.js";
49
49
  import "../../chunk-DQRQZE6O.js";
50
50
  import "../../chunk-5UH6QUFB.js";
package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js CHANGED
@@ -1,17 +1,17 @@
1
1
  import {
2
2
  RowDetailModalProvider
3
- } from "../../../chunk-GYQA4UIK.js";
3
+ } from "../../../chunk-CJ7V4X6B.js";
4
4
  import "../../../chunk-7ZCXZDJD.js";
5
5
  import "../../../chunk-5IFPG6TS.js";
6
6
  import "../../../chunk-AJ5M6MVX.js";
7
7
  import "../../../chunk-M4FM3B3R.js";
8
- import "../../../chunk-ZDXJXDZT.js";
8
+ import "../../../chunk-CFFSOTWX.js";
9
9
  import "../../../chunk-4RJKB7LC.js";
10
10
  import "../../../chunk-KV7LAH3T.js";
11
11
  import "../../../chunk-WVVEOCEH.js";
12
12
  import "../../../chunk-EJOPJIRO.js";
13
13
  import "../../../chunk-AG43RS4Q.js";
14
- import "../../../chunk-YD2JJ2VL.js";
14
+ import "../../../chunk-LI6F442Y.js";
15
15
  import "../../../chunk-VXWSAIB5.js";
16
16
  import "../../../chunk-DQRQZE6O.js";
17
17
  import "../../../chunk-5UH6QUFB.js";
package/dist/components/MobileDataGrid/index.cjs CHANGED
@@ -1063,7 +1063,7 @@ function findDocumentRoot(element) {
1063
1063
  var import_react5 = require("react");
1064
1064
  var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
1065
1065
  var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
1066
- function useTableLayout(initialColumns, key) {
1066
+ function useTableLayout(initialColumns, key, autosync = true) {
1067
1067
  const [columns, setColumns] = (0, import_react5.useState)(initialColumns);
1068
1068
  const [isReady, setIsReady] = (0, import_react5.useState)(false);
1069
1069
  const renderCountRef = (0, import_react5.useRef)(0);
@@ -1084,6 +1084,7 @@ function useTableLayout(initialColumns, key) {
1084
1084
  [isReady, key]
1085
1085
  );
1086
1086
  (0, import_react5.useEffect)(() => {
1087
+ if (!autosync) return;
1087
1088
  if (!key) return setIsReady(true);
1088
1089
  if (renderCountRef.current > 1) {
1089
1090
  throw new Error(
@@ -1110,7 +1111,7 @@ function useTableLayout(initialColumns, key) {
1110
1111
  return () => {
1111
1112
  renderCountRef.current = 0;
1112
1113
  };
1113
- }, [handleSaveLayout, initialColumns, key]);
1114
+ }, [handleSaveLayout, initialColumns, key, autosync]);
1114
1115
  const getSavedLayout = (0, import_react5.useCallback)(() => {
1115
1116
  const savedLayout = localStorage.getItem(
1116
1117
  getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
@@ -3551,12 +3552,14 @@ function PinnedColumns(_a) {
3551
3552
  className: "flex w-full",
3552
3553
  children: [
3553
3554
  headerGroup.headers.map((header) => {
3554
- var _a3, _b2, _c;
3555
+ var _a3, _b2, _c, _d, _e, _f;
3555
3556
  if (!header) {
3556
3557
  return;
3557
3558
  }
3559
+ const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
3560
+ const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
3558
3561
  if (typeof header.column.columnDef.header === "string") {
3559
- const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
3562
+ const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
3560
3563
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
3561
3564
  DataCellHeader,
3562
3565
  {
@@ -3567,14 +3570,18 @@ function PinnedColumns(_a) {
3567
3570
  width: customHeaderWidth,
3568
3571
  className: (0, import_clsx16.default)(
3569
3572
  header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
3570
- "group"
3573
+ "group",
3574
+ {
3575
+ "justify-start": cellAlignment === "left",
3576
+ "justify-end": cellAlignment === "right"
3577
+ }
3571
3578
  ),
3572
3579
  children: [
3573
3580
  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
3574
3581
  getSortIcon(header.column.getIsSorted()),
3575
3582
  !header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
3576
3583
  header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
3577
- !((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
3584
+ !((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
3578
3585
  "div",
3579
3586
  {
3580
3587
  onDoubleClick: (e) => {
@@ -3597,7 +3604,7 @@ function PinnedColumns(_a) {
3597
3604
  header.id
3598
3605
  );
3599
3606
  }
3600
- 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)(
3607
+ 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)(
3601
3608
  Checkbox,
3602
3609
  {
3603
3610
  checked: allSelectedAcrossPages,
@@ -3632,7 +3639,7 @@ function PinnedColumns(_a) {
3632
3639
  testid: pinnedTestId
3633
3640
  }, props), {
3634
3641
  table,
3635
- locked: !enableColumnSelector,
3642
+ locked: !enableColumnSelector || pinDirection === "right",
3636
3643
  pinDirection
3637
3644
  })
3638
3645
  )
package/dist/components/MobileDataGrid/index.js CHANGED
@@ -1,16 +1,16 @@
1
1
  import {
2
2
  MobileDataGrid
3
- } from "../../chunk-WTT5VQPG.js";
4
- import "../../chunk-GYQA4UIK.js";
3
+ } from "../../chunk-LKFYNRJZ.js";
4
+ import "../../chunk-CJ7V4X6B.js";
5
5
  import "../../chunk-M7INAUAJ.js";
6
6
  import "../../chunk-7ZCXZDJD.js";
7
- import "../../chunk-FIVKYEC3.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";
@@ -24,7 +24,7 @@ import "../../chunk-L3BXRDLP.js";
24
24
  import "../../chunk-34VEVX5H.js";
25
25
  import "../../chunk-LB7UT6F3.js";
26
26
  import "../../chunk-MDB26F6T.js";
27
- import "../../chunk-ZDXJXDZT.js";
27
+ import "../../chunk-CFFSOTWX.js";
28
28
  import "../../chunk-4RJKB7LC.js";
29
29
  import "../../chunk-KV7LAH3T.js";
30
30
  import "../../chunk-WVVEOCEH.js";
@@ -34,17 +34,17 @@ import "../../chunk-QVWYTQKL.js";
34
34
  import "../../chunk-UAMI54FE.js";
35
35
  import "../../chunk-75USUR3I.js";
36
36
  import "../../chunk-BWPNXY7T.js";
37
- import "../../chunk-DWICBU2V.js";
38
- import "../../chunk-HGLOO52X.js";
39
- import "../../chunk-MPYAHORM.js";
40
- import "../../chunk-YWQEMS2C.js";
37
+ import "../../chunk-DWKS5ZXG.js";
38
+ import "../../chunk-BU5QGYOC.js";
39
+ import "../../chunk-BQAIQNYO.js";
40
+ import "../../chunk-GTJADN2C.js";
41
41
  import "../../chunk-BKBJOF4J.js";
42
42
  import "../../chunk-NWTVBVBC.js";
43
43
  import "../../chunk-HXGJVYGQ.js";
44
44
  import "../../chunk-WVUIIBRR.js";
45
45
  import "../../chunk-M7WHWZ2J.js";
46
- import "../../chunk-Q3G6Z5DM.js";
47
- import "../../chunk-YD2JJ2VL.js";
46
+ import "../../chunk-OX4JI2GK.js";
47
+ import "../../chunk-LI6F442Y.js";
48
48
  import "../../chunk-VXWSAIB5.js";
49
49
  import "../../chunk-DQRQZE6O.js";
50
50
  import "../../chunk-5UH6QUFB.js";
package/dist/components/Modal.js CHANGED
@@ -1,13 +1,13 @@
1
1
  "use client";
2
2
  import {
3
3
  Modal
4
- } from "../chunk-ZDXJXDZT.js";
4
+ } from "../chunk-CFFSOTWX.js";
5
5
  import "../chunk-4RJKB7LC.js";
6
6
  import "../chunk-KV7LAH3T.js";
7
7
  import "../chunk-WVVEOCEH.js";
8
8
  import "../chunk-EJOPJIRO.js";
9
9
  import "../chunk-AG43RS4Q.js";
10
- import "../chunk-YD2JJ2VL.js";
10
+ import "../chunk-LI6F442Y.js";
11
11
  import "../chunk-VXWSAIB5.js";
12
12
  import "../chunk-DQRQZE6O.js";
13
13
  import "../chunk-5UH6QUFB.js";
package/dist/components/NestedMenu.js CHANGED
@@ -1,13 +1,13 @@
1
1
  "use client";
2
2
  import {
3
3
  MenuOption
4
- } from "../chunk-YWQEMS2C.js";
4
+ } from "../chunk-GTJADN2C.js";
5
5
  import {
6
6
  Label
7
7
  } from "../chunk-HXGJVYGQ.js";
8
8
  import {
9
9
  useKeydown
10
- } from "../chunk-YD2JJ2VL.js";
10
+ } from "../chunk-LI6F442Y.js";
11
11
  import "../chunk-VXWSAIB5.js";
12
12
  import "../chunk-DQRQZE6O.js";
13
13
  import "../chunk-5UH6QUFB.js";
package/dist/components/PDFViewer/index.js CHANGED
@@ -12,13 +12,13 @@ import "../../chunk-VJVY6NPF.js";
12
12
  import "../../chunk-MDB26F6T.js";
13
13
  import {
14
14
  Modal
15
- } from "../../chunk-ZDXJXDZT.js";
15
+ } from "../../chunk-CFFSOTWX.js";
16
16
  import "../../chunk-4RJKB7LC.js";
17
17
  import "../../chunk-KV7LAH3T.js";
18
18
  import "../../chunk-WVVEOCEH.js";
19
19
  import "../../chunk-EJOPJIRO.js";
20
20
  import "../../chunk-AG43RS4Q.js";
21
- import "../../chunk-YD2JJ2VL.js";
21
+ import "../../chunk-LI6F442Y.js";
22
22
  import "../../chunk-VXWSAIB5.js";
23
23
  import "../../chunk-DQRQZE6O.js";
24
24
  import "../../chunk-5UH6QUFB.js";
package/dist/components/ProductImagePreview/index.js CHANGED
@@ -1,15 +1,15 @@
1
1
  import {
2
2
  ProductImagePreview
3
- } from "../../chunk-FIVKYEC3.js";
3
+ } from "../../chunk-YGAFYULX.js";
4
+ import "../../chunk-MBZ55T2D.js";
5
+ import "../../chunk-2IKT6IHB.js";
4
6
  import "../../chunk-YCDDBSVU.js";
5
7
  import "../../chunk-3X3Y4TMS.js";
6
8
  import "../../chunk-BQNPOGD5.js";
7
- import "../../chunk-MBZ55T2D.js";
8
- import "../../chunk-2IKT6IHB.js";
9
9
  import "../../chunk-AT4AWD6B.js";
10
10
  import "../../chunk-QVWYTQKL.js";
11
11
  import "../../chunk-BWPNXY7T.js";
12
- import "../../chunk-YD2JJ2VL.js";
12
+ import "../../chunk-LI6F442Y.js";
13
13
  import "../../chunk-VXWSAIB5.js";
14
14
  import "../../chunk-DQRQZE6O.js";
15
15
  import "../../chunk-5UH6QUFB.js";
package/dist/components/ProjectBar.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useMatchesMobile
3
- } from "../chunk-YD2JJ2VL.js";
3
+ } from "../chunk-LI6F442Y.js";
4
4
  import "../chunk-VXWSAIB5.js";
5
5
  import "../chunk-DQRQZE6O.js";
6
6
  import "../chunk-5UH6QUFB.js";
package/dist/components/index.cjs CHANGED
@@ -663,7 +663,7 @@ function findDocumentRoot(element) {
663
663
  var import_react5 = require("react");
664
664
  var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
665
665
  var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
666
- function useTableLayout(initialColumns, key) {
666
+ function useTableLayout(initialColumns, key, autosync = true) {
667
667
  const [columns, setColumns] = (0, import_react5.useState)(initialColumns);
668
668
  const [isReady, setIsReady] = (0, import_react5.useState)(false);
669
669
  const renderCountRef = (0, import_react5.useRef)(0);
@@ -684,6 +684,7 @@ function useTableLayout(initialColumns, key) {
684
684
  [isReady, key]
685
685
  );
686
686
  (0, import_react5.useEffect)(() => {
687
+ if (!autosync) return;
687
688
  if (!key) return setIsReady(true);
688
689
  if (renderCountRef.current > 1) {
689
690
  throw new Error(
@@ -710,7 +711,7 @@ function useTableLayout(initialColumns, key) {
710
711
  return () => {
711
712
  renderCountRef.current = 0;
712
713
  };
713
- }, [handleSaveLayout, initialColumns, key]);
714
+ }, [handleSaveLayout, initialColumns, key, autosync]);
714
715
  const getSavedLayout = (0, import_react5.useCallback)(() => {
715
716
  const savedLayout = localStorage.getItem(
716
717
  getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
@@ -3151,12 +3152,14 @@ function PinnedColumns(_a) {
3151
3152
  className: "flex w-full",
3152
3153
  children: [
3153
3154
  headerGroup.headers.map((header) => {
3154
- var _a3, _b2, _c;
3155
+ var _a3, _b2, _c, _d, _e, _f;
3155
3156
  if (!header) {
3156
3157
  return;
3157
3158
  }
3159
+ const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
3160
+ const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
3158
3161
  if (typeof header.column.columnDef.header === "string") {
3159
- const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
3162
+ const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
3160
3163
  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
3161
3164
  DataCellHeader,
3162
3165
  {
@@ -3167,14 +3170,18 @@ function PinnedColumns(_a) {
3167
3170
  width: customHeaderWidth,
3168
3171
  className: (0, import_clsx13.default)(
3169
3172
  header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
3170
- "group"
3173
+ "group",
3174
+ {
3175
+ "justify-start": cellAlignment === "left",
3176
+ "justify-end": cellAlignment === "right"
3177
+ }
3171
3178
  ),
3172
3179
  children: [
3173
3180
  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
3174
3181
  getSortIcon(header.column.getIsSorted()),
3175
3182
  !header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
3176
3183
  header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
3177
- !((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
3184
+ !((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
3178
3185
  "div",
3179
3186
  {
3180
3187
  onDoubleClick: (e) => {
@@ -3197,7 +3204,7 @@ function PinnedColumns(_a) {
3197
3204
  header.id
3198
3205
  );
3199
3206
  }
3200
- 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)(
3207
+ 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)(
3201
3208
  Checkbox,
3202
3209
  {
3203
3210
  checked: allSelectedAcrossPages,
@@ -3232,7 +3239,7 @@ function PinnedColumns(_a) {
3232
3239
  testid: pinnedTestId
3233
3240
  }, props), {
3234
3241
  table,
3235
- locked: !enableColumnSelector,
3242
+ locked: !enableColumnSelector || pinDirection === "right",
3236
3243
  pinDirection
3237
3244
  })
3238
3245
  )
package/dist/components/index.js CHANGED
@@ -2,21 +2,21 @@ import {
2
2
  DataGrid,
3
3
  DateInput,
4
4
  MobileDataGrid
5
- } from "../chunk-WTT5VQPG.js";
6
- import "../chunk-GYQA4UIK.js";
5
+ } from "../chunk-LKFYNRJZ.js";
6
+ import "../chunk-CJ7V4X6B.js";
7
7
  import "../chunk-M7INAUAJ.js";
8
8
  import "../chunk-7ZCXZDJD.js";
9
9
  import {
10
10
  ProductImagePreview
11
- } from "../chunk-FIVKYEC3.js";
11
+ } from "../chunk-YGAFYULX.js";
12
+ import "../chunk-MBZ55T2D.js";
13
+ import "../chunk-2IKT6IHB.js";
12
14
  import "../chunk-YCDDBSVU.js";
13
15
  import "../chunk-3X3Y4TMS.js";
14
16
  import "../chunk-BQNPOGD5.js";
15
17
  import {
16
18
  SearchResultImage
17
19
  } from "../chunk-Y5GD2FJA.js";
18
- import "../chunk-MBZ55T2D.js";
19
- import "../chunk-2IKT6IHB.js";
20
20
  import "../chunk-RZ5EIDX4.js";
21
21
  import "../chunk-AGHBLWDZ.js";
22
22
  import "../chunk-5IFPG6TS.js";
@@ -42,7 +42,7 @@ import {
42
42
  import {
43
43
  Tooltip
44
44
  } from "../chunk-MDB26F6T.js";
45
- import "../chunk-ZDXJXDZT.js";
45
+ import "../chunk-CFFSOTWX.js";
46
46
  import "../chunk-4RJKB7LC.js";
47
47
  import "../chunk-KV7LAH3T.js";
48
48
  import "../chunk-WVVEOCEH.js";
@@ -61,14 +61,14 @@ import {
61
61
  DataGridCell,
62
62
  DragAlongCell,
63
63
  DraggableCellHeader
64
- } from "../chunk-DWICBU2V.js";
64
+ } from "../chunk-DWKS5ZXG.js";
65
65
  import {
66
66
  Menu
67
- } from "../chunk-HGLOO52X.js";
68
- import "../chunk-MPYAHORM.js";
67
+ } from "../chunk-BU5QGYOC.js";
68
+ import "../chunk-BQAIQNYO.js";
69
69
  import {
70
70
  MenuOption
71
- } from "../chunk-YWQEMS2C.js";
71
+ } from "../chunk-GTJADN2C.js";
72
72
  import {
73
73
  Search
74
74
  } from "../chunk-BKBJOF4J.js";
@@ -84,8 +84,8 @@ import {
84
84
  } from "../chunk-M7WHWZ2J.js";
85
85
  import {
86
86
  CompactImagesPreview
87
- } from "../chunk-Q3G6Z5DM.js";
88
- import "../chunk-YD2JJ2VL.js";
87
+ } from "../chunk-OX4JI2GK.js";
88
+ import "../chunk-LI6F442Y.js";
89
89
  import "../chunk-VXWSAIB5.js";
90
90
  import "../chunk-DQRQZE6O.js";
91
91
  import "../chunk-5UH6QUFB.js";
package/dist/components/useMenuSystem.js CHANGED
@@ -2,8 +2,8 @@
2
2
  import {
3
3
  useMenuPosition,
4
4
  useSubMenuSystem
5
- } from "../chunk-MPYAHORM.js";
6
- import "../chunk-YD2JJ2VL.js";
5
+ } from "../chunk-BQAIQNYO.js";
6
+ import "../chunk-LI6F442Y.js";
7
7
  import "../chunk-VXWSAIB5.js";
8
8
  import "../chunk-DQRQZE6O.js";
9
9
  import "../chunk-5UH6QUFB.js";
package/dist/hooks/index.cjs CHANGED
@@ -131,7 +131,7 @@ var LocalStoragePrefixVersion = `dmsi-acc-v1.1.0`;
131
131
  var import_react4 = require("react");
132
132
  var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
133
133
  var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
134
- function useTableLayout(initialColumns, key) {
134
+ function useTableLayout(initialColumns, key, autosync = true) {
135
135
  const [columns, setColumns] = (0, import_react4.useState)(initialColumns);
136
136
  const [isReady, setIsReady] = (0, import_react4.useState)(false);
137
137
  const renderCountRef = (0, import_react4.useRef)(0);
@@ -152,6 +152,7 @@ function useTableLayout(initialColumns, key) {
152
152
  [isReady, key]
153
153
  );
154
154
  (0, import_react4.useEffect)(() => {
155
+ if (!autosync) return;
155
156
  if (!key) return setIsReady(true);
156
157
  if (renderCountRef.current > 1) {
157
158
  throw new Error(
@@ -178,7 +179,7 @@ function useTableLayout(initialColumns, key) {
178
179
  return () => {
179
180
  renderCountRef.current = 0;
180
181
  };
181
- }, [handleSaveLayout, initialColumns, key]);
182
+ }, [handleSaveLayout, initialColumns, key, autosync]);
182
183
  const getSavedLayout = (0, import_react4.useCallback)(() => {
183
184
  const savedLayout = localStorage.getItem(
184
185
  getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
package/dist/hooks/index.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  useMatchesMedia,
5
5
  useMatchesMobile,
6
6
  useTableLayout
7
- } from "../chunk-YD2JJ2VL.js";
7
+ } from "../chunk-LI6F442Y.js";
8
8
  import "../chunk-VXWSAIB5.js";
9
9
  import "../chunk-DQRQZE6O.js";
10
10
  import "../chunk-5UH6QUFB.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dmsi/wedgekit-react",
3
3
  "private": false,
4
- "version": "0.0.555",
4
+ "version": "0.0.557",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "build": "tsup",