@dmsi/wedgekit-react 0.0.524 → 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.
- package/dist/{chunk-TMHOK37S.js → chunk-KXCG5OH5.js} +6 -2
- package/dist/components/CalendarRange.js +2 -2
- package/dist/components/CompactImagesPreview.cjs +6 -2
- package/dist/components/CompactImagesPreview.js +1 -1
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +2 -2
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +2 -2
- package/dist/components/DataGrid/PinnedColumns.js +2 -2
- package/dist/components/DataGrid/TableBody/LoadingCell.js +2 -2
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +2 -2
- package/dist/components/DataGrid/TableBody/index.js +2 -2
- package/dist/components/DataGrid/index.js +2 -2
- package/dist/components/DataGrid/utils.js +2 -2
- package/dist/components/DateInput.js +2 -2
- package/dist/components/DateRangeInput.js +2 -2
- package/dist/components/MobileDataGrid/ColumnList.js +1 -1
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +2 -2
- package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +1 -1
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +2 -2
- package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +1 -1
- package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +1 -1
- package/dist/components/MobileDataGrid/index.js +2 -2
- package/dist/components/index.cjs +6 -2
- package/dist/components/index.js +2 -2
- package/package.json +1 -1
- package/src/components/CompactImagesPreview.tsx +6 -1
|
@@ -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-
|
|
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);
|
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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);
|
package/dist/components/index.js
CHANGED
|
@@ -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-
|
|
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
|
@@ -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);
|