@dmsi/wedgekit-react 0.0.850 → 0.0.852

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-SZ47M32R.js +13 -0
  2. package/dist/components/CalendarRange.cjs +29 -25
  3. package/dist/components/CalendarRange.css +17 -0
  4. package/dist/components/CalendarRange.js +5 -4
  5. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +6 -2
  6. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +17 -0
  7. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +5 -4
  8. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +13 -9
  9. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +17 -0
  10. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +5 -4
  11. package/dist/components/DataGrid/PinnedColumns.cjs +24 -20
  12. package/dist/components/DataGrid/PinnedColumns.css +17 -0
  13. package/dist/components/DataGrid/PinnedColumns.js +5 -4
  14. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +9 -5
  15. package/dist/components/DataGrid/TableBody/LoadingCell.css +17 -0
  16. package/dist/components/DataGrid/TableBody/LoadingCell.js +5 -4
  17. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +11 -7
  18. package/dist/components/DataGrid/TableBody/TableBodyRow.css +17 -0
  19. package/dist/components/DataGrid/TableBody/TableBodyRow.js +5 -4
  20. package/dist/components/DataGrid/TableBody/index.cjs +24 -20
  21. package/dist/components/DataGrid/TableBody/index.css +17 -0
  22. package/dist/components/DataGrid/TableBody/index.js +5 -4
  23. package/dist/components/DataGrid/index.cjs +84 -80
  24. package/dist/components/DataGrid/index.css +17 -0
  25. package/dist/components/DataGrid/index.js +5 -4
  26. package/dist/components/DataGrid/utils.cjs +7 -3
  27. package/dist/components/DataGrid/utils.css +17 -0
  28. package/dist/components/DataGrid/utils.js +5 -4
  29. package/dist/components/DateInput.cjs +35 -31
  30. package/dist/components/DateInput.css +17 -0
  31. package/dist/components/DateInput.js +5 -4
  32. package/dist/components/DateRangeInput.cjs +35 -31
  33. package/dist/components/DateRangeInput.css +17 -0
  34. package/dist/components/DateRangeInput.js +5 -4
  35. package/dist/components/EmblaCarousel/index.cjs +47 -0
  36. package/dist/components/EmblaCarousel/index.js +9 -0
  37. package/dist/components/MobileDataGrid/ColumnList.css +17 -0
  38. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +12 -8
  39. package/dist/components/MobileDataGrid/ColumnSelector/index.css +17 -0
  40. package/dist/components/MobileDataGrid/ColumnSelector/index.js +5 -4
  41. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +20 -16
  42. package/dist/components/MobileDataGrid/MobileDataGridHeader.css +17 -0
  43. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +5 -4
  44. package/dist/components/MobileDataGrid/index.cjs +93 -89
  45. package/dist/components/MobileDataGrid/index.css +17 -0
  46. package/dist/components/MobileDataGrid/index.js +5 -4
  47. package/dist/components/ProductImagePreview/index.js +2 -2
  48. package/dist/components/index.cjs +10 -0
  49. package/dist/components/index.css +17 -0
  50. package/dist/components/index.js +8 -4
  51. package/dist/index.css +17 -0
  52. package/package.json +3 -1
  53. package/dist/{chunk-GQDUOL5Y.js → chunk-C5DKGJ4E.js} +3 -3
  54. /package/dist/{chunk-UIF3AIAT.js → chunk-ILHEM6BK.js} +0 -0
@@ -632,6 +632,9 @@
632
632
  .m-4 {
633
633
  margin: calc(var(--spacing) * 4);
634
634
  }
635
+ .m-auto {
636
+ margin: auto;
637
+ }
635
638
  .m-mobile-container-padding {
636
639
  margin: var(--spacing-mobile-container-padding);
637
640
  }
@@ -1031,6 +1034,14 @@
1031
1034
  .cursor-pointer {
1032
1035
  cursor: pointer;
1033
1036
  }
1037
+ .touch-pan-y {
1038
+ --tw-pan-y: pan-y;
1039
+ touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
1040
+ }
1041
+ .touch-pinch-zoom {
1042
+ --tw-pinch-zoom: pinch-zoom;
1043
+ touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
1044
+ }
1034
1045
  .resize {
1035
1046
  resize: both;
1036
1047
  }
@@ -5254,6 +5265,9 @@ body {
5254
5265
  @property --tw-rotate-z { syntax: "*"; inherits: false; }
5255
5266
  @property --tw-skew-x { syntax: "*"; inherits: false; }
5256
5267
  @property --tw-skew-y { syntax: "*"; inherits: false; }
5268
+ @property --tw-pan-x { syntax: "*"; inherits: false; }
5269
+ @property --tw-pan-y { syntax: "*"; inherits: false; }
5270
+ @property --tw-pinch-zoom { syntax: "*"; inherits: false; }
5257
5271
  @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
5258
5272
  @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
5259
5273
  @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@@ -5328,6 +5342,9 @@ body {
5328
5342
  --tw-rotate-z: initial;
5329
5343
  --tw-skew-x: initial;
5330
5344
  --tw-skew-y: initial;
5345
+ --tw-pan-x: initial;
5346
+ --tw-pan-y: initial;
5347
+ --tw-pinch-zoom: initial;
5331
5348
  --tw-space-y-reverse: 0;
5332
5349
  --tw-space-x-reverse: 0;
5333
5350
  --tw-divide-x-reverse: 0;
@@ -1,16 +1,17 @@
1
1
  import {
2
2
  CalendarRange
3
- } from "../chunk-UIF3AIAT.js";
3
+ } from "../chunk-ILHEM6BK.js";
4
4
  import "../chunk-WJJB7IJZ.js";
5
- import "../chunk-M7INAUAJ.js";
6
5
  import "../chunk-Q4YDNW7N.js";
7
- import "../chunk-GQDUOL5Y.js";
6
+ import "../chunk-M7INAUAJ.js";
7
+ import "../chunk-C5DKGJ4E.js";
8
+ import "../chunk-2IKT6IHB.js";
8
9
  import "../chunk-YCDDBSVU.js";
9
10
  import "../chunk-3X3Y4TMS.js";
10
11
  import "../chunk-BQNPOGD5.js";
11
12
  import "../chunk-Y5GD2FJA.js";
12
13
  import "../chunk-MBZ55T2D.js";
13
- import "../chunk-2IKT6IHB.js";
14
+ import "../chunk-SZ47M32R.js";
14
15
  import "../chunk-B4AE3DCA.js";
15
16
  import "../chunk-FP3Y5JJN.js";
16
17
  import "../chunk-5IFPG6TS.js";
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+
30
+ // src/components/EmblaCarousel/index.tsx
31
+ var EmblaCarousel_exports = {};
32
+ __export(EmblaCarousel_exports, {
33
+ EmblaCarousel: () => EmblaCarousel,
34
+ default: () => EmblaCarousel_default
35
+ });
36
+ module.exports = __toCommonJS(EmblaCarousel_exports);
37
+ var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
38
+ var import_jsx_runtime = require("react/jsx-runtime");
39
+ var EmblaCarousel = ({ options, children }) => {
40
+ const [emblaRef] = (0, import_embla_carousel_react.default)(options);
41
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { className: "w-full m-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "embla__viewport overflow-hidden", ref: emblaRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "embla__container flex touch-pan-y touch-pinch-zoom gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-compact-layout-gap", children }) }) });
42
+ };
43
+ var EmblaCarousel_default = EmblaCarousel;
44
+ // Annotate the CommonJS export names for ESM import in node:
45
+ 0 && (module.exports = {
46
+ EmblaCarousel
47
+ });
@@ -0,0 +1,9 @@
1
+ import {
2
+ EmblaCarousel,
3
+ EmblaCarousel_default
4
+ } from "../../chunk-SZ47M32R.js";
5
+ import "../../chunk-ORMEWXMH.js";
6
+ export {
7
+ EmblaCarousel,
8
+ EmblaCarousel_default as default
9
+ };
@@ -632,6 +632,9 @@
632
632
  .m-4 {
633
633
  margin: calc(var(--spacing) * 4);
634
634
  }
635
+ .m-auto {
636
+ margin: auto;
637
+ }
635
638
  .m-mobile-container-padding {
636
639
  margin: var(--spacing-mobile-container-padding);
637
640
  }
@@ -1031,6 +1034,14 @@
1031
1034
  .cursor-pointer {
1032
1035
  cursor: pointer;
1033
1036
  }
1037
+ .touch-pan-y {
1038
+ --tw-pan-y: pan-y;
1039
+ touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
1040
+ }
1041
+ .touch-pinch-zoom {
1042
+ --tw-pinch-zoom: pinch-zoom;
1043
+ touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
1044
+ }
1034
1045
  .resize {
1035
1046
  resize: both;
1036
1047
  }
@@ -5254,6 +5265,9 @@ body {
5254
5265
  @property --tw-rotate-z { syntax: "*"; inherits: false; }
5255
5266
  @property --tw-skew-x { syntax: "*"; inherits: false; }
5256
5267
  @property --tw-skew-y { syntax: "*"; inherits: false; }
5268
+ @property --tw-pan-x { syntax: "*"; inherits: false; }
5269
+ @property --tw-pan-y { syntax: "*"; inherits: false; }
5270
+ @property --tw-pinch-zoom { syntax: "*"; inherits: false; }
5257
5271
  @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
5258
5272
  @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
5259
5273
  @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@@ -5328,6 +5342,9 @@ body {
5328
5342
  --tw-rotate-z: initial;
5329
5343
  --tw-skew-x: initial;
5330
5344
  --tw-skew-y: initial;
5345
+ --tw-pan-x: initial;
5346
+ --tw-pan-y: initial;
5347
+ --tw-pinch-zoom: initial;
5331
5348
  --tw-space-y-reverse: 0;
5332
5349
  --tw-space-x-reverse: 0;
5333
5350
  --tw-divide-x-reverse: 0;
@@ -6067,8 +6067,12 @@ var import_clsx42 = __toESM(require("clsx"), 1);
6067
6067
  var import_react39 = require("react");
6068
6068
  var import_jsx_runtime65 = require("react/jsx-runtime");
6069
6069
 
6070
- // src/components/MobileDataGrid/ColumnSelector/index.tsx
6070
+ // src/components/EmblaCarousel/index.tsx
6071
+ var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
6071
6072
  var import_jsx_runtime66 = require("react/jsx-runtime");
6073
+
6074
+ // src/components/MobileDataGrid/ColumnSelector/index.tsx
6075
+ var import_jsx_runtime67 = require("react/jsx-runtime");
6072
6076
  function ColumnSelector() {
6073
6077
  const context = useGridContext();
6074
6078
  const ref = (0, import_react40.useRef)(null);
@@ -6089,7 +6093,7 @@ function ColumnSelector() {
6089
6093
  },
6090
6094
  [dispatch]
6091
6095
  );
6092
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
6096
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
6093
6097
  "div",
6094
6098
  {
6095
6099
  id: id ? `${id}-column-selector` : void 0,
@@ -6097,7 +6101,7 @@ function ColumnSelector() {
6097
6101
  className: "text-text-secondary-normal border-l border-brand-200 p-mobile-container-padding",
6098
6102
  ref,
6099
6103
  children: [
6100
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
6104
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
6101
6105
  Button,
6102
6106
  {
6103
6107
  id: id ? `${id}-button` : void 0,
@@ -6106,10 +6110,10 @@ function ColumnSelector() {
6106
6110
  variant: "navigation",
6107
6111
  iconOnly: true,
6108
6112
  size: 24,
6109
- leftIcon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "tune" })
6113
+ leftIcon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { name: "tune" })
6110
6114
  }
6111
6115
  ),
6112
- /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
6116
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
6113
6117
  Menu,
6114
6118
  {
6115
6119
  id: id ? `${id}-menu` : void 0,
@@ -6120,7 +6124,7 @@ function ColumnSelector() {
6120
6124
  setShow,
6121
6125
  calculateMinMaxHeight: true,
6122
6126
  children: [
6123
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
6127
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
6124
6128
  Button,
6125
6129
  {
6126
6130
  id: id ? `${id}-reset-button` : void 0,
@@ -6138,11 +6142,11 @@ function ColumnSelector() {
6138
6142
  return (_a = x.meta) == null ? void 0 : _a.inVisibilityMenu;
6139
6143
  }).map((column) => {
6140
6144
  var _a, _b, _c;
6141
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
6145
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
6142
6146
  MenuOption,
6143
6147
  {
6144
6148
  testid: testid ? `${testid}-option-${column.id}` : void 0,
6145
- children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
6149
+ children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
6146
6150
  Checkbox,
6147
6151
  {
6148
6152
  id: id ? `${id}-checkbox-${column.id}` : void 0,
@@ -632,6 +632,9 @@
632
632
  .m-4 {
633
633
  margin: calc(var(--spacing) * 4);
634
634
  }
635
+ .m-auto {
636
+ margin: auto;
637
+ }
635
638
  .m-mobile-container-padding {
636
639
  margin: var(--spacing-mobile-container-padding);
637
640
  }
@@ -1031,6 +1034,14 @@
1031
1034
  .cursor-pointer {
1032
1035
  cursor: pointer;
1033
1036
  }
1037
+ .touch-pan-y {
1038
+ --tw-pan-y: pan-y;
1039
+ touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
1040
+ }
1041
+ .touch-pinch-zoom {
1042
+ --tw-pinch-zoom: pinch-zoom;
1043
+ touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
1044
+ }
1034
1045
  .resize {
1035
1046
  resize: both;
1036
1047
  }
@@ -5254,6 +5265,9 @@ body {
5254
5265
  @property --tw-rotate-z { syntax: "*"; inherits: false; }
5255
5266
  @property --tw-skew-x { syntax: "*"; inherits: false; }
5256
5267
  @property --tw-skew-y { syntax: "*"; inherits: false; }
5268
+ @property --tw-pan-x { syntax: "*"; inherits: false; }
5269
+ @property --tw-pan-y { syntax: "*"; inherits: false; }
5270
+ @property --tw-pinch-zoom { syntax: "*"; inherits: false; }
5257
5271
  @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
5258
5272
  @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
5259
5273
  @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@@ -5328,6 +5342,9 @@ body {
5328
5342
  --tw-rotate-z: initial;
5329
5343
  --tw-skew-x: initial;
5330
5344
  --tw-skew-y: initial;
5345
+ --tw-pan-x: initial;
5346
+ --tw-pan-y: initial;
5347
+ --tw-pinch-zoom: initial;
5331
5348
  --tw-space-y-reverse: 0;
5332
5349
  --tw-space-x-reverse: 0;
5333
5350
  --tw-divide-x-reverse: 0;
@@ -1,16 +1,17 @@
1
1
  import {
2
2
  ColumnSelector
3
- } from "../../../chunk-UIF3AIAT.js";
3
+ } from "../../../chunk-ILHEM6BK.js";
4
4
  import "../../../chunk-WJJB7IJZ.js";
5
- import "../../../chunk-M7INAUAJ.js";
6
5
  import "../../../chunk-Q4YDNW7N.js";
7
- import "../../../chunk-GQDUOL5Y.js";
6
+ import "../../../chunk-M7INAUAJ.js";
7
+ import "../../../chunk-C5DKGJ4E.js";
8
+ import "../../../chunk-2IKT6IHB.js";
8
9
  import "../../../chunk-YCDDBSVU.js";
9
10
  import "../../../chunk-3X3Y4TMS.js";
10
11
  import "../../../chunk-BQNPOGD5.js";
11
12
  import "../../../chunk-Y5GD2FJA.js";
12
13
  import "../../../chunk-MBZ55T2D.js";
13
- import "../../../chunk-2IKT6IHB.js";
14
+ import "../../../chunk-SZ47M32R.js";
14
15
  import "../../../chunk-B4AE3DCA.js";
15
16
  import "../../../chunk-FP3Y5JJN.js";
16
17
  import "../../../chunk-5IFPG6TS.js";
@@ -6311,8 +6311,12 @@ var import_clsx42 = __toESM(require("clsx"), 1);
6311
6311
  var import_react39 = require("react");
6312
6312
  var import_jsx_runtime64 = require("react/jsx-runtime");
6313
6313
 
6314
- // src/components/MobileDataGrid/ColumnSelector/index.tsx
6314
+ // src/components/EmblaCarousel/index.tsx
6315
+ var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
6315
6316
  var import_jsx_runtime65 = require("react/jsx-runtime");
6317
+
6318
+ // src/components/MobileDataGrid/ColumnSelector/index.tsx
6319
+ var import_jsx_runtime66 = require("react/jsx-runtime");
6316
6320
  function ColumnSelector() {
6317
6321
  const context = useGridContext();
6318
6322
  const ref = (0, import_react40.useRef)(null);
@@ -6333,7 +6337,7 @@ function ColumnSelector() {
6333
6337
  },
6334
6338
  [dispatch]
6335
6339
  );
6336
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
6340
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
6337
6341
  "div",
6338
6342
  {
6339
6343
  id: id ? `${id}-column-selector` : void 0,
@@ -6341,7 +6345,7 @@ function ColumnSelector() {
6341
6345
  className: "text-text-secondary-normal border-l border-brand-200 p-mobile-container-padding",
6342
6346
  ref,
6343
6347
  children: [
6344
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
6348
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
6345
6349
  Button,
6346
6350
  {
6347
6351
  id: id ? `${id}-button` : void 0,
@@ -6350,10 +6354,10 @@ function ColumnSelector() {
6350
6354
  variant: "navigation",
6351
6355
  iconOnly: true,
6352
6356
  size: 24,
6353
- leftIcon: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon, { name: "tune" })
6357
+ leftIcon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "tune" })
6354
6358
  }
6355
6359
  ),
6356
- /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
6360
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
6357
6361
  Menu,
6358
6362
  {
6359
6363
  id: id ? `${id}-menu` : void 0,
@@ -6364,7 +6368,7 @@ function ColumnSelector() {
6364
6368
  setShow,
6365
6369
  calculateMinMaxHeight: true,
6366
6370
  children: [
6367
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
6371
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
6368
6372
  Button,
6369
6373
  {
6370
6374
  id: id ? `${id}-reset-button` : void 0,
@@ -6382,11 +6386,11 @@ function ColumnSelector() {
6382
6386
  return (_a = x.meta) == null ? void 0 : _a.inVisibilityMenu;
6383
6387
  }).map((column) => {
6384
6388
  var _a, _b, _c;
6385
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
6389
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
6386
6390
  MenuOption,
6387
6391
  {
6388
6392
  testid: testid ? `${testid}-option-${column.id}` : void 0,
6389
- children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
6393
+ children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
6390
6394
  Checkbox,
6391
6395
  {
6392
6396
  id: id ? `${id}-checkbox-${column.id}` : void 0,
@@ -6416,7 +6420,7 @@ function ColumnSelector() {
6416
6420
  }
6417
6421
 
6418
6422
  // src/components/MobileDataGrid/MobileDataGridHeader.tsx
6419
- var import_jsx_runtime66 = require("react/jsx-runtime");
6423
+ var import_jsx_runtime67 = require("react/jsx-runtime");
6420
6424
  function MobileDataGridHeader({
6421
6425
  header: Header,
6422
6426
  enableColumnSelector,
@@ -6434,15 +6438,15 @@ function MobileDataGridHeader({
6434
6438
  handleRowSelectAll
6435
6439
  } = ctx;
6436
6440
  if (typeof Header === "undefined" && !primaryKey) return null;
6437
- if (typeof Header === "function") return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Header, __spreadValues({}, ctx));
6441
+ if (typeof Header === "function") return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Header, __spreadValues({}, ctx));
6438
6442
  if (typeof Header === "string" || primaryKey)
6439
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
6443
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
6440
6444
  "div",
6441
6445
  {
6442
6446
  id: id ? `${id}-header` : void 0,
6443
6447
  "data-testid": testid ? `${testid}-header` : void 0,
6444
6448
  className: "sticky top-0",
6445
- children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Theme, { theme: "brand", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
6449
+ children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Theme, { theme: "brand", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
6446
6450
  Stack,
6447
6451
  {
6448
6452
  horizontal: true,
@@ -6452,7 +6456,7 @@ function MobileDataGridHeader({
6452
6456
  backgroundColor: "background-primary-normal",
6453
6457
  style: { borderTopRightRadius: 4, borderTopLeftRadius: 4 },
6454
6458
  children: [
6455
- 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)(
6459
+ enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "p-mobile-component-padding border-r border-brand-200 max-w-fit h-full", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
6456
6460
  Checkbox,
6457
6461
  {
6458
6462
  id: id ? `${id}-select-all-checkbox` : void 0,
@@ -6462,7 +6466,7 @@ function MobileDataGridHeader({
6462
6466
  onChange: handleRowSelectAll
6463
6467
  }
6464
6468
  ) }),
6465
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
6469
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
6466
6470
  Stack,
6467
6471
  {
6468
6472
  horizontal: true,
@@ -6470,10 +6474,10 @@ function MobileDataGridHeader({
6470
6474
  items: "center",
6471
6475
  sizing: "component",
6472
6476
  padding: true,
6473
- 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() })
6477
+ children: /* @__PURE__ */ (0, import_jsx_runtime67.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() })
6474
6478
  }
6475
6479
  ),
6476
- enableColumnSelector && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ColumnSelector, {})
6480
+ enableColumnSelector && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ColumnSelector, {})
6477
6481
  ]
6478
6482
  }
6479
6483
  ) })
@@ -632,6 +632,9 @@
632
632
  .m-4 {
633
633
  margin: calc(var(--spacing) * 4);
634
634
  }
635
+ .m-auto {
636
+ margin: auto;
637
+ }
635
638
  .m-mobile-container-padding {
636
639
  margin: var(--spacing-mobile-container-padding);
637
640
  }
@@ -1031,6 +1034,14 @@
1031
1034
  .cursor-pointer {
1032
1035
  cursor: pointer;
1033
1036
  }
1037
+ .touch-pan-y {
1038
+ --tw-pan-y: pan-y;
1039
+ touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
1040
+ }
1041
+ .touch-pinch-zoom {
1042
+ --tw-pinch-zoom: pinch-zoom;
1043
+ touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
1044
+ }
1034
1045
  .resize {
1035
1046
  resize: both;
1036
1047
  }
@@ -5254,6 +5265,9 @@ body {
5254
5265
  @property --tw-rotate-z { syntax: "*"; inherits: false; }
5255
5266
  @property --tw-skew-x { syntax: "*"; inherits: false; }
5256
5267
  @property --tw-skew-y { syntax: "*"; inherits: false; }
5268
+ @property --tw-pan-x { syntax: "*"; inherits: false; }
5269
+ @property --tw-pan-y { syntax: "*"; inherits: false; }
5270
+ @property --tw-pinch-zoom { syntax: "*"; inherits: false; }
5257
5271
  @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
5258
5272
  @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
5259
5273
  @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@@ -5328,6 +5342,9 @@ body {
5328
5342
  --tw-rotate-z: initial;
5329
5343
  --tw-skew-x: initial;
5330
5344
  --tw-skew-y: initial;
5345
+ --tw-pan-x: initial;
5346
+ --tw-pan-y: initial;
5347
+ --tw-pinch-zoom: initial;
5331
5348
  --tw-space-y-reverse: 0;
5332
5349
  --tw-space-x-reverse: 0;
5333
5350
  --tw-divide-x-reverse: 0;
@@ -1,16 +1,17 @@
1
1
  import {
2
2
  MobileDataGridHeader
3
- } from "../../chunk-UIF3AIAT.js";
3
+ } from "../../chunk-ILHEM6BK.js";
4
4
  import "../../chunk-WJJB7IJZ.js";
5
- import "../../chunk-M7INAUAJ.js";
6
5
  import "../../chunk-Q4YDNW7N.js";
7
- import "../../chunk-GQDUOL5Y.js";
6
+ import "../../chunk-M7INAUAJ.js";
7
+ import "../../chunk-C5DKGJ4E.js";
8
+ import "../../chunk-2IKT6IHB.js";
8
9
  import "../../chunk-YCDDBSVU.js";
9
10
  import "../../chunk-3X3Y4TMS.js";
10
11
  import "../../chunk-BQNPOGD5.js";
11
12
  import "../../chunk-Y5GD2FJA.js";
12
13
  import "../../chunk-MBZ55T2D.js";
13
- import "../../chunk-2IKT6IHB.js";
14
+ import "../../chunk-SZ47M32R.js";
14
15
  import "../../chunk-B4AE3DCA.js";
15
16
  import "../../chunk-FP3Y5JJN.js";
16
17
  import "../../chunk-5IFPG6TS.js";