@dmsi/wedgekit-react 0.0.1241 → 0.0.1242
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-JRNU5BZ4.js → chunk-3PIDINTF.js} +1 -1
- package/dist/{chunk-XW4B4CUY.js → chunk-FXXRXLOL.js} +4 -4
- package/dist/{chunk-65HTZ3R2.js → chunk-UFX5XIJL.js} +9 -8
- package/dist/{chunk-S4XW2XZW.js → chunk-YKEPPS2I.js} +1 -1
- package/dist/{chunk-ICJARSLG.js → chunk-Z5YP2GI6.js} +2 -2
- package/dist/components/CalendarRange.js +5 -5
- package/dist/components/CompactImagesPreview.cjs +2 -2
- package/dist/components/CompactImagesPreview.js +1 -1
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +5 -5
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +5 -5
- package/dist/components/DataGrid/PinnedColumns.js +5 -5
- package/dist/components/DataGrid/TableBody/LoadingCell.js +5 -5
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +5 -5
- package/dist/components/DataGrid/TableBody/index.js +5 -5
- package/dist/components/DataGrid/index.js +5 -5
- package/dist/components/DataGrid/utils.js +5 -5
- package/dist/components/DateInput.js +5 -5
- package/dist/components/DateRangeInput.js +5 -5
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +5 -5
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +5 -5
- package/dist/components/MobileDataGrid/index.js +5 -5
- package/dist/components/ProductImagePreview/MobileImageCarousel.cjs +1 -1
- package/dist/components/ProductImagePreview/MobileImageCarousel.js +1 -1
- package/dist/components/ProductImagePreview/ProductPrimaryImage.cjs +9 -8
- package/dist/components/ProductImagePreview/ProductPrimaryImage.js +1 -1
- package/dist/components/ProductImagePreview/Thumbnail.cjs +1 -1
- package/dist/components/ProductImagePreview/Thumbnail.js +1 -1
- package/dist/components/ProductImagePreview/index.cjs +12 -11
- package/dist/components/ProductImagePreview/index.js +4 -4
- package/dist/components/index.cjs +14 -13
- package/dist/components/index.js +5 -5
- package/package.json +1 -1
|
@@ -3,13 +3,13 @@ import {
|
|
|
3
3
|
} from "./chunk-MBZ55T2D.js";
|
|
4
4
|
import {
|
|
5
5
|
MobileImageCarousel
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-YKEPPS2I.js";
|
|
7
7
|
import {
|
|
8
8
|
ProductPrimaryImage
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-UFX5XIJL.js";
|
|
10
10
|
import {
|
|
11
11
|
Thumbnail
|
|
12
|
-
} from "./chunk-
|
|
12
|
+
} from "./chunk-3PIDINTF.js";
|
|
13
13
|
import {
|
|
14
14
|
ZoomWindow
|
|
15
15
|
} from "./chunk-BQNPOGD5.js";
|
|
@@ -225,7 +225,7 @@ function ProductImagePreview(props) {
|
|
|
225
225
|
return /* @__PURE__ */ jsxs(
|
|
226
226
|
Stack,
|
|
227
227
|
{
|
|
228
|
-
sizing: "layout",
|
|
228
|
+
sizing: "layout-group",
|
|
229
229
|
style: { width, position: "relative" },
|
|
230
230
|
testid,
|
|
231
231
|
children: [
|
|
@@ -136,13 +136,6 @@ function ProductPrimaryImage({
|
|
|
136
136
|
zoomEnabled ? "cursor-crosshair" : "",
|
|
137
137
|
className
|
|
138
138
|
].join(" "),
|
|
139
|
-
style: {
|
|
140
|
-
maxWidth: width,
|
|
141
|
-
maxHeight: height,
|
|
142
|
-
minWidth: width,
|
|
143
|
-
minHeight: height,
|
|
144
|
-
aspectRatio: "1 / 1"
|
|
145
|
-
},
|
|
146
139
|
onPointerEnter: handlePointerEnter,
|
|
147
140
|
onPointerLeave: handlePointerLeave,
|
|
148
141
|
onPointerMove: handlePointerMove,
|
|
@@ -152,7 +145,15 @@ function ProductPrimaryImage({
|
|
|
152
145
|
{
|
|
153
146
|
src: imageSrc != null ? imageSrc : placeholderImageUri,
|
|
154
147
|
alt: (image == null ? void 0 : image.alt) || "Product image",
|
|
155
|
-
|
|
148
|
+
style: {
|
|
149
|
+
maxWidth: width,
|
|
150
|
+
maxHeight: height,
|
|
151
|
+
minWidth: width,
|
|
152
|
+
minHeight: height,
|
|
153
|
+
aspectRatio: "1 / 1",
|
|
154
|
+
objectFit: "contain",
|
|
155
|
+
userSelect: "none"
|
|
156
|
+
},
|
|
156
157
|
draggable: false,
|
|
157
158
|
loading: "lazy",
|
|
158
159
|
onError: handleImgError
|
|
@@ -159,7 +159,7 @@ function MobileImageCarousel({
|
|
|
159
159
|
{
|
|
160
160
|
src: image.src,
|
|
161
161
|
alt: image.alt || `Product image ${index + 1}`,
|
|
162
|
-
className: "w-full h-full object-
|
|
162
|
+
className: "w-full h-full object-contain",
|
|
163
163
|
draggable: false,
|
|
164
164
|
loading: distance <= 1 ? "eager" : "lazy",
|
|
165
165
|
onError: () => onImageError == null ? void 0 : onImageError(image.src),
|
|
@@ -69,7 +69,7 @@ function CompactImagesPreview(props) {
|
|
|
69
69
|
[currentSourceIndex, onChangeSource, imagesCount]
|
|
70
70
|
);
|
|
71
71
|
if (!validSources.length || typeof isMobile === "undefined")
|
|
72
|
-
return /* @__PURE__ */ jsx(
|
|
72
|
+
return /* @__PURE__ */ jsx("div", { className: "flex flex-row justify-center w-full", children: /* @__PURE__ */ jsx(
|
|
73
73
|
"img",
|
|
74
74
|
{
|
|
75
75
|
"data-testid": testid ? `${testid}-placeholder` : void 0,
|
|
@@ -85,7 +85,7 @@ function CompactImagesPreview(props) {
|
|
|
85
85
|
onError: (event) => handleImgError(event),
|
|
86
86
|
onClick: onMainImageClick
|
|
87
87
|
}
|
|
88
|
-
);
|
|
88
|
+
) });
|
|
89
89
|
const currentSource = validSources[safeCurrentSourceIndex];
|
|
90
90
|
return /* @__PURE__ */ jsxs(Stack, { "data-testid": testid, sizing: "layout", children: [
|
|
91
91
|
/* @__PURE__ */ jsx(
|
|
@@ -7,11 +7,11 @@ import "../chunk-3UPUZBP5.js";
|
|
|
7
7
|
import "../chunk-7ZJIGTFN.js";
|
|
8
8
|
import "../chunk-E3FOCECQ.js";
|
|
9
9
|
import "../chunk-Y5GD2FJA.js";
|
|
10
|
-
import "../chunk-
|
|
10
|
+
import "../chunk-FXXRXLOL.js";
|
|
11
11
|
import "../chunk-MBZ55T2D.js";
|
|
12
|
-
import "../chunk-
|
|
13
|
-
import "../chunk-
|
|
14
|
-
import "../chunk-
|
|
12
|
+
import "../chunk-YKEPPS2I.js";
|
|
13
|
+
import "../chunk-UFX5XIJL.js";
|
|
14
|
+
import "../chunk-3PIDINTF.js";
|
|
15
15
|
import "../chunk-BQNPOGD5.js";
|
|
16
16
|
import "../chunk-YULGJORA.js";
|
|
17
17
|
import "../chunk-Z2HPSFEQ.js";
|
|
@@ -49,7 +49,7 @@ import "../chunk-PABII472.js";
|
|
|
49
49
|
import "../chunk-4UGMSWWA.js";
|
|
50
50
|
import "../chunk-WVUIIBRR.js";
|
|
51
51
|
import "../chunk-I3W5K76C.js";
|
|
52
|
-
import "../chunk-
|
|
52
|
+
import "../chunk-Z5YP2GI6.js";
|
|
53
53
|
import "../chunk-ZRFXUER3.js";
|
|
54
54
|
import "../chunk-WVGXD7HT.js";
|
|
55
55
|
import "../chunk-VXWSAIB5.js";
|
|
@@ -531,7 +531,7 @@ function CompactImagesPreview(props) {
|
|
|
531
531
|
[currentSourceIndex, onChangeSource, imagesCount]
|
|
532
532
|
);
|
|
533
533
|
if (!validSources.length || typeof isMobile === "undefined")
|
|
534
|
-
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
534
|
+
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex flex-row justify-center w-full", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
535
535
|
"img",
|
|
536
536
|
{
|
|
537
537
|
"data-testid": testid ? `${testid}-placeholder` : void 0,
|
|
@@ -547,7 +547,7 @@ function CompactImagesPreview(props) {
|
|
|
547
547
|
onError: (event) => handleImgError(event),
|
|
548
548
|
onClick: onMainImageClick
|
|
549
549
|
}
|
|
550
|
-
);
|
|
550
|
+
) });
|
|
551
551
|
const currentSource = validSources[safeCurrentSourceIndex];
|
|
552
552
|
return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Stack, { "data-testid": testid, sizing: "layout", children: [
|
|
553
553
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
@@ -5,11 +5,11 @@ import "../../../chunk-3UPUZBP5.js";
|
|
|
5
5
|
import "../../../chunk-7ZJIGTFN.js";
|
|
6
6
|
import "../../../chunk-E3FOCECQ.js";
|
|
7
7
|
import "../../../chunk-Y5GD2FJA.js";
|
|
8
|
-
import "../../../chunk-
|
|
8
|
+
import "../../../chunk-FXXRXLOL.js";
|
|
9
9
|
import "../../../chunk-MBZ55T2D.js";
|
|
10
|
-
import "../../../chunk-
|
|
11
|
-
import "../../../chunk-
|
|
12
|
-
import "../../../chunk-
|
|
10
|
+
import "../../../chunk-YKEPPS2I.js";
|
|
11
|
+
import "../../../chunk-UFX5XIJL.js";
|
|
12
|
+
import "../../../chunk-3PIDINTF.js";
|
|
13
13
|
import "../../../chunk-BQNPOGD5.js";
|
|
14
14
|
import "../../../chunk-YULGJORA.js";
|
|
15
15
|
import "../../../chunk-Z2HPSFEQ.js";
|
|
@@ -47,7 +47,7 @@ import "../../../chunk-PABII472.js";
|
|
|
47
47
|
import "../../../chunk-4UGMSWWA.js";
|
|
48
48
|
import "../../../chunk-WVUIIBRR.js";
|
|
49
49
|
import "../../../chunk-I3W5K76C.js";
|
|
50
|
-
import "../../../chunk-
|
|
50
|
+
import "../../../chunk-Z5YP2GI6.js";
|
|
51
51
|
import "../../../chunk-ZRFXUER3.js";
|
|
52
52
|
import "../../../chunk-WVGXD7HT.js";
|
|
53
53
|
import "../../../chunk-VXWSAIB5.js";
|
|
@@ -5,11 +5,11 @@ import "../../../chunk-3UPUZBP5.js";
|
|
|
5
5
|
import "../../../chunk-7ZJIGTFN.js";
|
|
6
6
|
import "../../../chunk-E3FOCECQ.js";
|
|
7
7
|
import "../../../chunk-Y5GD2FJA.js";
|
|
8
|
-
import "../../../chunk-
|
|
8
|
+
import "../../../chunk-FXXRXLOL.js";
|
|
9
9
|
import "../../../chunk-MBZ55T2D.js";
|
|
10
|
-
import "../../../chunk-
|
|
11
|
-
import "../../../chunk-
|
|
12
|
-
import "../../../chunk-
|
|
10
|
+
import "../../../chunk-YKEPPS2I.js";
|
|
11
|
+
import "../../../chunk-UFX5XIJL.js";
|
|
12
|
+
import "../../../chunk-3PIDINTF.js";
|
|
13
13
|
import "../../../chunk-BQNPOGD5.js";
|
|
14
14
|
import "../../../chunk-YULGJORA.js";
|
|
15
15
|
import "../../../chunk-Z2HPSFEQ.js";
|
|
@@ -47,7 +47,7 @@ import "../../../chunk-PABII472.js";
|
|
|
47
47
|
import "../../../chunk-4UGMSWWA.js";
|
|
48
48
|
import "../../../chunk-WVUIIBRR.js";
|
|
49
49
|
import "../../../chunk-I3W5K76C.js";
|
|
50
|
-
import "../../../chunk-
|
|
50
|
+
import "../../../chunk-Z5YP2GI6.js";
|
|
51
51
|
import "../../../chunk-ZRFXUER3.js";
|
|
52
52
|
import "../../../chunk-WVGXD7HT.js";
|
|
53
53
|
import "../../../chunk-VXWSAIB5.js";
|
|
@@ -5,11 +5,11 @@ import "../../chunk-3UPUZBP5.js";
|
|
|
5
5
|
import "../../chunk-7ZJIGTFN.js";
|
|
6
6
|
import "../../chunk-E3FOCECQ.js";
|
|
7
7
|
import "../../chunk-Y5GD2FJA.js";
|
|
8
|
-
import "../../chunk-
|
|
8
|
+
import "../../chunk-FXXRXLOL.js";
|
|
9
9
|
import "../../chunk-MBZ55T2D.js";
|
|
10
|
-
import "../../chunk-
|
|
11
|
-
import "../../chunk-
|
|
12
|
-
import "../../chunk-
|
|
10
|
+
import "../../chunk-YKEPPS2I.js";
|
|
11
|
+
import "../../chunk-UFX5XIJL.js";
|
|
12
|
+
import "../../chunk-3PIDINTF.js";
|
|
13
13
|
import "../../chunk-BQNPOGD5.js";
|
|
14
14
|
import "../../chunk-YULGJORA.js";
|
|
15
15
|
import "../../chunk-Z2HPSFEQ.js";
|
|
@@ -47,7 +47,7 @@ import "../../chunk-PABII472.js";
|
|
|
47
47
|
import "../../chunk-4UGMSWWA.js";
|
|
48
48
|
import "../../chunk-WVUIIBRR.js";
|
|
49
49
|
import "../../chunk-I3W5K76C.js";
|
|
50
|
-
import "../../chunk-
|
|
50
|
+
import "../../chunk-Z5YP2GI6.js";
|
|
51
51
|
import "../../chunk-ZRFXUER3.js";
|
|
52
52
|
import "../../chunk-WVGXD7HT.js";
|
|
53
53
|
import "../../chunk-VXWSAIB5.js";
|
|
@@ -5,11 +5,11 @@ import "../../../chunk-3UPUZBP5.js";
|
|
|
5
5
|
import "../../../chunk-7ZJIGTFN.js";
|
|
6
6
|
import "../../../chunk-E3FOCECQ.js";
|
|
7
7
|
import "../../../chunk-Y5GD2FJA.js";
|
|
8
|
-
import "../../../chunk-
|
|
8
|
+
import "../../../chunk-FXXRXLOL.js";
|
|
9
9
|
import "../../../chunk-MBZ55T2D.js";
|
|
10
|
-
import "../../../chunk-
|
|
11
|
-
import "../../../chunk-
|
|
12
|
-
import "../../../chunk-
|
|
10
|
+
import "../../../chunk-YKEPPS2I.js";
|
|
11
|
+
import "../../../chunk-UFX5XIJL.js";
|
|
12
|
+
import "../../../chunk-3PIDINTF.js";
|
|
13
13
|
import "../../../chunk-BQNPOGD5.js";
|
|
14
14
|
import "../../../chunk-YULGJORA.js";
|
|
15
15
|
import "../../../chunk-Z2HPSFEQ.js";
|
|
@@ -47,7 +47,7 @@ import "../../../chunk-PABII472.js";
|
|
|
47
47
|
import "../../../chunk-4UGMSWWA.js";
|
|
48
48
|
import "../../../chunk-WVUIIBRR.js";
|
|
49
49
|
import "../../../chunk-I3W5K76C.js";
|
|
50
|
-
import "../../../chunk-
|
|
50
|
+
import "../../../chunk-Z5YP2GI6.js";
|
|
51
51
|
import "../../../chunk-ZRFXUER3.js";
|
|
52
52
|
import "../../../chunk-WVGXD7HT.js";
|
|
53
53
|
import "../../../chunk-VXWSAIB5.js";
|
|
@@ -5,11 +5,11 @@ import "../../../chunk-3UPUZBP5.js";
|
|
|
5
5
|
import "../../../chunk-7ZJIGTFN.js";
|
|
6
6
|
import "../../../chunk-E3FOCECQ.js";
|
|
7
7
|
import "../../../chunk-Y5GD2FJA.js";
|
|
8
|
-
import "../../../chunk-
|
|
8
|
+
import "../../../chunk-FXXRXLOL.js";
|
|
9
9
|
import "../../../chunk-MBZ55T2D.js";
|
|
10
|
-
import "../../../chunk-
|
|
11
|
-
import "../../../chunk-
|
|
12
|
-
import "../../../chunk-
|
|
10
|
+
import "../../../chunk-YKEPPS2I.js";
|
|
11
|
+
import "../../../chunk-UFX5XIJL.js";
|
|
12
|
+
import "../../../chunk-3PIDINTF.js";
|
|
13
13
|
import "../../../chunk-BQNPOGD5.js";
|
|
14
14
|
import "../../../chunk-YULGJORA.js";
|
|
15
15
|
import "../../../chunk-Z2HPSFEQ.js";
|
|
@@ -47,7 +47,7 @@ import "../../../chunk-PABII472.js";
|
|
|
47
47
|
import "../../../chunk-4UGMSWWA.js";
|
|
48
48
|
import "../../../chunk-WVUIIBRR.js";
|
|
49
49
|
import "../../../chunk-I3W5K76C.js";
|
|
50
|
-
import "../../../chunk-
|
|
50
|
+
import "../../../chunk-Z5YP2GI6.js";
|
|
51
51
|
import "../../../chunk-ZRFXUER3.js";
|
|
52
52
|
import "../../../chunk-WVGXD7HT.js";
|
|
53
53
|
import "../../../chunk-VXWSAIB5.js";
|
|
@@ -5,11 +5,11 @@ import "../../../chunk-3UPUZBP5.js";
|
|
|
5
5
|
import "../../../chunk-7ZJIGTFN.js";
|
|
6
6
|
import "../../../chunk-E3FOCECQ.js";
|
|
7
7
|
import "../../../chunk-Y5GD2FJA.js";
|
|
8
|
-
import "../../../chunk-
|
|
8
|
+
import "../../../chunk-FXXRXLOL.js";
|
|
9
9
|
import "../../../chunk-MBZ55T2D.js";
|
|
10
|
-
import "../../../chunk-
|
|
11
|
-
import "../../../chunk-
|
|
12
|
-
import "../../../chunk-
|
|
10
|
+
import "../../../chunk-YKEPPS2I.js";
|
|
11
|
+
import "../../../chunk-UFX5XIJL.js";
|
|
12
|
+
import "../../../chunk-3PIDINTF.js";
|
|
13
13
|
import "../../../chunk-BQNPOGD5.js";
|
|
14
14
|
import "../../../chunk-YULGJORA.js";
|
|
15
15
|
import "../../../chunk-Z2HPSFEQ.js";
|
|
@@ -47,7 +47,7 @@ import "../../../chunk-PABII472.js";
|
|
|
47
47
|
import "../../../chunk-4UGMSWWA.js";
|
|
48
48
|
import "../../../chunk-WVUIIBRR.js";
|
|
49
49
|
import "../../../chunk-I3W5K76C.js";
|
|
50
|
-
import "../../../chunk-
|
|
50
|
+
import "../../../chunk-Z5YP2GI6.js";
|
|
51
51
|
import "../../../chunk-ZRFXUER3.js";
|
|
52
52
|
import "../../../chunk-WVGXD7HT.js";
|
|
53
53
|
import "../../../chunk-VXWSAIB5.js";
|
|
@@ -7,11 +7,11 @@ import "../../chunk-3UPUZBP5.js";
|
|
|
7
7
|
import "../../chunk-7ZJIGTFN.js";
|
|
8
8
|
import "../../chunk-E3FOCECQ.js";
|
|
9
9
|
import "../../chunk-Y5GD2FJA.js";
|
|
10
|
-
import "../../chunk-
|
|
10
|
+
import "../../chunk-FXXRXLOL.js";
|
|
11
11
|
import "../../chunk-MBZ55T2D.js";
|
|
12
|
-
import "../../chunk-
|
|
13
|
-
import "../../chunk-
|
|
14
|
-
import "../../chunk-
|
|
12
|
+
import "../../chunk-YKEPPS2I.js";
|
|
13
|
+
import "../../chunk-UFX5XIJL.js";
|
|
14
|
+
import "../../chunk-3PIDINTF.js";
|
|
15
15
|
import "../../chunk-BQNPOGD5.js";
|
|
16
16
|
import "../../chunk-YULGJORA.js";
|
|
17
17
|
import "../../chunk-Z2HPSFEQ.js";
|
|
@@ -49,7 +49,7 @@ import "../../chunk-PABII472.js";
|
|
|
49
49
|
import "../../chunk-4UGMSWWA.js";
|
|
50
50
|
import "../../chunk-WVUIIBRR.js";
|
|
51
51
|
import "../../chunk-I3W5K76C.js";
|
|
52
|
-
import "../../chunk-
|
|
52
|
+
import "../../chunk-Z5YP2GI6.js";
|
|
53
53
|
import "../../chunk-ZRFXUER3.js";
|
|
54
54
|
import "../../chunk-WVGXD7HT.js";
|
|
55
55
|
import "../../chunk-VXWSAIB5.js";
|
|
@@ -5,11 +5,11 @@ import "../../chunk-3UPUZBP5.js";
|
|
|
5
5
|
import "../../chunk-7ZJIGTFN.js";
|
|
6
6
|
import "../../chunk-E3FOCECQ.js";
|
|
7
7
|
import "../../chunk-Y5GD2FJA.js";
|
|
8
|
-
import "../../chunk-
|
|
8
|
+
import "../../chunk-FXXRXLOL.js";
|
|
9
9
|
import "../../chunk-MBZ55T2D.js";
|
|
10
|
-
import "../../chunk-
|
|
11
|
-
import "../../chunk-
|
|
12
|
-
import "../../chunk-
|
|
10
|
+
import "../../chunk-YKEPPS2I.js";
|
|
11
|
+
import "../../chunk-UFX5XIJL.js";
|
|
12
|
+
import "../../chunk-3PIDINTF.js";
|
|
13
13
|
import "../../chunk-BQNPOGD5.js";
|
|
14
14
|
import "../../chunk-YULGJORA.js";
|
|
15
15
|
import "../../chunk-Z2HPSFEQ.js";
|
|
@@ -47,7 +47,7 @@ import "../../chunk-PABII472.js";
|
|
|
47
47
|
import "../../chunk-4UGMSWWA.js";
|
|
48
48
|
import "../../chunk-WVUIIBRR.js";
|
|
49
49
|
import "../../chunk-I3W5K76C.js";
|
|
50
|
-
import "../../chunk-
|
|
50
|
+
import "../../chunk-Z5YP2GI6.js";
|
|
51
51
|
import "../../chunk-ZRFXUER3.js";
|
|
52
52
|
import "../../chunk-WVGXD7HT.js";
|
|
53
53
|
import "../../chunk-VXWSAIB5.js";
|
|
@@ -5,11 +5,11 @@ import "../chunk-3UPUZBP5.js";
|
|
|
5
5
|
import "../chunk-7ZJIGTFN.js";
|
|
6
6
|
import "../chunk-E3FOCECQ.js";
|
|
7
7
|
import "../chunk-Y5GD2FJA.js";
|
|
8
|
-
import "../chunk-
|
|
8
|
+
import "../chunk-FXXRXLOL.js";
|
|
9
9
|
import "../chunk-MBZ55T2D.js";
|
|
10
|
-
import "../chunk-
|
|
11
|
-
import "../chunk-
|
|
12
|
-
import "../chunk-
|
|
10
|
+
import "../chunk-YKEPPS2I.js";
|
|
11
|
+
import "../chunk-UFX5XIJL.js";
|
|
12
|
+
import "../chunk-3PIDINTF.js";
|
|
13
13
|
import "../chunk-BQNPOGD5.js";
|
|
14
14
|
import "../chunk-YULGJORA.js";
|
|
15
15
|
import "../chunk-Z2HPSFEQ.js";
|
|
@@ -47,7 +47,7 @@ import "../chunk-PABII472.js";
|
|
|
47
47
|
import "../chunk-4UGMSWWA.js";
|
|
48
48
|
import "../chunk-WVUIIBRR.js";
|
|
49
49
|
import "../chunk-I3W5K76C.js";
|
|
50
|
-
import "../chunk-
|
|
50
|
+
import "../chunk-Z5YP2GI6.js";
|
|
51
51
|
import "../chunk-ZRFXUER3.js";
|
|
52
52
|
import "../chunk-WVGXD7HT.js";
|
|
53
53
|
import "../chunk-VXWSAIB5.js";
|
|
@@ -5,11 +5,11 @@ import "../chunk-3UPUZBP5.js";
|
|
|
5
5
|
import "../chunk-7ZJIGTFN.js";
|
|
6
6
|
import "../chunk-E3FOCECQ.js";
|
|
7
7
|
import "../chunk-Y5GD2FJA.js";
|
|
8
|
-
import "../chunk-
|
|
8
|
+
import "../chunk-FXXRXLOL.js";
|
|
9
9
|
import "../chunk-MBZ55T2D.js";
|
|
10
|
-
import "../chunk-
|
|
11
|
-
import "../chunk-
|
|
12
|
-
import "../chunk-
|
|
10
|
+
import "../chunk-YKEPPS2I.js";
|
|
11
|
+
import "../chunk-UFX5XIJL.js";
|
|
12
|
+
import "../chunk-3PIDINTF.js";
|
|
13
13
|
import "../chunk-BQNPOGD5.js";
|
|
14
14
|
import "../chunk-YULGJORA.js";
|
|
15
15
|
import "../chunk-Z2HPSFEQ.js";
|
|
@@ -49,7 +49,7 @@ import {
|
|
|
49
49
|
import "../chunk-4UGMSWWA.js";
|
|
50
50
|
import "../chunk-WVUIIBRR.js";
|
|
51
51
|
import "../chunk-I3W5K76C.js";
|
|
52
|
-
import "../chunk-
|
|
52
|
+
import "../chunk-Z5YP2GI6.js";
|
|
53
53
|
import "../chunk-ZRFXUER3.js";
|
|
54
54
|
import "../chunk-WVGXD7HT.js";
|
|
55
55
|
import {
|
|
@@ -5,11 +5,11 @@ import "../../../chunk-3UPUZBP5.js";
|
|
|
5
5
|
import "../../../chunk-7ZJIGTFN.js";
|
|
6
6
|
import "../../../chunk-E3FOCECQ.js";
|
|
7
7
|
import "../../../chunk-Y5GD2FJA.js";
|
|
8
|
-
import "../../../chunk-
|
|
8
|
+
import "../../../chunk-FXXRXLOL.js";
|
|
9
9
|
import "../../../chunk-MBZ55T2D.js";
|
|
10
|
-
import "../../../chunk-
|
|
11
|
-
import "../../../chunk-
|
|
12
|
-
import "../../../chunk-
|
|
10
|
+
import "../../../chunk-YKEPPS2I.js";
|
|
11
|
+
import "../../../chunk-UFX5XIJL.js";
|
|
12
|
+
import "../../../chunk-3PIDINTF.js";
|
|
13
13
|
import "../../../chunk-BQNPOGD5.js";
|
|
14
14
|
import "../../../chunk-YULGJORA.js";
|
|
15
15
|
import "../../../chunk-Z2HPSFEQ.js";
|
|
@@ -47,7 +47,7 @@ import "../../../chunk-PABII472.js";
|
|
|
47
47
|
import "../../../chunk-4UGMSWWA.js";
|
|
48
48
|
import "../../../chunk-WVUIIBRR.js";
|
|
49
49
|
import "../../../chunk-I3W5K76C.js";
|
|
50
|
-
import "../../../chunk-
|
|
50
|
+
import "../../../chunk-Z5YP2GI6.js";
|
|
51
51
|
import "../../../chunk-ZRFXUER3.js";
|
|
52
52
|
import "../../../chunk-WVGXD7HT.js";
|
|
53
53
|
import "../../../chunk-VXWSAIB5.js";
|
|
@@ -5,11 +5,11 @@ import "../../chunk-3UPUZBP5.js";
|
|
|
5
5
|
import "../../chunk-7ZJIGTFN.js";
|
|
6
6
|
import "../../chunk-E3FOCECQ.js";
|
|
7
7
|
import "../../chunk-Y5GD2FJA.js";
|
|
8
|
-
import "../../chunk-
|
|
8
|
+
import "../../chunk-FXXRXLOL.js";
|
|
9
9
|
import "../../chunk-MBZ55T2D.js";
|
|
10
|
-
import "../../chunk-
|
|
11
|
-
import "../../chunk-
|
|
12
|
-
import "../../chunk-
|
|
10
|
+
import "../../chunk-YKEPPS2I.js";
|
|
11
|
+
import "../../chunk-UFX5XIJL.js";
|
|
12
|
+
import "../../chunk-3PIDINTF.js";
|
|
13
13
|
import "../../chunk-BQNPOGD5.js";
|
|
14
14
|
import "../../chunk-YULGJORA.js";
|
|
15
15
|
import "../../chunk-Z2HPSFEQ.js";
|
|
@@ -47,7 +47,7 @@ import "../../chunk-PABII472.js";
|
|
|
47
47
|
import "../../chunk-4UGMSWWA.js";
|
|
48
48
|
import "../../chunk-WVUIIBRR.js";
|
|
49
49
|
import "../../chunk-I3W5K76C.js";
|
|
50
|
-
import "../../chunk-
|
|
50
|
+
import "../../chunk-Z5YP2GI6.js";
|
|
51
51
|
import "../../chunk-ZRFXUER3.js";
|
|
52
52
|
import "../../chunk-WVGXD7HT.js";
|
|
53
53
|
import "../../chunk-VXWSAIB5.js";
|
|
@@ -5,11 +5,11 @@ import "../../chunk-3UPUZBP5.js";
|
|
|
5
5
|
import "../../chunk-7ZJIGTFN.js";
|
|
6
6
|
import "../../chunk-E3FOCECQ.js";
|
|
7
7
|
import "../../chunk-Y5GD2FJA.js";
|
|
8
|
-
import "../../chunk-
|
|
8
|
+
import "../../chunk-FXXRXLOL.js";
|
|
9
9
|
import "../../chunk-MBZ55T2D.js";
|
|
10
|
-
import "../../chunk-
|
|
11
|
-
import "../../chunk-
|
|
12
|
-
import "../../chunk-
|
|
10
|
+
import "../../chunk-YKEPPS2I.js";
|
|
11
|
+
import "../../chunk-UFX5XIJL.js";
|
|
12
|
+
import "../../chunk-3PIDINTF.js";
|
|
13
13
|
import "../../chunk-BQNPOGD5.js";
|
|
14
14
|
import "../../chunk-YULGJORA.js";
|
|
15
15
|
import "../../chunk-Z2HPSFEQ.js";
|
|
@@ -47,7 +47,7 @@ import "../../chunk-PABII472.js";
|
|
|
47
47
|
import "../../chunk-4UGMSWWA.js";
|
|
48
48
|
import "../../chunk-WVUIIBRR.js";
|
|
49
49
|
import "../../chunk-I3W5K76C.js";
|
|
50
|
-
import "../../chunk-
|
|
50
|
+
import "../../chunk-Z5YP2GI6.js";
|
|
51
51
|
import "../../chunk-ZRFXUER3.js";
|
|
52
52
|
import "../../chunk-WVGXD7HT.js";
|
|
53
53
|
import "../../chunk-VXWSAIB5.js";
|
|
@@ -183,7 +183,7 @@ function MobileImageCarousel({
|
|
|
183
183
|
{
|
|
184
184
|
src: image.src,
|
|
185
185
|
alt: image.alt || `Product image ${index + 1}`,
|
|
186
|
-
className: "w-full h-full object-
|
|
186
|
+
className: "w-full h-full object-contain",
|
|
187
187
|
draggable: false,
|
|
188
188
|
loading: distance <= 1 ? "eager" : "lazy",
|
|
189
189
|
onError: () => onImageError == null ? void 0 : onImageError(image.src),
|
|
@@ -172,13 +172,6 @@ function ProductPrimaryImage({
|
|
|
172
172
|
zoomEnabled ? "cursor-crosshair" : "",
|
|
173
173
|
className
|
|
174
174
|
].join(" "),
|
|
175
|
-
style: {
|
|
176
|
-
maxWidth: width,
|
|
177
|
-
maxHeight: height,
|
|
178
|
-
minWidth: width,
|
|
179
|
-
minHeight: height,
|
|
180
|
-
aspectRatio: "1 / 1"
|
|
181
|
-
},
|
|
182
175
|
onPointerEnter: handlePointerEnter,
|
|
183
176
|
onPointerLeave: handlePointerLeave,
|
|
184
177
|
onPointerMove: handlePointerMove,
|
|
@@ -188,7 +181,15 @@ function ProductPrimaryImage({
|
|
|
188
181
|
{
|
|
189
182
|
src: imageSrc != null ? imageSrc : placeholderImageUri,
|
|
190
183
|
alt: (image == null ? void 0 : image.alt) || "Product image",
|
|
191
|
-
|
|
184
|
+
style: {
|
|
185
|
+
maxWidth: width,
|
|
186
|
+
maxHeight: height,
|
|
187
|
+
minWidth: width,
|
|
188
|
+
minHeight: height,
|
|
189
|
+
aspectRatio: "1 / 1",
|
|
190
|
+
objectFit: "contain",
|
|
191
|
+
userSelect: "none"
|
|
192
|
+
},
|
|
192
193
|
draggable: false,
|
|
193
194
|
loading: "lazy",
|
|
194
195
|
onError: handleImgError
|
|
@@ -118,7 +118,7 @@ function Thumbnail({
|
|
|
118
118
|
{
|
|
119
119
|
src: imageError ? "/placeholder.svg" : src,
|
|
120
120
|
alt,
|
|
121
|
-
className: "object-
|
|
121
|
+
className: "object-contain w-full h-full select-none",
|
|
122
122
|
draggable: false,
|
|
123
123
|
loading: "lazy",
|
|
124
124
|
onError: () => {
|
|
@@ -701,13 +701,6 @@ function ProductPrimaryImage({
|
|
|
701
701
|
zoomEnabled ? "cursor-crosshair" : "",
|
|
702
702
|
className
|
|
703
703
|
].join(" "),
|
|
704
|
-
style: {
|
|
705
|
-
maxWidth: width,
|
|
706
|
-
maxHeight: height,
|
|
707
|
-
minWidth: width,
|
|
708
|
-
minHeight: height,
|
|
709
|
-
aspectRatio: "1 / 1"
|
|
710
|
-
},
|
|
711
704
|
onPointerEnter: handlePointerEnter,
|
|
712
705
|
onPointerLeave: handlePointerLeave,
|
|
713
706
|
onPointerMove: handlePointerMove,
|
|
@@ -717,7 +710,15 @@ function ProductPrimaryImage({
|
|
|
717
710
|
{
|
|
718
711
|
src: imageSrc != null ? imageSrc : placeholderImageUri,
|
|
719
712
|
alt: (image == null ? void 0 : image.alt) || "Product image",
|
|
720
|
-
|
|
713
|
+
style: {
|
|
714
|
+
maxWidth: width,
|
|
715
|
+
maxHeight: height,
|
|
716
|
+
minWidth: width,
|
|
717
|
+
minHeight: height,
|
|
718
|
+
aspectRatio: "1 / 1",
|
|
719
|
+
objectFit: "contain",
|
|
720
|
+
userSelect: "none"
|
|
721
|
+
},
|
|
721
722
|
draggable: false,
|
|
722
723
|
loading: "lazy",
|
|
723
724
|
onError: handleImgError
|
|
@@ -1078,7 +1079,7 @@ function MobileImageCarousel({
|
|
|
1078
1079
|
{
|
|
1079
1080
|
src: image.src,
|
|
1080
1081
|
alt: image.alt || `Product image ${index + 1}`,
|
|
1081
|
-
className: "w-full h-full object-
|
|
1082
|
+
className: "w-full h-full object-contain",
|
|
1082
1083
|
draggable: false,
|
|
1083
1084
|
loading: distance <= 1 ? "eager" : "lazy",
|
|
1084
1085
|
onError: () => onImageError == null ? void 0 : onImageError(image.src),
|
|
@@ -1342,7 +1343,7 @@ function ProductImagePreview(props) {
|
|
|
1342
1343
|
return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
|
|
1343
1344
|
Stack,
|
|
1344
1345
|
{
|
|
1345
|
-
sizing: "layout",
|
|
1346
|
+
sizing: "layout-group",
|
|
1346
1347
|
style: { width, position: "relative" },
|
|
1347
1348
|
testid,
|
|
1348
1349
|
children: [
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ProductImagePreview
|
|
3
|
-
} from "../../chunk-
|
|
3
|
+
} from "../../chunk-FXXRXLOL.js";
|
|
4
4
|
import "../../chunk-MBZ55T2D.js";
|
|
5
|
-
import "../../chunk-
|
|
6
|
-
import "../../chunk-
|
|
7
|
-
import "../../chunk-
|
|
5
|
+
import "../../chunk-YKEPPS2I.js";
|
|
6
|
+
import "../../chunk-UFX5XIJL.js";
|
|
7
|
+
import "../../chunk-3PIDINTF.js";
|
|
8
8
|
import "../../chunk-BQNPOGD5.js";
|
|
9
9
|
import "../../chunk-AT4AWD6B.js";
|
|
10
10
|
import "../../chunk-QVWYTQKL.js";
|
|
@@ -7304,7 +7304,7 @@ function Thumbnail({
|
|
|
7304
7304
|
{
|
|
7305
7305
|
src: imageError ? "/placeholder.svg" : src,
|
|
7306
7306
|
alt,
|
|
7307
|
-
className: "object-
|
|
7307
|
+
className: "object-contain w-full h-full select-none",
|
|
7308
7308
|
draggable: false,
|
|
7309
7309
|
loading: "lazy",
|
|
7310
7310
|
onError: () => {
|
|
@@ -7519,13 +7519,6 @@ function ProductPrimaryImage({
|
|
|
7519
7519
|
zoomEnabled ? "cursor-crosshair" : "",
|
|
7520
7520
|
className
|
|
7521
7521
|
].join(" "),
|
|
7522
|
-
style: {
|
|
7523
|
-
maxWidth: width,
|
|
7524
|
-
maxHeight: height,
|
|
7525
|
-
minWidth: width,
|
|
7526
|
-
minHeight: height,
|
|
7527
|
-
aspectRatio: "1 / 1"
|
|
7528
|
-
},
|
|
7529
7522
|
onPointerEnter: handlePointerEnter,
|
|
7530
7523
|
onPointerLeave: handlePointerLeave,
|
|
7531
7524
|
onPointerMove: handlePointerMove,
|
|
@@ -7535,7 +7528,15 @@ function ProductPrimaryImage({
|
|
|
7535
7528
|
{
|
|
7536
7529
|
src: imageSrc != null ? imageSrc : placeholderImageUri,
|
|
7537
7530
|
alt: (image == null ? void 0 : image.alt) || "Product image",
|
|
7538
|
-
|
|
7531
|
+
style: {
|
|
7532
|
+
maxWidth: width,
|
|
7533
|
+
maxHeight: height,
|
|
7534
|
+
minWidth: width,
|
|
7535
|
+
minHeight: height,
|
|
7536
|
+
aspectRatio: "1 / 1",
|
|
7537
|
+
objectFit: "contain",
|
|
7538
|
+
userSelect: "none"
|
|
7539
|
+
},
|
|
7539
7540
|
draggable: false,
|
|
7540
7541
|
loading: "lazy",
|
|
7541
7542
|
onError: handleImgError
|
|
@@ -7896,7 +7897,7 @@ function MobileImageCarousel({
|
|
|
7896
7897
|
{
|
|
7897
7898
|
src: image.src,
|
|
7898
7899
|
alt: image.alt || `Product image ${index + 1}`,
|
|
7899
|
-
className: "w-full h-full object-
|
|
7900
|
+
className: "w-full h-full object-contain",
|
|
7900
7901
|
draggable: false,
|
|
7901
7902
|
loading: distance <= 1 ? "eager" : "lazy",
|
|
7902
7903
|
onError: () => onImageError == null ? void 0 : onImageError(image.src),
|
|
@@ -8126,7 +8127,7 @@ function ProductImagePreview(props) {
|
|
|
8126
8127
|
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
8127
8128
|
Stack,
|
|
8128
8129
|
{
|
|
8129
|
-
sizing: "layout",
|
|
8130
|
+
sizing: "layout-group",
|
|
8130
8131
|
style: { width, position: "relative" },
|
|
8131
8132
|
testid,
|
|
8132
8133
|
children: [
|
|
@@ -8289,7 +8290,7 @@ function CompactImagesPreview(props) {
|
|
|
8289
8290
|
[currentSourceIndex, onChangeSource, imagesCount]
|
|
8290
8291
|
);
|
|
8291
8292
|
if (!validSources.length || typeof isMobile === "undefined")
|
|
8292
|
-
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
8293
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex flex-row justify-center w-full", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
8293
8294
|
"img",
|
|
8294
8295
|
{
|
|
8295
8296
|
"data-testid": testid ? `${testid}-placeholder` : void 0,
|
|
@@ -8305,7 +8306,7 @@ function CompactImagesPreview(props) {
|
|
|
8305
8306
|
onError: (event) => handleImgError(event),
|
|
8306
8307
|
onClick: onMainImageClick
|
|
8307
8308
|
}
|
|
8308
|
-
);
|
|
8309
|
+
) });
|
|
8309
8310
|
const currentSource = validSources[safeCurrentSourceIndex];
|
|
8310
8311
|
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Stack, { "data-testid": testid, sizing: "layout", children: [
|
|
8311
8312
|
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
package/dist/components/index.js
CHANGED
|
@@ -11,11 +11,11 @@ import {
|
|
|
11
11
|
} from "../chunk-Y5GD2FJA.js";
|
|
12
12
|
import {
|
|
13
13
|
ProductImagePreview
|
|
14
|
-
} from "../chunk-
|
|
14
|
+
} from "../chunk-FXXRXLOL.js";
|
|
15
15
|
import "../chunk-MBZ55T2D.js";
|
|
16
|
-
import "../chunk-
|
|
17
|
-
import "../chunk-
|
|
18
|
-
import "../chunk-
|
|
16
|
+
import "../chunk-YKEPPS2I.js";
|
|
17
|
+
import "../chunk-UFX5XIJL.js";
|
|
18
|
+
import "../chunk-3PIDINTF.js";
|
|
19
19
|
import "../chunk-BQNPOGD5.js";
|
|
20
20
|
import {
|
|
21
21
|
EmblaCarousel
|
|
@@ -94,7 +94,7 @@ import {
|
|
|
94
94
|
} from "../chunk-I3W5K76C.js";
|
|
95
95
|
import {
|
|
96
96
|
CompactImagesPreview
|
|
97
|
-
} from "../chunk-
|
|
97
|
+
} from "../chunk-Z5YP2GI6.js";
|
|
98
98
|
import "../chunk-ZRFXUER3.js";
|
|
99
99
|
import "../chunk-WVGXD7HT.js";
|
|
100
100
|
import "../chunk-VXWSAIB5.js";
|