@dmsi/wedgekit-react 0.0.850 → 0.0.851

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
  MobileDataGrid
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";
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  ProductImagePreview
3
- } from "../../chunk-GQDUOL5Y.js";
3
+ } from "../../chunk-C5DKGJ4E.js";
4
+ import "../../chunk-2IKT6IHB.js";
4
5
  import "../../chunk-YCDDBSVU.js";
5
6
  import "../../chunk-3X3Y4TMS.js";
6
7
  import "../../chunk-BQNPOGD5.js";
7
8
  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";
@@ -73,6 +73,7 @@ __export(components_exports, {
73
73
  DateInput: () => DateInput,
74
74
  DragAlongCell: () => DragAlongCell,
75
75
  DraggableCellHeader: () => DraggableCellHeader,
76
+ EmblaCarousel: () => EmblaCarousel,
76
77
  EmptyCartIcon: () => EmptyCartIcon,
77
78
  Icon: () => Icon,
78
79
  Input: () => Input,
@@ -8549,6 +8550,14 @@ function AccessCardGroup(props) {
8549
8550
  )
8550
8551
  ] });
8551
8552
  }
8553
+
8554
+ // src/components/EmblaCarousel/index.tsx
8555
+ var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
8556
+ var import_jsx_runtime67 = require("react/jsx-runtime");
8557
+ var EmblaCarousel = ({ options, children }) => {
8558
+ const [emblaRef] = (0, import_embla_carousel_react.default)(options);
8559
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("section", { className: "w-full m-auto", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "embla__viewport overflow-hidden", ref: emblaRef, children: /* @__PURE__ */ (0, import_jsx_runtime67.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 }) }) });
8560
+ };
8552
8561
  // Annotate the CommonJS export names for ESM import in node:
8553
8562
  0 && (module.exports = {
8554
8563
  AccessCard,
@@ -8565,6 +8574,7 @@ function AccessCardGroup(props) {
8565
8574
  DateInput,
8566
8575
  DragAlongCell,
8567
8576
  DraggableCellHeader,
8577
+ EmblaCarousel,
8568
8578
  EmptyCartIcon,
8569
8579
  Icon,
8570
8580
  Input,
@@ -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;
@@ -2,13 +2,14 @@ import {
2
2
  DataGrid,
3
3
  DateInput,
4
4
  MobileDataGrid
5
- } from "../chunk-UIF3AIAT.js";
5
+ } from "../chunk-ILHEM6BK.js";
6
6
  import "../chunk-WJJB7IJZ.js";
7
- import "../chunk-M7INAUAJ.js";
8
7
  import "../chunk-Q4YDNW7N.js";
8
+ import "../chunk-M7INAUAJ.js";
9
9
  import {
10
10
  ProductImagePreview
11
- } from "../chunk-GQDUOL5Y.js";
11
+ } from "../chunk-C5DKGJ4E.js";
12
+ import "../chunk-2IKT6IHB.js";
12
13
  import "../chunk-YCDDBSVU.js";
13
14
  import "../chunk-3X3Y4TMS.js";
14
15
  import "../chunk-BQNPOGD5.js";
@@ -16,7 +17,9 @@ import {
16
17
  SearchResultImage
17
18
  } from "../chunk-Y5GD2FJA.js";
18
19
  import "../chunk-MBZ55T2D.js";
19
- import "../chunk-2IKT6IHB.js";
20
+ import {
21
+ EmblaCarousel
22
+ } from "../chunk-SZ47M32R.js";
20
23
  import "../chunk-B4AE3DCA.js";
21
24
  import "../chunk-FP3Y5JJN.js";
22
25
  import {
@@ -143,6 +146,7 @@ export {
143
146
  DateInput,
144
147
  DragAlongCell,
145
148
  DraggableCellHeader,
149
+ EmblaCarousel,
146
150
  EmptyCartIcon,
147
151
  Icon,
148
152
  Input,
package/dist/index.css CHANGED
@@ -610,6 +610,9 @@
610
610
  .m-4 {
611
611
  margin: calc(var(--spacing) * 4);
612
612
  }
613
+ .m-auto {
614
+ margin: auto;
615
+ }
613
616
  .m-mobile-container-padding {
614
617
  margin: var(--spacing-mobile-container-padding);
615
618
  }
@@ -1009,6 +1012,14 @@
1009
1012
  .cursor-pointer {
1010
1013
  cursor: pointer;
1011
1014
  }
1015
+ .touch-pan-y {
1016
+ --tw-pan-y: pan-y;
1017
+ touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
1018
+ }
1019
+ .touch-pinch-zoom {
1020
+ --tw-pinch-zoom: pinch-zoom;
1021
+ touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
1022
+ }
1012
1023
  .resize {
1013
1024
  resize: both;
1014
1025
  }
@@ -5232,6 +5243,9 @@ body {
5232
5243
  @property --tw-rotate-z { syntax: "*"; inherits: false; }
5233
5244
  @property --tw-skew-x { syntax: "*"; inherits: false; }
5234
5245
  @property --tw-skew-y { syntax: "*"; inherits: false; }
5246
+ @property --tw-pan-x { syntax: "*"; inherits: false; }
5247
+ @property --tw-pan-y { syntax: "*"; inherits: false; }
5248
+ @property --tw-pinch-zoom { syntax: "*"; inherits: false; }
5235
5249
  @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
5236
5250
  @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
5237
5251
  @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@@ -5306,6 +5320,9 @@ body {
5306
5320
  --tw-rotate-z: initial;
5307
5321
  --tw-skew-x: initial;
5308
5322
  --tw-skew-y: initial;
5323
+ --tw-pan-x: initial;
5324
+ --tw-pan-y: initial;
5325
+ --tw-pinch-zoom: initial;
5309
5326
  --tw-space-y-reverse: 0;
5310
5327
  --tw-space-x-reverse: 0;
5311
5328
  --tw-divide-x-reverse: 0;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dmsi/wedgekit-react",
3
3
  "private": false,
4
- "version": "0.0.850",
4
+ "version": "0.0.851",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "build": "tsup",
@@ -61,6 +61,8 @@
61
61
  "@tanstack/react-table": "^8.21.3",
62
62
  "@tanstack/react-virtual": "^3.13.12",
63
63
  "clsx": "^2.1.1",
64
+ "embla-carousel": "^8.6.0",
65
+ "embla-carousel-react": "^8.6.0",
64
66
  "pdfjs-dist": "^5.4.149",
65
67
  "react-use": "^17.6.0"
66
68
  },
@@ -1,3 +1,6 @@
1
+ import {
2
+ MobileImageCarousel
3
+ } from "./chunk-2IKT6IHB.js";
1
4
  import {
2
5
  ProductPrimaryImage
3
6
  } from "./chunk-YCDDBSVU.js";
@@ -10,9 +13,6 @@ import {
10
13
  import {
11
14
  CarouselPagination
12
15
  } from "./chunk-MBZ55T2D.js";
13
- import {
14
- MobileImageCarousel
15
- } from "./chunk-2IKT6IHB.js";
16
16
  import {
17
17
  Grid
18
18
  } from "./chunk-BWPNXY7T.js";
File without changes