@treely/strapi-slices 6.1.1 → 6.2.0

package/dist/slices/TextCarousel/TextCarousel.d.ts

@@ -5,6 +5,7 @@ import StrapiTextCardWithIcon from '../../models/strapi/StrapiTextCardWithIcons'
 interface TextCarouselSlice extends StrapiDefaultHeader {
     slides: StrapiTextCardWithIcon[];
     button?: StrapiLink;
+    isShuffled?: boolean;
 }
 export interface TextCarouselProps {
     slice: TextCarouselSlice;

package/dist/slices/TextCarousel/TextCarousel.stories.d.ts

@@ -1,6 +1,7 @@
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextCarousel").TextCarouselProps>;
 export default _default;
 export declare const Minimal: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextCarousel").TextCarouselProps>;
+export declare const WithShuffledCards: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextCarousel").TextCarouselProps>;
 export declare const WithTagline: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextCarousel").TextCarouselProps>;
 export declare const WithTaglineAndText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextCarousel").TextCarouselProps>;
 export declare const WithButton: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextCarousel").TextCarouselProps>;

package/dist/strapi-slices.cjs.development.js

@@ -2541,6 +2541,17 @@ var ContextProvider = function ContextProvider(_ref) {
   }, children));
 };
 
+var shuffleElements = function shuffleElements(slides) {
+  var slidesCopy = [].concat(slides); // Create a copy to avoid mutating the original array
+  for (var i = slidesCopy.length - 1; i > 0; i--) {
+    var j = Math.floor(Math.random() * (i + 1));
+    var _ref = [slidesCopy[j], slidesCopy[i]];
+    slidesCopy[i] = _ref[0];
+    slidesCopy[j] = _ref[1];
+  }
+  return slidesCopy;
+};
+
 var ITEM_GAP$1 = 24;
 var MAX_OFFSET_RIGHT$1 = 55;
 var TextCarousel = function TextCarousel(_ref) {
@@ -2579,6 +2590,13 @@ var TextCarousel = function TextCarousel(_ref) {
   var canMoveLeft = React.useMemo(function () {
     return sliderIndex !== 0;
   }, [sliderIndex]);
+  var shuffleSlides = React.useMemo(function () {
+    return shuffleElements(slice.slides);
+  }, [slice.slides]);
+  var slides = slice.slides,
+    _slice$isShuffled = slice.isShuffled,
+    isShuffled = _slice$isShuffled === void 0 ? false : _slice$isShuffled;
+  var displaySlides = isShuffled ? shuffleSlides : slides;
   return React__default.default.createElement(boemly.DefaultSectionContainer, {
     backgroundColor: primary50,
     title: slice.title
@@ -2613,7 +2631,7 @@ var TextCarousel = function TextCarousel(_ref) {
       duration: 0.3,
       ease: 'easeInOut'
     }
-  }, slice.slides.map(function (_ref2) {
+  }, displaySlides.map(function (_ref2) {
     var id = _ref2.id,
       title = _ref2.title,
       text = _ref2.text,