@dmsi/wedgekit-react 0.0.721 → 0.0.722

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 (20) hide show
  1. package/dist/{chunk-SNENJFTN.js → chunk-CUAF4FU4.js} +18 -1
  2. package/dist/components/CalendarRange.js +1 -1
  3. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +1 -1
  4. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +1 -1
  5. package/dist/components/DataGrid/PinnedColumns.js +1 -1
  6. package/dist/components/DataGrid/TableBody/LoadingCell.js +1 -1
  7. package/dist/components/DataGrid/TableBody/TableBodyRow.js +1 -1
  8. package/dist/components/DataGrid/TableBody/index.js +1 -1
  9. package/dist/components/DataGrid/index.js +1 -1
  10. package/dist/components/DataGrid/utils.js +1 -1
  11. package/dist/components/DateInput.js +1 -1
  12. package/dist/components/DateRangeInput.js +1 -1
  13. package/dist/components/MobileDataGrid/ColumnSelector/index.js +1 -1
  14. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +1 -1
  15. package/dist/components/MobileDataGrid/index.js +1 -1
  16. package/dist/components/ProductImagePreview/index.cjs +18 -1
  17. package/dist/components/ProductImagePreview/index.js +1 -1
  18. package/dist/components/index.cjs +24 -7
  19. package/dist/components/index.js +1 -1
  20. package/package.json +1 -1
package/dist/{chunk-SNENJFTN.js → chunk-CUAF4FU4.js} RENAMED
@@ -140,6 +140,7 @@ function useProductImagePreview(props) {
140
140
 
141
141
  // src/components/ProductImagePreview/index.tsx
142
142
  import { jsx, jsxs } from "react/jsx-runtime";
143
+ var placeholderImageUri = "/placeholder.svg";
143
144
  var PLACEHOLDER_IMAGES = [
144
145
  { src: "", alt: "placeholder" },
145
146
  { src: "", alt: "placeholder" }
@@ -182,6 +183,22 @@ function ProductImagePreview(props) {
182
183
  isMobile
183
184
  });
184
185
  if (typeof isMobile === "undefined") return null;
186
+ if (isMobile && !images.length)
187
+ return /* @__PURE__ */ jsx(
188
+ "img",
189
+ {
190
+ src: placeholderImageUri,
191
+ alt: "Placeholder Image",
192
+ draggable: false,
193
+ loading: "eager",
194
+ style: {
195
+ aspectRatio: "1 / 1",
196
+ objectFit: "cover",
197
+ height: "100%",
198
+ width: "100%"
199
+ }
200
+ }
201
+ );
185
202
  const effectiveZoomEnabled = zoomEnabled && !isMobile;
186
203
  return /* @__PURE__ */ jsxs(
187
204
  Stack,
@@ -220,7 +237,7 @@ function ProductImagePreview(props) {
220
237
  }
221
238
  )
222
239
  ] }) }),
223
- /* @__PURE__ */ jsx(
240
+ isMobile && /* @__PURE__ */ jsx(
224
241
  MobileImageCarousel,
225
242
  {
226
243
  images,
package/dist/components/CalendarRange.js CHANGED
@@ -6,7 +6,7 @@ import {
6
6
  import "../chunk-GYU3MQ3R.js";
7
7
  import "../chunk-M7INAUAJ.js";
8
8
  import "../chunk-URAV33TJ.js";
9
- import "../chunk-SNENJFTN.js";
9
+ import "../chunk-CUAF4FU4.js";
10
10
  import "../chunk-YCDDBSVU.js";
11
11
  import "../chunk-3X3Y4TMS.js";
12
12
  import "../chunk-BQNPOGD5.js";
package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  import "../../../chunk-GYU3MQ3R.js";
5
5
  import "../../../chunk-M7INAUAJ.js";
6
6
  import "../../../chunk-URAV33TJ.js";
7
- import "../../../chunk-SNENJFTN.js";
7
+ import "../../../chunk-CUAF4FU4.js";
8
8
  import "../../../chunk-YCDDBSVU.js";
9
9
  import "../../../chunk-3X3Y4TMS.js";
10
10
  import "../../../chunk-BQNPOGD5.js";
package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  import "../../../chunk-GYU3MQ3R.js";
5
5
  import "../../../chunk-M7INAUAJ.js";
6
6
  import "../../../chunk-URAV33TJ.js";
7
- import "../../../chunk-SNENJFTN.js";
7
+ import "../../../chunk-CUAF4FU4.js";
8
8
  import "../../../chunk-YCDDBSVU.js";
9
9
  import "../../../chunk-3X3Y4TMS.js";
10
10
  import "../../../chunk-BQNPOGD5.js";
package/dist/components/DataGrid/PinnedColumns.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  import "../../chunk-GYU3MQ3R.js";
5
5
  import "../../chunk-M7INAUAJ.js";
6
6
  import "../../chunk-URAV33TJ.js";
7
- import "../../chunk-SNENJFTN.js";
7
+ import "../../chunk-CUAF4FU4.js";
8
8
  import "../../chunk-YCDDBSVU.js";
9
9
  import "../../chunk-3X3Y4TMS.js";
10
10
  import "../../chunk-BQNPOGD5.js";
package/dist/components/DataGrid/TableBody/LoadingCell.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  import "../../../chunk-GYU3MQ3R.js";
5
5
  import "../../../chunk-M7INAUAJ.js";
6
6
  import "../../../chunk-URAV33TJ.js";
7
- import "../../../chunk-SNENJFTN.js";
7
+ import "../../../chunk-CUAF4FU4.js";
8
8
  import "../../../chunk-YCDDBSVU.js";
9
9
  import "../../../chunk-3X3Y4TMS.js";
10
10
  import "../../../chunk-BQNPOGD5.js";
package/dist/components/DataGrid/TableBody/TableBodyRow.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  import "../../../chunk-GYU3MQ3R.js";
5
5
  import "../../../chunk-M7INAUAJ.js";
6
6
  import "../../../chunk-URAV33TJ.js";
7
- import "../../../chunk-SNENJFTN.js";
7
+ import "../../../chunk-CUAF4FU4.js";
8
8
  import "../../../chunk-YCDDBSVU.js";
9
9
  import "../../../chunk-3X3Y4TMS.js";
10
10
  import "../../../chunk-BQNPOGD5.js";
package/dist/components/DataGrid/TableBody/index.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  import "../../../chunk-GYU3MQ3R.js";
5
5
  import "../../../chunk-M7INAUAJ.js";
6
6
  import "../../../chunk-URAV33TJ.js";
7
- import "../../../chunk-SNENJFTN.js";
7
+ import "../../../chunk-CUAF4FU4.js";
8
8
  import "../../../chunk-YCDDBSVU.js";
9
9
  import "../../../chunk-3X3Y4TMS.js";
10
10
  import "../../../chunk-BQNPOGD5.js";
package/dist/components/DataGrid/index.js CHANGED
@@ -6,7 +6,7 @@ import {
6
6
  import "../../chunk-GYU3MQ3R.js";
7
7
  import "../../chunk-M7INAUAJ.js";
8
8
  import "../../chunk-URAV33TJ.js";
9
- import "../../chunk-SNENJFTN.js";
9
+ import "../../chunk-CUAF4FU4.js";
10
10
  import "../../chunk-YCDDBSVU.js";
11
11
  import "../../chunk-3X3Y4TMS.js";
12
12
  import "../../chunk-BQNPOGD5.js";
package/dist/components/DataGrid/utils.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  import "../../chunk-GYU3MQ3R.js";
5
5
  import "../../chunk-M7INAUAJ.js";
6
6
  import "../../chunk-URAV33TJ.js";
7
- import "../../chunk-SNENJFTN.js";
7
+ import "../../chunk-CUAF4FU4.js";
8
8
  import "../../chunk-YCDDBSVU.js";
9
9
  import "../../chunk-3X3Y4TMS.js";
10
10
  import "../../chunk-BQNPOGD5.js";
package/dist/components/DateInput.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  import "../chunk-GYU3MQ3R.js";
5
5
  import "../chunk-M7INAUAJ.js";
6
6
  import "../chunk-URAV33TJ.js";
7
- import "../chunk-SNENJFTN.js";
7
+ import "../chunk-CUAF4FU4.js";
8
8
  import "../chunk-YCDDBSVU.js";
9
9
  import "../chunk-3X3Y4TMS.js";
10
10
  import "../chunk-BQNPOGD5.js";
package/dist/components/DateRangeInput.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  import "../chunk-GYU3MQ3R.js";
5
5
  import "../chunk-M7INAUAJ.js";
6
6
  import "../chunk-URAV33TJ.js";
7
- import "../chunk-SNENJFTN.js";
7
+ import "../chunk-CUAF4FU4.js";
8
8
  import "../chunk-YCDDBSVU.js";
9
9
  import "../chunk-3X3Y4TMS.js";
10
10
  import "../chunk-BQNPOGD5.js";
package/dist/components/MobileDataGrid/ColumnSelector/index.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  import "../../../chunk-GYU3MQ3R.js";
5
5
  import "../../../chunk-M7INAUAJ.js";
6
6
  import "../../../chunk-URAV33TJ.js";
7
- import "../../../chunk-SNENJFTN.js";
7
+ import "../../../chunk-CUAF4FU4.js";
8
8
  import "../../../chunk-YCDDBSVU.js";
9
9
  import "../../../chunk-3X3Y4TMS.js";
10
10
  import "../../../chunk-BQNPOGD5.js";
package/dist/components/MobileDataGrid/MobileDataGridHeader.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  import "../../chunk-GYU3MQ3R.js";
5
5
  import "../../chunk-M7INAUAJ.js";
6
6
  import "../../chunk-URAV33TJ.js";
7
- import "../../chunk-SNENJFTN.js";
7
+ import "../../chunk-CUAF4FU4.js";
8
8
  import "../../chunk-YCDDBSVU.js";
9
9
  import "../../chunk-3X3Y4TMS.js";
10
10
  import "../../chunk-BQNPOGD5.js";
package/dist/components/MobileDataGrid/index.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  import "../../chunk-GYU3MQ3R.js";
5
5
  import "../../chunk-M7INAUAJ.js";
6
6
  import "../../chunk-URAV33TJ.js";
7
- import "../../chunk-SNENJFTN.js";
7
+ import "../../chunk-CUAF4FU4.js";
8
8
  import "../../chunk-YCDDBSVU.js";
9
9
  import "../../chunk-3X3Y4TMS.js";
10
10
  import "../../chunk-BQNPOGD5.js";
package/dist/components/ProductImagePreview/index.cjs CHANGED
@@ -1248,6 +1248,7 @@ function useProductImagePreview(props) {
1248
1248
 
1249
1249
  // src/components/ProductImagePreview/index.tsx
1250
1250
  var import_jsx_runtime10 = require("react/jsx-runtime");
1251
+ var placeholderImageUri2 = "/placeholder.svg";
1251
1252
  var PLACEHOLDER_IMAGES = [
1252
1253
  { src: "", alt: "placeholder" },
1253
1254
  { src: "", alt: "placeholder" }
@@ -1290,6 +1291,22 @@ function ProductImagePreview(props) {
1290
1291
  isMobile
1291
1292
  });
1292
1293
  if (typeof isMobile === "undefined") return null;
1294
+ if (isMobile && !images.length)
1295
+ return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
1296
+ "img",
1297
+ {
1298
+ src: placeholderImageUri2,
1299
+ alt: "Placeholder Image",
1300
+ draggable: false,
1301
+ loading: "eager",
1302
+ style: {
1303
+ aspectRatio: "1 / 1",
1304
+ objectFit: "cover",
1305
+ height: "100%",
1306
+ width: "100%"
1307
+ }
1308
+ }
1309
+ );
1293
1310
  const effectiveZoomEnabled = zoomEnabled && !isMobile;
1294
1311
  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
1295
1312
  Stack,
@@ -1328,7 +1345,7 @@ function ProductImagePreview(props) {
1328
1345
  }
1329
1346
  )
1330
1347
  ] }) }),
1331
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
1348
+ isMobile && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
1332
1349
  MobileImageCarousel,
1333
1350
  {
1334
1351
  images,
package/dist/components/ProductImagePreview/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  ProductImagePreview
3
- } from "../../chunk-SNENJFTN.js";
3
+ } from "../../chunk-CUAF4FU4.js";
4
4
  import "../../chunk-YCDDBSVU.js";
5
5
  import "../../chunk-3X3Y4TMS.js";
6
6
  import "../../chunk-BQNPOGD5.js";
package/dist/components/index.cjs CHANGED
@@ -7549,6 +7549,7 @@ function useProductImagePreview(props) {
7549
7549
 
7550
7550
  // src/components/ProductImagePreview/index.tsx
7551
7551
  var import_jsx_runtime53 = require("react/jsx-runtime");
7552
+ var placeholderImageUri2 = "/placeholder.svg";
7552
7553
  var PLACEHOLDER_IMAGES = [
7553
7554
  { src: "", alt: "placeholder" },
7554
7555
  { src: "", alt: "placeholder" }
@@ -7591,6 +7592,22 @@ function ProductImagePreview(props) {
7591
7592
  isMobile
7592
7593
  });
7593
7594
  if (typeof isMobile === "undefined") return null;
7595
+ if (isMobile && !images.length)
7596
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
7597
+ "img",
7598
+ {
7599
+ src: placeholderImageUri2,
7600
+ alt: "Placeholder Image",
7601
+ draggable: false,
7602
+ loading: "eager",
7603
+ style: {
7604
+ aspectRatio: "1 / 1",
7605
+ objectFit: "cover",
7606
+ height: "100%",
7607
+ width: "100%"
7608
+ }
7609
+ }
7610
+ );
7594
7611
  const effectiveZoomEnabled = zoomEnabled && !isMobile;
7595
7612
  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
7596
7613
  Stack,
@@ -7629,7 +7646,7 @@ function ProductImagePreview(props) {
7629
7646
  }
7630
7647
  )
7631
7648
  ] }) }),
7632
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
7649
+ isMobile && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
7633
7650
  MobileImageCarousel,
7634
7651
  {
7635
7652
  images,
@@ -7709,7 +7726,7 @@ function CompactImagesPreview(props) {
7709
7726
  thumbnailWidth = 30.5,
7710
7727
  thumbnailHeight = 30,
7711
7728
  enableThumbnailBorder = false,
7712
- placeholderImageUri: placeholderImageUri2,
7729
+ placeholderImageUri: placeholderImageUri3,
7713
7730
  placeholderAlt = "placeholder image",
7714
7731
  onChangeSource,
7715
7732
  onMainImageClick,
@@ -7719,13 +7736,13 @@ function CompactImagesPreview(props) {
7719
7736
  const imagesCount = sources.length;
7720
7737
  const handleImgError = (0, import_react34.useCallback)(
7721
7738
  (e) => {
7722
- if (!placeholderImageUri2) return;
7739
+ if (!placeholderImageUri3) return;
7723
7740
  const img = e.currentTarget;
7724
- if (img.src === placeholderImageUri2) return;
7725
- img.src = placeholderImageUri2;
7741
+ if (img.src === placeholderImageUri3) return;
7742
+ img.src = placeholderImageUri3;
7726
7743
  if (!img.alt) img.alt = placeholderAlt;
7727
7744
  },
7728
- [placeholderImageUri2, placeholderAlt]
7745
+ [placeholderImageUri3, placeholderAlt]
7729
7746
  );
7730
7747
  const handleThumbnailClick = (0, import_react34.useCallback)(
7731
7748
  (newIndex) => {
@@ -7747,7 +7764,7 @@ function CompactImagesPreview(props) {
7747
7764
  objectPosition: "center",
7748
7765
  objectFit: "cover"
7749
7766
  },
7750
- src: placeholderImageUri2,
7767
+ src: placeholderImageUri3,
7751
7768
  alt: placeholderAlt,
7752
7769
  onError: handleImgError,
7753
7770
  onClick: onMainImageClick
package/dist/components/index.js CHANGED
@@ -8,7 +8,7 @@ import "../chunk-M7INAUAJ.js";
8
8
  import "../chunk-URAV33TJ.js";
9
9
  import {
10
10
  ProductImagePreview
11
- } from "../chunk-SNENJFTN.js";
11
+ } from "../chunk-CUAF4FU4.js";
12
12
  import "../chunk-YCDDBSVU.js";
13
13
  import "../chunk-3X3Y4TMS.js";
14
14
  import "../chunk-BQNPOGD5.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.721",
4
+ "version": "0.0.722",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "build": "tsup",