@treely/strapi-slices 6.1.1 → 6.2.1

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) {
@@ -2557,9 +2568,12 @@ var TextCarousel = function TextCarousel(_ref) {
     windowWidth = _useWindowSize.width;
   var _useRouter = router.useRouter(),
     push = _useRouter.push;
-  var _useState = React.useState(0),
-    sliderIndex = _useState[0],
-    setSliderIndex = _useState[1];
+  var _useState = React.useState(slice.slides),
+    displaySlides = _useState[0],
+    setDisplaySlides = _useState[1];
+  var _useState2 = React.useState(0),
+    sliderIndex = _useState2[0],
+    setSliderIndex = _useState2[1];
   var numberOfItems = React.useMemo(function () {
     return slice.slides.length;
   }, [slice.slides.length]);
@@ -2579,6 +2593,14 @@ var TextCarousel = function TextCarousel(_ref) {
   var canMoveLeft = React.useMemo(function () {
     return sliderIndex !== 0;
   }, [sliderIndex]);
+  var slides = slice.slides,
+    _slice$isShuffled = slice.isShuffled,
+    isShuffled = _slice$isShuffled === void 0 ? false : _slice$isShuffled;
+  React.useEffect(function () {
+    if (isShuffled && typeof window === 'undefined') {
+      setDisplaySlides(shuffleElements(slides));
+    }
+  }, [slides, isShuffled]);
   return React__default.default.createElement(boemly.DefaultSectionContainer, {
     backgroundColor: primary50,
     title: slice.title
@@ -2613,7 +2635,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,