@dmsi/wedgekit-react 0.0.561 → 0.0.563

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 (39) hide show
  1. package/dist/chunk-6MGHIYMP.js +42 -0
  2. package/dist/components/CalendarRange.cjs +58 -49
  3. package/dist/components/CalendarRange.js +3 -2
  4. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +26 -17
  5. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +3 -2
  6. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +36 -27
  7. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +3 -2
  8. package/dist/components/DataGrid/PinnedColumns.cjs +48 -39
  9. package/dist/components/DataGrid/PinnedColumns.js +3 -2
  10. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +27 -18
  11. package/dist/components/DataGrid/TableBody/LoadingCell.js +3 -2
  12. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +30 -21
  13. package/dist/components/DataGrid/TableBody/TableBodyRow.js +3 -2
  14. package/dist/components/DataGrid/TableBody/index.cjs +43 -34
  15. package/dist/components/DataGrid/TableBody/index.js +3 -2
  16. package/dist/components/DataGrid/index.cjs +123 -114
  17. package/dist/components/DataGrid/index.js +3 -2
  18. package/dist/components/DataGrid/utils.cjs +25 -16
  19. package/dist/components/DataGrid/utils.js +3 -2
  20. package/dist/components/DateInput.cjs +77 -68
  21. package/dist/components/DateInput.js +3 -2
  22. package/dist/components/DateRangeInput.cjs +77 -68
  23. package/dist/components/DateRangeInput.js +3 -2
  24. package/dist/components/EditingContext.cjs +8 -2
  25. package/dist/components/EditingContext.js +7 -32
  26. package/dist/components/MobileDataGrid/ColumnList.js +1 -1
  27. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +34 -25
  28. package/dist/components/MobileDataGrid/ColumnSelector/index.js +3 -2
  29. package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +1 -1
  30. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +42 -33
  31. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +3 -2
  32. package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +1 -1
  33. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +1 -1
  34. package/dist/components/MobileDataGrid/index.cjs +136 -127
  35. package/dist/components/MobileDataGrid/index.js +3 -2
  36. package/dist/components/index.cjs +46 -31
  37. package/dist/components/index.js +7 -3
  38. package/package.json +1 -1
  39. /package/dist/{chunk-LKFYNRJZ.js → chunk-3JQPFWKR.js} +0 -0
@@ -62,7 +62,7 @@ __export(ColumnSelector_exports, {
62
62
  ColumnSelector: () => ColumnSelector
63
63
  });
64
64
  module.exports = __toCommonJS(ColumnSelector_exports);
65
- var import_react38 = require("react");
65
+ var import_react39 = require("react");
66
66
 
67
67
  // src/components/DataGridCell.tsx
68
68
  var import_sortable = require("@dnd-kit/sortable");
@@ -5860,12 +5860,21 @@ var import_jsx_runtime60 = require("react/jsx-runtime");
5860
5860
  // src/components/OrderCheckIcon.tsx
5861
5861
  var import_jsx_runtime61 = require("react/jsx-runtime");
5862
5862
 
5863
+ // src/components/EditingContext.tsx
5864
+ var import_react37 = require("react");
5865
+ var import_jsx_runtime62 = require("react/jsx-runtime");
5866
+ var EditingContext = (0, import_react37.createContext)({
5867
+ data: [],
5868
+ setData: () => {
5869
+ }
5870
+ });
5871
+
5863
5872
  // src/components/AccessCard.tsx
5864
5873
  var import_clsx41 = __toESM(require("clsx"), 1);
5865
5874
 
5866
5875
  // src/components/Radio.tsx
5867
5876
  var import_clsx40 = __toESM(require("clsx"), 1);
5868
- var import_jsx_runtime62 = require("react/jsx-runtime");
5877
+ var import_jsx_runtime63 = require("react/jsx-runtime");
5869
5878
  var Radio = (_a) => {
5870
5879
  var _b = _a, {
5871
5880
  className,
@@ -5900,7 +5909,7 @@ var Radio = (_a) => {
5900
5909
  const readonlyClassName = (0, import_clsx40.default)(
5901
5910
  readOnly && "peer-read-only:bg-background-action-secondary-disabled peer-read-only:border-border-primary-normal peer-checked:border-0"
5902
5911
  );
5903
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
5912
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
5904
5913
  "label",
5905
5914
  {
5906
5915
  htmlFor: radioId,
@@ -5912,8 +5921,8 @@ var Radio = (_a) => {
5912
5921
  className
5913
5922
  ),
5914
5923
  children: [
5915
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "relative", children: [
5916
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5924
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "relative", children: [
5925
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5917
5926
  "input",
5918
5927
  __spreadValues({
5919
5928
  id: radioId,
@@ -5925,7 +5934,7 @@ var Radio = (_a) => {
5925
5934
  readOnly
5926
5935
  }, props)
5927
5936
  ),
5928
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5937
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5929
5938
  "div",
5930
5939
  {
5931
5940
  className: (0, import_clsx40.default)(
@@ -5936,7 +5945,7 @@ var Radio = (_a) => {
5936
5945
  disabledClassName,
5937
5946
  readonlyClassName
5938
5947
  ),
5939
- children: checked && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5948
+ children: checked && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5940
5949
  RadioIcon,
5941
5950
  {
5942
5951
  className: (0, import_clsx40.default)(
@@ -5951,14 +5960,14 @@ var Radio = (_a) => {
5951
5960
  }
5952
5961
  )
5953
5962
  ] }),
5954
- label && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Paragraph, { id: radioId ? `${radioId}-label` : void 0, testid: testid ? `${testid}-label` : void 0, padded: true, color: paragraphColor, children: label })
5963
+ label && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Paragraph, { id: radioId ? `${radioId}-label` : void 0, testid: testid ? `${testid}-label` : void 0, padded: true, color: paragraphColor, children: label })
5955
5964
  ]
5956
5965
  }
5957
5966
  );
5958
5967
  };
5959
5968
  Radio.displayName = "Radio";
5960
5969
  var RadioIcon = ({ className }) => {
5961
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
5970
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
5962
5971
  "svg",
5963
5972
  {
5964
5973
  className,
@@ -5968,7 +5977,7 @@ var RadioIcon = ({ className }) => {
5968
5977
  viewBox: "0 0 24 24",
5969
5978
  fill: "none",
5970
5979
  children: [
5971
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5980
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5972
5981
  "rect",
5973
5982
  {
5974
5983
  x: "1",
@@ -5980,7 +5989,7 @@ var RadioIcon = ({ className }) => {
5980
5989
  strokeWidth: "2"
5981
5990
  }
5982
5991
  ),
5983
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("rect", { x: "4", y: "4", width: "16", height: "16", rx: "8", fill: "currentColor" })
5992
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("rect", { x: "4", y: "4", width: "16", height: "16", rx: "8", fill: "currentColor" })
5984
5993
  ]
5985
5994
  }
5986
5995
  );
@@ -5988,19 +5997,19 @@ var RadioIcon = ({ className }) => {
5988
5997
  RadioIcon.displayName = "RadioIcon";
5989
5998
 
5990
5999
  // src/components/AccessCard.tsx
5991
- var import_jsx_runtime63 = require("react/jsx-runtime");
6000
+ var import_jsx_runtime64 = require("react/jsx-runtime");
5992
6001
 
5993
6002
  // src/components/AccessCardGroup.tsx
5994
6003
  var import_clsx42 = __toESM(require("clsx"), 1);
5995
- var import_react37 = require("react");
5996
- var import_jsx_runtime64 = require("react/jsx-runtime");
6004
+ var import_react38 = require("react");
6005
+ var import_jsx_runtime65 = require("react/jsx-runtime");
5997
6006
 
5998
6007
  // src/components/MobileDataGrid/ColumnSelector/index.tsx
5999
- var import_jsx_runtime65 = require("react/jsx-runtime");
6008
+ var import_jsx_runtime66 = require("react/jsx-runtime");
6000
6009
  function ColumnSelector() {
6001
6010
  const context = useGridContext();
6002
- const ref = (0, import_react38.useRef)(null);
6003
- const [show, setShow] = (0, import_react38.useState)(false);
6011
+ const ref = (0, import_react39.useRef)(null);
6012
+ const [show, setShow] = (0, import_react39.useState)(false);
6004
6013
  const {
6005
6014
  columns,
6006
6015
  id,
@@ -6011,13 +6020,13 @@ function ColumnSelector() {
6011
6020
  resetColumnVisibility,
6012
6021
  dispatch
6013
6022
  } = context;
6014
- const toggleColumnVisibility = (0, import_react38.useCallback)(
6023
+ const toggleColumnVisibility = (0, import_react39.useCallback)(
6015
6024
  (index, visible) => {
6016
6025
  dispatch({ type: "UPDATE", index, payload: { meta: { visible } } });
6017
6026
  },
6018
6027
  [dispatch]
6019
6028
  );
6020
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
6029
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
6021
6030
  "div",
6022
6031
  {
6023
6032
  id: id ? `${id}-column-selector` : void 0,
@@ -6025,7 +6034,7 @@ function ColumnSelector() {
6025
6034
  className: "text-text-secondary-normal border-l border-brand-200 p-mobile-container-padding",
6026
6035
  ref,
6027
6036
  children: [
6028
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
6037
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
6029
6038
  Button,
6030
6039
  {
6031
6040
  id: id ? `${id}-button` : void 0,
@@ -6034,10 +6043,10 @@ function ColumnSelector() {
6034
6043
  variant: "navigation",
6035
6044
  iconOnly: true,
6036
6045
  size: 24,
6037
- leftIcon: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon, { name: "tune" })
6046
+ leftIcon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "tune" })
6038
6047
  }
6039
6048
  ),
6040
- /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
6049
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
6041
6050
  Menu,
6042
6051
  {
6043
6052
  id: id ? `${id}-menu` : void 0,
@@ -6048,7 +6057,7 @@ function ColumnSelector() {
6048
6057
  setShow,
6049
6058
  calculateMinMaxHeight: true,
6050
6059
  children: [
6051
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
6060
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
6052
6061
  Button,
6053
6062
  {
6054
6063
  id: id ? `${id}-reset-button` : void 0,
@@ -6066,11 +6075,11 @@ function ColumnSelector() {
6066
6075
  return (_a = x.meta) == null ? void 0 : _a.inVisibilityMenu;
6067
6076
  }).map((column) => {
6068
6077
  var _a, _b, _c;
6069
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
6078
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
6070
6079
  MenuOption,
6071
6080
  {
6072
6081
  testid: testid ? `${testid}-option-${column.id}` : void 0,
6073
- children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
6082
+ children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
6074
6083
  Checkbox,
6075
6084
  {
6076
6085
  id: id ? `${id}-checkbox-${column.id}` : void 0,
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  ColumnSelector
3
- } from "../../../chunk-LKFYNRJZ.js";
3
+ } from "../../../chunk-3JQPFWKR.js";
4
4
  import "../../../chunk-CJ7V4X6B.js";
5
5
  import "../../../chunk-M7INAUAJ.js";
6
6
  import "../../../chunk-7ZCXZDJD.js";
@@ -14,8 +14,8 @@ import "../../../chunk-2IKT6IHB.js";
14
14
  import "../../../chunk-RZ5EIDX4.js";
15
15
  import "../../../chunk-AGHBLWDZ.js";
16
16
  import "../../../chunk-5IFPG6TS.js";
17
- import "../../../chunk-M4FM3B3R.js";
18
17
  import "../../../chunk-AJ5M6MVX.js";
18
+ import "../../../chunk-M4FM3B3R.js";
19
19
  import "../../../chunk-AT4AWD6B.js";
20
20
  import "../../../chunk-EWGHVZL5.js";
21
21
  import "../../../chunk-I5BV7UPG.js";
@@ -32,6 +32,7 @@ import "../../../chunk-EJOPJIRO.js";
32
32
  import "../../../chunk-AG43RS4Q.js";
33
33
  import "../../../chunk-QVWYTQKL.js";
34
34
  import "../../../chunk-UAMI54FE.js";
35
+ import "../../../chunk-6MGHIYMP.js";
35
36
  import "../../../chunk-75USUR3I.js";
36
37
  import "../../../chunk-BWPNXY7T.js";
37
38
  import "../../../chunk-DWKS5ZXG.js";
@@ -2,8 +2,8 @@ import {
2
2
  MobileDataGridCard
3
3
  } from "../../../chunk-AGHBLWDZ.js";
4
4
  import "../../../chunk-5IFPG6TS.js";
5
- import "../../../chunk-M4FM3B3R.js";
6
5
  import "../../../chunk-AJ5M6MVX.js";
6
+ import "../../../chunk-M4FM3B3R.js";
7
7
  import "../../../chunk-M7WHWZ2J.js";
8
8
  import "../../../chunk-VXWSAIB5.js";
9
9
  import "../../../chunk-DQRQZE6O.js";
@@ -721,7 +721,7 @@ function Theme({
721
721
  }
722
722
 
723
723
  // src/components/MobileDataGrid/ColumnSelector/index.tsx
724
- var import_react38 = require("react");
724
+ var import_react39 = require("react");
725
725
 
726
726
  // src/components/DataGridCell.tsx
727
727
  var import_sortable = require("@dnd-kit/sortable");
@@ -6104,12 +6104,21 @@ var import_jsx_runtime59 = require("react/jsx-runtime");
6104
6104
  // src/components/OrderCheckIcon.tsx
6105
6105
  var import_jsx_runtime60 = require("react/jsx-runtime");
6106
6106
 
6107
+ // src/components/EditingContext.tsx
6108
+ var import_react37 = require("react");
6109
+ var import_jsx_runtime61 = require("react/jsx-runtime");
6110
+ var EditingContext = (0, import_react37.createContext)({
6111
+ data: [],
6112
+ setData: () => {
6113
+ }
6114
+ });
6115
+
6107
6116
  // src/components/AccessCard.tsx
6108
6117
  var import_clsx41 = __toESM(require("clsx"), 1);
6109
6118
 
6110
6119
  // src/components/Radio.tsx
6111
6120
  var import_clsx40 = __toESM(require("clsx"), 1);
6112
- var import_jsx_runtime61 = require("react/jsx-runtime");
6121
+ var import_jsx_runtime62 = require("react/jsx-runtime");
6113
6122
  var Radio = (_a) => {
6114
6123
  var _b = _a, {
6115
6124
  className,
@@ -6144,7 +6153,7 @@ var Radio = (_a) => {
6144
6153
  const readonlyClassName = (0, import_clsx40.default)(
6145
6154
  readOnly && "peer-read-only:bg-background-action-secondary-disabled peer-read-only:border-border-primary-normal peer-checked:border-0"
6146
6155
  );
6147
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
6156
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
6148
6157
  "label",
6149
6158
  {
6150
6159
  htmlFor: radioId,
@@ -6156,8 +6165,8 @@ var Radio = (_a) => {
6156
6165
  className
6157
6166
  ),
6158
6167
  children: [
6159
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "relative", children: [
6160
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
6168
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "relative", children: [
6169
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
6161
6170
  "input",
6162
6171
  __spreadValues({
6163
6172
  id: radioId,
@@ -6169,7 +6178,7 @@ var Radio = (_a) => {
6169
6178
  readOnly
6170
6179
  }, props)
6171
6180
  ),
6172
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
6181
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
6173
6182
  "div",
6174
6183
  {
6175
6184
  className: (0, import_clsx40.default)(
@@ -6180,7 +6189,7 @@ var Radio = (_a) => {
6180
6189
  disabledClassName,
6181
6190
  readonlyClassName
6182
6191
  ),
6183
- children: checked && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
6192
+ children: checked && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
6184
6193
  RadioIcon,
6185
6194
  {
6186
6195
  className: (0, import_clsx40.default)(
@@ -6195,14 +6204,14 @@ var Radio = (_a) => {
6195
6204
  }
6196
6205
  )
6197
6206
  ] }),
6198
- label && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Paragraph, { id: radioId ? `${radioId}-label` : void 0, testid: testid ? `${testid}-label` : void 0, padded: true, color: paragraphColor, children: label })
6207
+ label && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Paragraph, { id: radioId ? `${radioId}-label` : void 0, testid: testid ? `${testid}-label` : void 0, padded: true, color: paragraphColor, children: label })
6199
6208
  ]
6200
6209
  }
6201
6210
  );
6202
6211
  };
6203
6212
  Radio.displayName = "Radio";
6204
6213
  var RadioIcon = ({ className }) => {
6205
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
6214
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
6206
6215
  "svg",
6207
6216
  {
6208
6217
  className,
@@ -6212,7 +6221,7 @@ var RadioIcon = ({ className }) => {
6212
6221
  viewBox: "0 0 24 24",
6213
6222
  fill: "none",
6214
6223
  children: [
6215
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
6224
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
6216
6225
  "rect",
6217
6226
  {
6218
6227
  x: "1",
@@ -6224,7 +6233,7 @@ var RadioIcon = ({ className }) => {
6224
6233
  strokeWidth: "2"
6225
6234
  }
6226
6235
  ),
6227
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("rect", { x: "4", y: "4", width: "16", height: "16", rx: "8", fill: "currentColor" })
6236
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("rect", { x: "4", y: "4", width: "16", height: "16", rx: "8", fill: "currentColor" })
6228
6237
  ]
6229
6238
  }
6230
6239
  );
@@ -6232,19 +6241,19 @@ var RadioIcon = ({ className }) => {
6232
6241
  RadioIcon.displayName = "RadioIcon";
6233
6242
 
6234
6243
  // src/components/AccessCard.tsx
6235
- var import_jsx_runtime62 = require("react/jsx-runtime");
6244
+ var import_jsx_runtime63 = require("react/jsx-runtime");
6236
6245
 
6237
6246
  // src/components/AccessCardGroup.tsx
6238
6247
  var import_clsx42 = __toESM(require("clsx"), 1);
6239
- var import_react37 = require("react");
6240
- var import_jsx_runtime63 = require("react/jsx-runtime");
6248
+ var import_react38 = require("react");
6249
+ var import_jsx_runtime64 = require("react/jsx-runtime");
6241
6250
 
6242
6251
  // src/components/MobileDataGrid/ColumnSelector/index.tsx
6243
- var import_jsx_runtime64 = require("react/jsx-runtime");
6252
+ var import_jsx_runtime65 = require("react/jsx-runtime");
6244
6253
  function ColumnSelector() {
6245
6254
  const context = useGridContext();
6246
- const ref = (0, import_react38.useRef)(null);
6247
- const [show, setShow] = (0, import_react38.useState)(false);
6255
+ const ref = (0, import_react39.useRef)(null);
6256
+ const [show, setShow] = (0, import_react39.useState)(false);
6248
6257
  const {
6249
6258
  columns,
6250
6259
  id,
@@ -6255,13 +6264,13 @@ function ColumnSelector() {
6255
6264
  resetColumnVisibility,
6256
6265
  dispatch
6257
6266
  } = context;
6258
- const toggleColumnVisibility = (0, import_react38.useCallback)(
6267
+ const toggleColumnVisibility = (0, import_react39.useCallback)(
6259
6268
  (index, visible) => {
6260
6269
  dispatch({ type: "UPDATE", index, payload: { meta: { visible } } });
6261
6270
  },
6262
6271
  [dispatch]
6263
6272
  );
6264
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
6273
+ return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
6265
6274
  "div",
6266
6275
  {
6267
6276
  id: id ? `${id}-column-selector` : void 0,
@@ -6269,7 +6278,7 @@ function ColumnSelector() {
6269
6278
  className: "text-text-secondary-normal border-l border-brand-200 p-mobile-container-padding",
6270
6279
  ref,
6271
6280
  children: [
6272
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
6281
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
6273
6282
  Button,
6274
6283
  {
6275
6284
  id: id ? `${id}-button` : void 0,
@@ -6278,10 +6287,10 @@ function ColumnSelector() {
6278
6287
  variant: "navigation",
6279
6288
  iconOnly: true,
6280
6289
  size: 24,
6281
- leftIcon: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon, { name: "tune" })
6290
+ leftIcon: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon, { name: "tune" })
6282
6291
  }
6283
6292
  ),
6284
- /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
6293
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
6285
6294
  Menu,
6286
6295
  {
6287
6296
  id: id ? `${id}-menu` : void 0,
@@ -6292,7 +6301,7 @@ function ColumnSelector() {
6292
6301
  setShow,
6293
6302
  calculateMinMaxHeight: true,
6294
6303
  children: [
6295
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
6304
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
6296
6305
  Button,
6297
6306
  {
6298
6307
  id: id ? `${id}-reset-button` : void 0,
@@ -6310,11 +6319,11 @@ function ColumnSelector() {
6310
6319
  return (_a = x.meta) == null ? void 0 : _a.inVisibilityMenu;
6311
6320
  }).map((column) => {
6312
6321
  var _a, _b, _c;
6313
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
6322
+ return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
6314
6323
  MenuOption,
6315
6324
  {
6316
6325
  testid: testid ? `${testid}-option-${column.id}` : void 0,
6317
- children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
6326
+ children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
6318
6327
  Checkbox,
6319
6328
  {
6320
6329
  id: id ? `${id}-checkbox-${column.id}` : void 0,
@@ -6344,7 +6353,7 @@ function ColumnSelector() {
6344
6353
  }
6345
6354
 
6346
6355
  // src/components/MobileDataGrid/MobileDataGridHeader.tsx
6347
- var import_jsx_runtime65 = require("react/jsx-runtime");
6356
+ var import_jsx_runtime66 = require("react/jsx-runtime");
6348
6357
  function MobileDataGridHeader({
6349
6358
  header: Header,
6350
6359
  enableColumnSelector,
@@ -6362,15 +6371,15 @@ function MobileDataGridHeader({
6362
6371
  handleRowSelectAll
6363
6372
  } = ctx;
6364
6373
  if (typeof Header === "undefined" && !primaryKey) return null;
6365
- if (typeof Header === "function") return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Header, __spreadValues({}, ctx));
6374
+ if (typeof Header === "function") return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Header, __spreadValues({}, ctx));
6366
6375
  if (typeof Header === "string" || primaryKey)
6367
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
6376
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
6368
6377
  "div",
6369
6378
  {
6370
6379
  id: id ? `${id}-header` : void 0,
6371
6380
  "data-testid": testid ? `${testid}-header` : void 0,
6372
6381
  className: "sticky top-0",
6373
- children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Theme, { theme: "brand", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
6382
+ children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Theme, { theme: "brand", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
6374
6383
  Stack,
6375
6384
  {
6376
6385
  horizontal: true,
@@ -6380,7 +6389,7 @@ function MobileDataGridHeader({
6380
6389
  backgroundColor: "background-primary-normal",
6381
6390
  style: { borderTopRightRadius: 4, borderTopLeftRadius: 4 },
6382
6391
  children: [
6383
- enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "p-mobile-component-padding border-r border-brand-200 max-w-fit h-full", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
6392
+ enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "p-mobile-component-padding border-r border-brand-200 max-w-fit h-full", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
6384
6393
  Checkbox,
6385
6394
  {
6386
6395
  id: id ? `${id}-select-all-checkbox` : void 0,
@@ -6390,7 +6399,7 @@ function MobileDataGridHeader({
6390
6399
  onChange: handleRowSelectAll
6391
6400
  }
6392
6401
  ) }),
6393
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
6402
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
6394
6403
  Stack,
6395
6404
  {
6396
6405
  horizontal: true,
@@ -6398,10 +6407,10 @@ function MobileDataGridHeader({
6398
6407
  items: "center",
6399
6408
  sizing: "component",
6400
6409
  padding: true,
6401
- children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Heading3, { as: "span", color: "text-primary-normal", children: typeof Header === "string" ? Header : (_b = (_a = columns.find((col) => col.id === primaryKey)) == null ? void 0 : _a.header) == null ? void 0 : _b.toString() })
6410
+ children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Heading3, { as: "span", color: "text-primary-normal", children: typeof Header === "string" ? Header : (_b = (_a = columns.find((col) => col.id === primaryKey)) == null ? void 0 : _a.header) == null ? void 0 : _b.toString() })
6402
6411
  }
6403
6412
  ),
6404
- enableColumnSelector && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ColumnSelector, {})
6413
+ enableColumnSelector && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ColumnSelector, {})
6405
6414
  ]
6406
6415
  }
6407
6416
  ) })
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  MobileDataGridHeader
3
- } from "../../chunk-LKFYNRJZ.js";
3
+ } from "../../chunk-3JQPFWKR.js";
4
4
  import "../../chunk-CJ7V4X6B.js";
5
5
  import "../../chunk-M7INAUAJ.js";
6
6
  import "../../chunk-7ZCXZDJD.js";
@@ -14,8 +14,8 @@ import "../../chunk-2IKT6IHB.js";
14
14
  import "../../chunk-RZ5EIDX4.js";
15
15
  import "../../chunk-AGHBLWDZ.js";
16
16
  import "../../chunk-5IFPG6TS.js";
17
- import "../../chunk-M4FM3B3R.js";
18
17
  import "../../chunk-AJ5M6MVX.js";
18
+ import "../../chunk-M4FM3B3R.js";
19
19
  import "../../chunk-AT4AWD6B.js";
20
20
  import "../../chunk-EWGHVZL5.js";
21
21
  import "../../chunk-I5BV7UPG.js";
@@ -32,6 +32,7 @@ import "../../chunk-EJOPJIRO.js";
32
32
  import "../../chunk-AG43RS4Q.js";
33
33
  import "../../chunk-QVWYTQKL.js";
34
34
  import "../../chunk-UAMI54FE.js";
35
+ import "../../chunk-6MGHIYMP.js";
35
36
  import "../../chunk-75USUR3I.js";
36
37
  import "../../chunk-BWPNXY7T.js";
37
38
  import "../../chunk-DWKS5ZXG.js";
@@ -2,8 +2,8 @@ import {
2
2
  ModalContent
3
3
  } from "../../../chunk-7ZCXZDJD.js";
4
4
  import "../../../chunk-5IFPG6TS.js";
5
- import "../../../chunk-M4FM3B3R.js";
6
5
  import "../../../chunk-AJ5M6MVX.js";
6
+ import "../../../chunk-M4FM3B3R.js";
7
7
  import "../../../chunk-VXWSAIB5.js";
8
8
  import "../../../chunk-DQRQZE6O.js";
9
9
  import "../../../chunk-5UH6QUFB.js";
@@ -3,8 +3,8 @@ import {
3
3
  } from "../../../chunk-CJ7V4X6B.js";
4
4
  import "../../../chunk-7ZCXZDJD.js";
5
5
  import "../../../chunk-5IFPG6TS.js";
6
- import "../../../chunk-M4FM3B3R.js";
7
6
  import "../../../chunk-AJ5M6MVX.js";
7
+ import "../../../chunk-M4FM3B3R.js";
8
8
  import "../../../chunk-CFFSOTWX.js";
9
9
  import "../../../chunk-4RJKB7LC.js";
10
10
  import "../../../chunk-KV7LAH3T.js";