@crystaldesign/widget-image-carousel 25.10.0-rc.2 → 25.10.0-rc.4

package/build/esm/index.js

@@ -47,7 +47,8 @@ function useImageCarousel(_ref) {
   useCss(settings);
   var _useProductData = useProductData({
       productIds: productIds,
-      widgetType: 'IMAGECAROUSEL'
+      widgetType: 'IMAGECAROUSEL',
+      standaloneWidget: settings.type === 'SIMPLE_PRODUCT_LIST'
     }),
     getProductsByDivaNrs = _useProductData.getProductsByDivaNrs,
     getProductByDivaNrAndVariantId = _useProductData.getProductByDivaNrAndVariantId,
@@ -88,11 +89,11 @@ function useImageCarousel(_ref) {
             case 0:
               _context.prev = 0;
               setLoading(true);
-              if (!selectedProduct) {
-                _context.next = 26;
+              mediaFunctionType = (_settings$mediaFuncti = settings.mediaFunctionType) !== null && _settings$mediaFuncti !== void 0 ? _settings$mediaFuncti : 'SHO';
+              if (!(selectedProduct && settings.type !== 'SIMPLE_PRODUCT_LIST')) {
+                _context.next = 21;
                 break;
               }
-              mediaFunctionType = (_settings$mediaFuncti = settings.mediaFunctionType) !== null && _settings$mediaFuncti !== void 0 ? _settings$mediaFuncti : 'SHO';
               if (!(settings.type === 'WALL_MOCKUPS')) {
                 _context.next = 11;
                 break;
@@ -104,7 +105,7 @@ function useImageCarousel(_ref) {
               if (foundMedia) {
                 setMedia(foundMedia);
               }
-              _context.next = 26;
+              _context.next = 19;
               break;
             case 11:
               if (!(settings.type === 'SIMILAR_PRODUCTS')) {
@@ -118,47 +119,52 @@ function useImageCarousel(_ref) {
               if (_foundMedia) {
                 setMedia(_foundMedia);
               }
-              _context.next = 26;
+              _context.next = 19;
               break;
             case 18:
-              if (!(settings.type === 'SIMPLE_PRODUCT_LIST' && productIds)) {
-                _context.next = 25;
+              throw new Error('Invalid type or invalid data');
+            case 19:
+              _context.next = 29;
+              break;
+            case 21:
+              if (!(productIds !== null && productIds !== void 0 && productIds.length && settings.type === 'SIMPLE_PRODUCT_LIST')) {
+                _context.next = 28;
                 break;
               }
-              _context.next = 21;
+              _context.next = 24;
               return getSimpleProductList(productIds, mediaFunctionType, settings.description);
-            case 21:
+            case 24:
               _foundMedia2 = _context.sent;
               if (_foundMedia2) {
                 setMedia(_foundMedia2);
               }
-              _context.next = 26;
+              _context.next = 29;
               break;
-            case 25:
+            case 28:
               throw new Error('Invalid type or invalid data');
-            case 26:
-              _context.next = 32;
+            case 29:
+              _context.next = 35;
               break;
-            case 28:
-              _context.prev = 28;
+            case 31:
+              _context.prev = 31;
               _context.t0 = _context["catch"](0);
               console.error(_context.t0);
               setError(_context.t0);
-            case 32:
-              _context.prev = 32;
-              setLoading(false);
-              return _context.finish(32);
             case 35:
+              _context.prev = 35;
+              setLoading(false);
+              return _context.finish(35);
+            case 38:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[0, 28, 32, 35]]);
+        }, _callee, null, [[0, 31, 35, 38]]);
       }));
       return function loadMockups() {
         return _ref2.apply(this, arguments);
       };
     }();
-    if (selectedProduct && productIds !== null && productIds !== void 0 && productIds.length) {
+    if (selectedProduct || productIds !== null && productIds !== void 0 && productIds.length && settings.type === 'SIMPLE_PRODUCT_LIST') {
       loadMockups();
     }
   }, [selectedProduct, productIds]);
@@ -498,6 +504,7 @@ var OpenConfiguratorButton = function OpenConfiguratorButton(_ref) {
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SwiperComponent = function SwiperComponent(_ref) {
+  var _settings$sliderProp;
   var media = _ref.media,
     settings = _ref.settings,
     onClickProduct = _ref.onClickProduct,
@@ -509,6 +516,7 @@ var SwiperComponent = function SwiperComponent(_ref) {
       navigation: true,
       className: classNames(['diva-widget-image-carousel-swiper'])
     }, settings.sliderProp), {}, {
+      loop: ((_settings$sliderProp = settings.sliderProp) === null || _settings$sliderProp === void 0 ? void 0 : _settings$sliderProp.loop) && media.length > 1,
       children: media.map(function (m, i) {
         var _settings$openConfigu, _settings$openConfigu2, _settings$openConfigu3, _settings$openConfigu4;
         return /*#__PURE__*/jsx(SwiperSlide, {

package/build/types/widget-image-carousel/src/components/Swiper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Swiper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,YAAY,CAAC;AACpB,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,4CAA4C,CAAC;AAGlF,UAAU,oBAAoB;IAC5B,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,QAAQ,EAAE,aAAa,CAAC;IACxB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiD1D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Swiper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,YAAY,CAAC;AACpB,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,4CAA4C,CAAC;AAGlF,UAAU,oBAAoB;IAC5B,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,QAAQ,EAAE,aAAa,CAAC;IACxB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuD1D,CAAC"}

package/build/types/widget-image-carousel/src/stories/SimpleProductList/kirchner-test.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { WithDivaMock } from '@crystaldesign/diva-core';
+import { ImageCarouselProps } from '../../types';
+declare const meta: Meta<WithDivaMock<ImageCarouselProps>>;
+export default meta;
+type Story = StoryObj<WithDivaMock<ImageCarouselProps>>;
+export declare const ImageCarousel: Story;
+//# sourceMappingURL=kirchner-test.stories.d.ts.map

package/build/types/widget-image-carousel/src/stories/SimpleProductList/kirchner-test.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kirchner-test.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/stories/SimpleProductList/kirchner-test.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAqB,MAAM,0BAA0B,CAAC;AAG3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAIjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAmBhD,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC;AA8CxD,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC"}

package/build/types/widget-image-carousel/src/useImageCarousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useImageCarousel.d.ts","sourceRoot":"","sources":["../../../../src/useImageCarousel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKpD,wBAAgB,gBAAgB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,kBAAkB;;;;gCAiB7D,MAAM;EA2LrB"}
+{"version":3,"file":"useImageCarousel.d.ts","sourceRoot":"","sources":["../../../../src/useImageCarousel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKpD,wBAAgB,gBAAgB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,kBAAkB;;;;gCAkB7D,MAAM;EA6LrB"}