@dmsi/wedgekit-react 0.0.525 → 0.0.526

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.
@@ -21,7 +21,8 @@ function CompactImagesPreview(props) {
21
21
  placeholderImageUri,
22
22
  placeholderAlt = "placeholder image",
23
23
  onChangeSource,
24
- onMainImageClick
24
+ onMainImageClick,
25
+ testid
25
26
  } = props;
26
27
  const isMobile = useMatchesMobile();
27
28
  const imagesCount = sources.length;
@@ -47,6 +48,7 @@ function CompactImagesPreview(props) {
47
48
  return /* @__PURE__ */ jsx(
48
49
  "img",
49
50
  {
51
+ "data-testid": testid ? `${testid}-placeholder` : void 0,
50
52
  className: "object-center",
51
53
  style: {
52
54
  width: activeImageWidth,
@@ -61,10 +63,11 @@ function CompactImagesPreview(props) {
61
63
  }
62
64
  );
63
65
  const currentSource = sources[currentSourceIndex];
64
- return /* @__PURE__ */ jsxs(Stack, { sizing: "layout", children: [
66
+ return /* @__PURE__ */ jsxs(Stack, { "data-testid": testid, sizing: "layout", children: [
65
67
  /* @__PURE__ */ jsx(
66
68
  "img",
67
69
  {
70
+ "data-testid": testid ? `${testid}-main-image` : void 0,
68
71
  className: clsx("object-center", onMainImageClick && "cursor-pointer"),
69
72
  style: {
70
73
  width: isMobile ? "100%" : activeImageWidth,
@@ -81,6 +84,7 @@ function CompactImagesPreview(props) {
81
84
  /* @__PURE__ */ jsx("div", { className: "flex flex-row flex-wrap items-center gap-3", children: sources.slice(0, 4).map((source, index) => /* @__PURE__ */ jsx(
82
85
  "button",
83
86
  {
87
+ "data-testid": testid ? `${testid}-thumbnail-${index}` : void 0,
84
88
  onClick: (e) => {
85
89
  e.preventDefault();
86
90
  handleThumbnailClick(index);
@@ -16,8 +16,8 @@ import "../chunk-3X3Y4TMS.js";
16
16
  import "../chunk-PRN2EQBX.js";
17
17
  import "../chunk-5YNEY3WO.js";
18
18
  import "../chunk-5IFPG6TS.js";
19
- import "../chunk-AJ5M6MVX.js";
20
19
  import "../chunk-UI7P5J5S.js";
20
+ import "../chunk-AJ5M6MVX.js";
21
21
  import "../chunk-AT4AWD6B.js";
22
22
  import "../chunk-EWGHVZL5.js";
23
23
  import "../chunk-OWHPPZZA.js";
@@ -46,7 +46,7 @@ import "../chunk-WVUIIBRR.js";
46
46
  import "../chunk-75USUR3I.js";
47
47
  import "../chunk-PS6UJZVH.js";
48
48
  import "../chunk-M7WHWZ2J.js";
49
- import "../chunk-TMHOK37S.js";
49
+ import "../chunk-KXCG5OH5.js";
50
50
  import "../chunk-URYQ24NF.js";
51
51
  import "../chunk-VXWSAIB5.js";
52
52
  import "../chunk-R3EQIDBX.js";
@@ -471,7 +471,8 @@ function CompactImagesPreview(props) {
471
471
  placeholderImageUri,
472
472
  placeholderAlt = "placeholder image",
473
473
  onChangeSource,
474
- onMainImageClick
474
+ onMainImageClick,
475
+ testid
475
476
  } = props;
476
477
  const isMobile = useMatchesMobile();
477
478
  const imagesCount = sources.length;
@@ -497,6 +498,7 @@ function CompactImagesPreview(props) {
497
498
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
498
499
  "img",
499
500
  {
501
+ "data-testid": testid ? `${testid}-placeholder` : void 0,
500
502
  className: "object-center",
501
503
  style: {
502
504
  width: activeImageWidth,
@@ -511,10 +513,11 @@ function CompactImagesPreview(props) {
511
513
  }
512
514
  );
513
515
  const currentSource = sources[currentSourceIndex];
514
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Stack, { sizing: "layout", children: [
516
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Stack, { "data-testid": testid, sizing: "layout", children: [
515
517
  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
516
518
  "img",
517
519
  {
520
+ "data-testid": testid ? `${testid}-main-image` : void 0,
518
521
  className: (0, import_clsx3.default)("object-center", onMainImageClick && "cursor-pointer"),
519
522
  style: {
520
523
  width: isMobile ? "100%" : activeImageWidth,
@@ -531,6 +534,7 @@ function CompactImagesPreview(props) {
531
534
  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex flex-row flex-wrap items-center gap-3", children: sources.slice(0, 4).map((source, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
532
535
  "button",
533
536
  {
537
+ "data-testid": testid ? `${testid}-thumbnail-${index}` : void 0,
534
538
  onClick: (e) => {
535
539
  e.preventDefault();
536
540
  handleThumbnailClick(index);
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  CompactImagesPreview
3
- } from "../chunk-TMHOK37S.js";
3
+ } from "../chunk-KXCG5OH5.js";
4
4
  import "../chunk-URYQ24NF.js";
5
5
  import "../chunk-VXWSAIB5.js";
6
6
  import "../chunk-R3EQIDBX.js";
@@ -14,8 +14,8 @@ import "../../../chunk-3X3Y4TMS.js";
14
14
  import "../../../chunk-PRN2EQBX.js";
15
15
  import "../../../chunk-5YNEY3WO.js";
16
16
  import "../../../chunk-5IFPG6TS.js";
17
- import "../../../chunk-AJ5M6MVX.js";
18
17
  import "../../../chunk-UI7P5J5S.js";
18
+ import "../../../chunk-AJ5M6MVX.js";
19
19
  import "../../../chunk-AT4AWD6B.js";
20
20
  import "../../../chunk-EWGHVZL5.js";
21
21
  import "../../../chunk-OWHPPZZA.js";
@@ -44,7 +44,7 @@ import "../../../chunk-WVUIIBRR.js";
44
44
  import "../../../chunk-75USUR3I.js";
45
45
  import "../../../chunk-PS6UJZVH.js";
46
46
  import "../../../chunk-M7WHWZ2J.js";
47
- import "../../../chunk-TMHOK37S.js";
47
+ import "../../../chunk-KXCG5OH5.js";
48
48
  import "../../../chunk-URYQ24NF.js";
49
49
  import "../../../chunk-VXWSAIB5.js";
50
50
  import "../../../chunk-R3EQIDBX.js";
@@ -14,8 +14,8 @@ import "../../../chunk-3X3Y4TMS.js";
14
14
  import "../../../chunk-PRN2EQBX.js";
15
15
  import "../../../chunk-5YNEY3WO.js";
16
16
  import "../../../chunk-5IFPG6TS.js";
17
- import "../../../chunk-AJ5M6MVX.js";
18
17
  import "../../../chunk-UI7P5J5S.js";
18
+ import "../../../chunk-AJ5M6MVX.js";
19
19
  import "../../../chunk-AT4AWD6B.js";
20
20
  import "../../../chunk-EWGHVZL5.js";
21
21
  import "../../../chunk-OWHPPZZA.js";
@@ -44,7 +44,7 @@ import "../../../chunk-WVUIIBRR.js";
44
44
  import "../../../chunk-75USUR3I.js";
45
45
  import "../../../chunk-PS6UJZVH.js";
46
46
  import "../../../chunk-M7WHWZ2J.js";
47
- import "../../../chunk-TMHOK37S.js";
47
+ import "../../../chunk-KXCG5OH5.js";
48
48
  import "../../../chunk-URYQ24NF.js";
49
49
  import "../../../chunk-VXWSAIB5.js";
50
50
  import "../../../chunk-R3EQIDBX.js";
@@ -14,8 +14,8 @@ import "../../chunk-3X3Y4TMS.js";
14
14
  import "../../chunk-PRN2EQBX.js";
15
15
  import "../../chunk-5YNEY3WO.js";
16
16
  import "../../chunk-5IFPG6TS.js";
17
- import "../../chunk-AJ5M6MVX.js";
18
17
  import "../../chunk-UI7P5J5S.js";
18
+ import "../../chunk-AJ5M6MVX.js";
19
19
  import "../../chunk-AT4AWD6B.js";
20
20
  import "../../chunk-EWGHVZL5.js";
21
21
  import "../../chunk-OWHPPZZA.js";
@@ -44,7 +44,7 @@ import "../../chunk-WVUIIBRR.js";
44
44
  import "../../chunk-75USUR3I.js";
45
45
  import "../../chunk-PS6UJZVH.js";
46
46
  import "../../chunk-M7WHWZ2J.js";
47
- import "../../chunk-TMHOK37S.js";
47
+ import "../../chunk-KXCG5OH5.js";
48
48
  import "../../chunk-URYQ24NF.js";
49
49
  import "../../chunk-VXWSAIB5.js";
50
50
  import "../../chunk-R3EQIDBX.js";
@@ -14,8 +14,8 @@ import "../../../chunk-3X3Y4TMS.js";
14
14
  import "../../../chunk-PRN2EQBX.js";
15
15
  import "../../../chunk-5YNEY3WO.js";
16
16
  import "../../../chunk-5IFPG6TS.js";
17
- import "../../../chunk-AJ5M6MVX.js";
18
17
  import "../../../chunk-UI7P5J5S.js";
18
+ import "../../../chunk-AJ5M6MVX.js";
19
19
  import "../../../chunk-AT4AWD6B.js";
20
20
  import "../../../chunk-EWGHVZL5.js";
21
21
  import "../../../chunk-OWHPPZZA.js";
@@ -44,7 +44,7 @@ import "../../../chunk-WVUIIBRR.js";
44
44
  import "../../../chunk-75USUR3I.js";
45
45
  import "../../../chunk-PS6UJZVH.js";
46
46
  import "../../../chunk-M7WHWZ2J.js";
47
- import "../../../chunk-TMHOK37S.js";
47
+ import "../../../chunk-KXCG5OH5.js";
48
48
  import "../../../chunk-URYQ24NF.js";
49
49
  import "../../../chunk-VXWSAIB5.js";
50
50
  import "../../../chunk-R3EQIDBX.js";
@@ -14,8 +14,8 @@ import "../../../chunk-3X3Y4TMS.js";
14
14
  import "../../../chunk-PRN2EQBX.js";
15
15
  import "../../../chunk-5YNEY3WO.js";
16
16
  import "../../../chunk-5IFPG6TS.js";
17
- import "../../../chunk-AJ5M6MVX.js";
18
17
  import "../../../chunk-UI7P5J5S.js";
18
+ import "../../../chunk-AJ5M6MVX.js";
19
19
  import "../../../chunk-AT4AWD6B.js";
20
20
  import "../../../chunk-EWGHVZL5.js";
21
21
  import "../../../chunk-OWHPPZZA.js";
@@ -44,7 +44,7 @@ import "../../../chunk-WVUIIBRR.js";
44
44
  import "../../../chunk-75USUR3I.js";
45
45
  import "../../../chunk-PS6UJZVH.js";
46
46
  import "../../../chunk-M7WHWZ2J.js";
47
- import "../../../chunk-TMHOK37S.js";
47
+ import "../../../chunk-KXCG5OH5.js";
48
48
  import "../../../chunk-URYQ24NF.js";
49
49
  import "../../../chunk-VXWSAIB5.js";
50
50
  import "../../../chunk-R3EQIDBX.js";
@@ -14,8 +14,8 @@ import "../../../chunk-3X3Y4TMS.js";
14
14
  import "../../../chunk-PRN2EQBX.js";
15
15
  import "../../../chunk-5YNEY3WO.js";
16
16
  import "../../../chunk-5IFPG6TS.js";
17
- import "../../../chunk-AJ5M6MVX.js";
18
17
  import "../../../chunk-UI7P5J5S.js";
18
+ import "../../../chunk-AJ5M6MVX.js";
19
19
  import "../../../chunk-AT4AWD6B.js";
20
20
  import "../../../chunk-EWGHVZL5.js";
21
21
  import "../../../chunk-OWHPPZZA.js";
@@ -44,7 +44,7 @@ import "../../../chunk-WVUIIBRR.js";
44
44
  import "../../../chunk-75USUR3I.js";
45
45
  import "../../../chunk-PS6UJZVH.js";
46
46
  import "../../../chunk-M7WHWZ2J.js";
47
- import "../../../chunk-TMHOK37S.js";
47
+ import "../../../chunk-KXCG5OH5.js";
48
48
  import "../../../chunk-URYQ24NF.js";
49
49
  import "../../../chunk-VXWSAIB5.js";
50
50
  import "../../../chunk-R3EQIDBX.js";
@@ -16,8 +16,8 @@ import "../../chunk-3X3Y4TMS.js";
16
16
  import "../../chunk-PRN2EQBX.js";
17
17
  import "../../chunk-5YNEY3WO.js";
18
18
  import "../../chunk-5IFPG6TS.js";
19
- import "../../chunk-AJ5M6MVX.js";
20
19
  import "../../chunk-UI7P5J5S.js";
20
+ import "../../chunk-AJ5M6MVX.js";
21
21
  import "../../chunk-AT4AWD6B.js";
22
22
  import "../../chunk-EWGHVZL5.js";
23
23
  import "../../chunk-OWHPPZZA.js";
@@ -46,7 +46,7 @@ import "../../chunk-WVUIIBRR.js";
46
46
  import "../../chunk-75USUR3I.js";
47
47
  import "../../chunk-PS6UJZVH.js";
48
48
  import "../../chunk-M7WHWZ2J.js";
49
- import "../../chunk-TMHOK37S.js";
49
+ import "../../chunk-KXCG5OH5.js";
50
50
  import "../../chunk-URYQ24NF.js";
51
51
  import "../../chunk-VXWSAIB5.js";
52
52
  import "../../chunk-R3EQIDBX.js";
@@ -14,8 +14,8 @@ import "../../chunk-3X3Y4TMS.js";
14
14
  import "../../chunk-PRN2EQBX.js";
15
15
  import "../../chunk-5YNEY3WO.js";
16
16
  import "../../chunk-5IFPG6TS.js";
17
- import "../../chunk-AJ5M6MVX.js";
18
17
  import "../../chunk-UI7P5J5S.js";
18
+ import "../../chunk-AJ5M6MVX.js";
19
19
  import "../../chunk-AT4AWD6B.js";
20
20
  import "../../chunk-EWGHVZL5.js";
21
21
  import "../../chunk-OWHPPZZA.js";
@@ -44,7 +44,7 @@ import "../../chunk-WVUIIBRR.js";
44
44
  import "../../chunk-75USUR3I.js";
45
45
  import "../../chunk-PS6UJZVH.js";
46
46
  import "../../chunk-M7WHWZ2J.js";
47
- import "../../chunk-TMHOK37S.js";
47
+ import "../../chunk-KXCG5OH5.js";
48
48
  import "../../chunk-URYQ24NF.js";
49
49
  import "../../chunk-VXWSAIB5.js";
50
50
  import "../../chunk-R3EQIDBX.js";
@@ -14,8 +14,8 @@ import "../chunk-3X3Y4TMS.js";
14
14
  import "../chunk-PRN2EQBX.js";
15
15
  import "../chunk-5YNEY3WO.js";
16
16
  import "../chunk-5IFPG6TS.js";
17
- import "../chunk-AJ5M6MVX.js";
18
17
  import "../chunk-UI7P5J5S.js";
18
+ import "../chunk-AJ5M6MVX.js";
19
19
  import "../chunk-AT4AWD6B.js";
20
20
  import "../chunk-EWGHVZL5.js";
21
21
  import "../chunk-OWHPPZZA.js";
@@ -44,7 +44,7 @@ import "../chunk-WVUIIBRR.js";
44
44
  import "../chunk-75USUR3I.js";
45
45
  import "../chunk-PS6UJZVH.js";
46
46
  import "../chunk-M7WHWZ2J.js";
47
- import "../chunk-TMHOK37S.js";
47
+ import "../chunk-KXCG5OH5.js";
48
48
  import "../chunk-URYQ24NF.js";
49
49
  import "../chunk-VXWSAIB5.js";
50
50
  import "../chunk-R3EQIDBX.js";
@@ -14,8 +14,8 @@ import "../chunk-3X3Y4TMS.js";
14
14
  import "../chunk-PRN2EQBX.js";
15
15
  import "../chunk-5YNEY3WO.js";
16
16
  import "../chunk-5IFPG6TS.js";
17
- import "../chunk-AJ5M6MVX.js";
18
17
  import "../chunk-UI7P5J5S.js";
18
+ import "../chunk-AJ5M6MVX.js";
19
19
  import "../chunk-AT4AWD6B.js";
20
20
  import "../chunk-EWGHVZL5.js";
21
21
  import "../chunk-OWHPPZZA.js";
@@ -46,7 +46,7 @@ import "../chunk-WVUIIBRR.js";
46
46
  import "../chunk-75USUR3I.js";
47
47
  import "../chunk-PS6UJZVH.js";
48
48
  import "../chunk-M7WHWZ2J.js";
49
- import "../chunk-TMHOK37S.js";
49
+ import "../chunk-KXCG5OH5.js";
50
50
  import "../chunk-URYQ24NF.js";
51
51
  import {
52
52
  findDocumentRoot
@@ -3,8 +3,8 @@ import {
3
3
  } from "../../chunk-PRN2EQBX.js";
4
4
  import "../../chunk-5YNEY3WO.js";
5
5
  import "../../chunk-5IFPG6TS.js";
6
- import "../../chunk-AJ5M6MVX.js";
7
6
  import "../../chunk-UI7P5J5S.js";
7
+ import "../../chunk-AJ5M6MVX.js";
8
8
  import "../../chunk-M7WHWZ2J.js";
9
9
  import "../../chunk-VXWSAIB5.js";
10
10
  import "../../chunk-R3EQIDBX.js";
@@ -14,8 +14,8 @@ import "../../../chunk-3X3Y4TMS.js";
14
14
  import "../../../chunk-PRN2EQBX.js";
15
15
  import "../../../chunk-5YNEY3WO.js";
16
16
  import "../../../chunk-5IFPG6TS.js";
17
- import "../../../chunk-AJ5M6MVX.js";
18
17
  import "../../../chunk-UI7P5J5S.js";
18
+ import "../../../chunk-AJ5M6MVX.js";
19
19
  import "../../../chunk-AT4AWD6B.js";
20
20
  import "../../../chunk-EWGHVZL5.js";
21
21
  import "../../../chunk-OWHPPZZA.js";
@@ -44,7 +44,7 @@ import "../../../chunk-WVUIIBRR.js";
44
44
  import "../../../chunk-75USUR3I.js";
45
45
  import "../../../chunk-PS6UJZVH.js";
46
46
  import "../../../chunk-M7WHWZ2J.js";
47
- import "../../../chunk-TMHOK37S.js";
47
+ import "../../../chunk-KXCG5OH5.js";
48
48
  import "../../../chunk-URYQ24NF.js";
49
49
  import "../../../chunk-VXWSAIB5.js";
50
50
  import "../../../chunk-R3EQIDBX.js";
@@ -2,8 +2,8 @@ import {
2
2
  MobileDataGridCard
3
3
  } from "../../../chunk-5YNEY3WO.js";
4
4
  import "../../../chunk-5IFPG6TS.js";
5
- import "../../../chunk-AJ5M6MVX.js";
6
5
  import "../../../chunk-UI7P5J5S.js";
6
+ import "../../../chunk-AJ5M6MVX.js";
7
7
  import "../../../chunk-M7WHWZ2J.js";
8
8
  import "../../../chunk-VXWSAIB5.js";
9
9
  import "../../../chunk-R3EQIDBX.js";
@@ -14,8 +14,8 @@ import "../../chunk-3X3Y4TMS.js";
14
14
  import "../../chunk-PRN2EQBX.js";
15
15
  import "../../chunk-5YNEY3WO.js";
16
16
  import "../../chunk-5IFPG6TS.js";
17
- import "../../chunk-AJ5M6MVX.js";
18
17
  import "../../chunk-UI7P5J5S.js";
18
+ import "../../chunk-AJ5M6MVX.js";
19
19
  import "../../chunk-AT4AWD6B.js";
20
20
  import "../../chunk-EWGHVZL5.js";
21
21
  import "../../chunk-OWHPPZZA.js";
@@ -44,7 +44,7 @@ import "../../chunk-WVUIIBRR.js";
44
44
  import "../../chunk-75USUR3I.js";
45
45
  import "../../chunk-PS6UJZVH.js";
46
46
  import "../../chunk-M7WHWZ2J.js";
47
- import "../../chunk-TMHOK37S.js";
47
+ import "../../chunk-KXCG5OH5.js";
48
48
  import "../../chunk-URYQ24NF.js";
49
49
  import "../../chunk-VXWSAIB5.js";
50
50
  import "../../chunk-R3EQIDBX.js";
@@ -2,8 +2,8 @@ import {
2
2
  ModalContent
3
3
  } from "../../../chunk-3UUCDNX3.js";
4
4
  import "../../../chunk-5IFPG6TS.js";
5
- import "../../../chunk-AJ5M6MVX.js";
6
5
  import "../../../chunk-UI7P5J5S.js";
6
+ import "../../../chunk-AJ5M6MVX.js";
7
7
  import "../../../chunk-VXWSAIB5.js";
8
8
  import "../../../chunk-R3EQIDBX.js";
9
9
  import "../../../chunk-5UH6QUFB.js";
@@ -3,8 +3,8 @@ import {
3
3
  } from "../../../chunk-ELXVDRWS.js";
4
4
  import "../../../chunk-3UUCDNX3.js";
5
5
  import "../../../chunk-5IFPG6TS.js";
6
- import "../../../chunk-AJ5M6MVX.js";
7
6
  import "../../../chunk-UI7P5J5S.js";
7
+ import "../../../chunk-AJ5M6MVX.js";
8
8
  import "../../../chunk-BMPL6LCR.js";
9
9
  import "../../../chunk-4RJKB7LC.js";
10
10
  import "../../../chunk-WVVEOCEH.js";
@@ -14,8 +14,8 @@ import "../../chunk-3X3Y4TMS.js";
14
14
  import "../../chunk-PRN2EQBX.js";
15
15
  import "../../chunk-5YNEY3WO.js";
16
16
  import "../../chunk-5IFPG6TS.js";
17
- import "../../chunk-AJ5M6MVX.js";
18
17
  import "../../chunk-UI7P5J5S.js";
18
+ import "../../chunk-AJ5M6MVX.js";
19
19
  import "../../chunk-AT4AWD6B.js";
20
20
  import "../../chunk-EWGHVZL5.js";
21
21
  import "../../chunk-OWHPPZZA.js";
@@ -44,7 +44,7 @@ import "../../chunk-WVUIIBRR.js";
44
44
  import "../../chunk-75USUR3I.js";
45
45
  import "../../chunk-PS6UJZVH.js";
46
46
  import "../../chunk-M7WHWZ2J.js";
47
- import "../../chunk-TMHOK37S.js";
47
+ import "../../chunk-KXCG5OH5.js";
48
48
  import "../../chunk-URYQ24NF.js";
49
49
  import "../../chunk-VXWSAIB5.js";
50
50
  import "../../chunk-R3EQIDBX.js";
@@ -7516,7 +7516,8 @@ function CompactImagesPreview(props) {
7516
7516
  placeholderImageUri: placeholderImageUri2,
7517
7517
  placeholderAlt = "placeholder image",
7518
7518
  onChangeSource,
7519
- onMainImageClick
7519
+ onMainImageClick,
7520
+ testid
7520
7521
  } = props;
7521
7522
  const isMobile = useMatchesMobile();
7522
7523
  const imagesCount = sources.length;
@@ -7542,6 +7543,7 @@ function CompactImagesPreview(props) {
7542
7543
  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
7543
7544
  "img",
7544
7545
  {
7546
+ "data-testid": testid ? `${testid}-placeholder` : void 0,
7545
7547
  className: "object-center",
7546
7548
  style: {
7547
7549
  width: activeImageWidth,
@@ -7556,10 +7558,11 @@ function CompactImagesPreview(props) {
7556
7558
  }
7557
7559
  );
7558
7560
  const currentSource = sources[currentSourceIndex];
7559
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Stack, { sizing: "layout", children: [
7561
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Stack, { "data-testid": testid, sizing: "layout", children: [
7560
7562
  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
7561
7563
  "img",
7562
7564
  {
7565
+ "data-testid": testid ? `${testid}-main-image` : void 0,
7563
7566
  className: (0, import_clsx35.default)("object-center", onMainImageClick && "cursor-pointer"),
7564
7567
  style: {
7565
7568
  width: isMobile ? "100%" : activeImageWidth,
@@ -7576,6 +7579,7 @@ function CompactImagesPreview(props) {
7576
7579
  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex flex-row flex-wrap items-center gap-3", children: sources.slice(0, 4).map((source, index) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
7577
7580
  "button",
7578
7581
  {
7582
+ "data-testid": testid ? `${testid}-thumbnail-${index}` : void 0,
7579
7583
  onClick: (e) => {
7580
7584
  e.preventDefault();
7581
7585
  handleThumbnailClick(index);
@@ -20,8 +20,8 @@ import "../chunk-3X3Y4TMS.js";
20
20
  import "../chunk-PRN2EQBX.js";
21
21
  import "../chunk-5YNEY3WO.js";
22
22
  import "../chunk-5IFPG6TS.js";
23
- import "../chunk-AJ5M6MVX.js";
24
23
  import "../chunk-UI7P5J5S.js";
24
+ import "../chunk-AJ5M6MVX.js";
25
25
  import "../chunk-AT4AWD6B.js";
26
26
  import "../chunk-EWGHVZL5.js";
27
27
  import {
@@ -85,7 +85,7 @@ import {
85
85
  } from "../chunk-M7WHWZ2J.js";
86
86
  import {
87
87
  CompactImagesPreview
88
- } from "../chunk-TMHOK37S.js";
88
+ } from "../chunk-KXCG5OH5.js";
89
89
  import "../chunk-URYQ24NF.js";
90
90
  import "../chunk-VXWSAIB5.js";
91
91
  import "../chunk-R3EQIDBX.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.525",
4
+ "version": "0.0.526",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "build": "tsup",
@@ -21,6 +21,7 @@ type CompactImagesPreviewProps = {
21
21
  enableThumbnailBorder?: boolean;
22
22
  onChangeSource: (newIndex: number) => void;
23
23
  onMainImageClick?: () => void;
24
+ testid?: string;
24
25
  };
25
26
  export function CompactImagesPreview(props: CompactImagesPreviewProps) {
26
27
  const {
@@ -35,6 +36,7 @@ export function CompactImagesPreview(props: CompactImagesPreviewProps) {
35
36
  placeholderAlt = "placeholder image",
36
37
  onChangeSource,
37
38
  onMainImageClick,
39
+ testid,
38
40
  } = props;
39
41
  const isMobile = useMatchesMobile();
40
42
  const imagesCount = sources.length;
@@ -67,6 +69,7 @@ export function CompactImagesPreview(props: CompactImagesPreviewProps) {
67
69
  )
68
70
  return (
69
71
  <img
72
+ data-testid={testid ? `${testid}-placeholder` : undefined}
70
73
  className="object-center"
71
74
  style={{
72
75
  width: activeImageWidth,
@@ -82,8 +85,9 @@ export function CompactImagesPreview(props: CompactImagesPreviewProps) {
82
85
  );
83
86
  const currentSource = sources[currentSourceIndex];
84
87
  return (
85
- <Stack sizing="layout">
88
+ <Stack data-testid={testid} sizing="layout">
86
89
  <img
90
+ data-testid={testid ? `${testid}-main-image` : undefined}
87
91
  className={clsx("object-center", onMainImageClick && "cursor-pointer")}
88
92
  style={{
89
93
  width: isMobile ? "100%" : activeImageWidth,
@@ -100,6 +104,7 @@ export function CompactImagesPreview(props: CompactImagesPreviewProps) {
100
104
  {sources.slice(0, 4).map((source, index) => (
101
105
  <button
102
106
  key={`compact-image-${source.uri}-${index}`}
107
+ data-testid={testid ? `${testid}-thumbnail-${index}` : undefined}
103
108
  onClick={(e) => {
104
109
  e.preventDefault();
105
110
  handleThumbnailClick(index);