@seeqdev/qomponents 0.0.125 → 0.0.127

package/dist/Carousel/Carousel.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { CarouselProps } from './Carousel.types';
+/**
+ * Carousel:
+ *  - Easily create a carousel with custom slides.
+ *  - Supports automatic sliding, navigation arrows, and slide indicators.
+ */
+declare const Carousel: React.FunctionComponent<CarouselProps>;
+export default Carousel;

package/dist/Carousel/Carousel.js

@@ -1,17 +1,22 @@
 import React, { useEffect, useState } from 'react';
 import { animated, useTransition } from '@react-spring/web';
 import Button from '../Button/Button';
-const Carousel = (props) => {
-    const { testId = 'carousel-id', activeIndex = 0, extraClassNames = '', onSlide = () => { }, autoSlide, showIndicators = true, continous = true, interval = 4000, prevIcon = 'fc-arrow-dropdown tw-rotate-90', nextIcon = 'fc-arrow-dropdown -tw-rotate-90', showArrows = true, iconExtraClassNames = '', carouselItems = [], } = props;
-    const [currentIndex, setCurrentIndex] = useState(0);
+/**
+ * Carousel:
+ *  - Easily create a carousel with custom slides.
+ *  - Supports automatic sliding, navigation arrows, and slide indicators.
+ */
+const Carousel = ({ testId = 'carousel-id', activeIndex = 0, extraClassNames = '', onSlide = () => { }, autoSlide, showIndicators = true, continuous = true, interval = 4000, prevIcon = 'fc-arrow-dropdown tw-rotate-90', nextIcon = 'fc-arrow-dropdown -tw-rotate-90', showArrows = true, iconExtraClassNames = '', carouselItems = [], }) => {
+    const [currentIndex, setCurrentIndex] = useState(activeIndex);
     const changeSlide = (nextIndex) => {
-        setCurrentIndex(nextIndex);
-        onSlide(nextIndex % carouselItems.length, nextIndex > currentIndex ? 'right' : 'left');
+        const newIndex = nextIndex % carouselItems.length;
+        setCurrentIndex(newIndex);
+        onSlide(newIndex, newIndex > currentIndex ? 'right' : 'left');
     };
     useEffect(() => {
         if (autoSlide) {
             const currentInterval = setInterval(() => {
-                if (continous) {
+                if (continuous) {
                     setCurrentIndex((prevCurrentIndex) => {
                         onSlide((prevCurrentIndex + 1) % carouselItems.length, (prevCurrentIndex + 1) % carouselItems.length > prevCurrentIndex ? 'right' : 'left');
                         return (prevCurrentIndex + 1) % carouselItems.length;
@@ -26,13 +31,13 @@ const Carousel = (props) => {
             }, interval);
             return () => clearInterval(currentInterval);
         }
-    }, []);
+    }, [autoSlide]);
     useEffect(() => {
         if (activeIndex && activeIndex !== currentIndex) {
             setCurrentIndex(activeIndex);
         }
     }, [activeIndex]);
-    const transitions = useTransition(currentIndex, {
+    const transitions = useTransition([currentIndex], {
         keys: null,
         exitBeforeEnter: true,
         from: { transform: 'translate3d(100%,0,0)' },
@@ -40,22 +45,22 @@ const Carousel = (props) => {
         leave: { transform: 'translate3d(0%,0,0)' },
     });
     const onBackClick = () => {
-        if (currentIndex === 0 && !continous) {
+        if (currentIndex === 0 && !continuous) {
             return;
         }
         changeSlide((currentIndex - 1) % carouselItems.length);
     };
     const onForwardClick = () => {
-        if (currentIndex === carouselItems.length - 1 && !continous) {
+        if (currentIndex === carouselItems.length - 1 && !continuous) {
             return;
         }
         changeSlide((currentIndex + 1) % carouselItems.length);
     };
     return (React.createElement("div", { "data-testid": testId, className: `tw-flex tw-flex-col tw-items-center tw-justify-center tw-w-full ${extraClassNames}` },
         React.createElement("div", { className: "tw-flex tw-items-center tw-w-full tw-h-max tw-gap-1" },
-            showArrows && (React.createElement(Button, { icon: prevIcon, size: "lg", variant: "no-border", testId: "carousel-prev", extraClassNames: `${currentIndex === 0 && !continous ? 'tw-invisible' : ''} ${iconExtraClassNames} tw-animate-fadeIn`, onClick: onBackClick })),
+            showArrows && (React.createElement(Button, { icon: prevIcon, size: "lg", variant: "no-border", testId: "carousel-prev", extraClassNames: `${currentIndex === 0 && !continuous ? 'tw-invisible' : ''} ${iconExtraClassNames} tw-animate-fadeIn`, onClick: onBackClick })),
             transitions((style, i) => (React.createElement(animated.div, { "data-testid": `${testId}-${currentIndex}`, style: style }, carouselItems[currentIndex]))),
-            showArrows && (React.createElement(Button, { icon: nextIcon, testId: "carousel-next", size: "lg", variant: "no-border", extraClassNames: `${currentIndex === carouselItems.length - 1 && !continous ? 'tw-invisible' : ''} ${iconExtraClassNames} tw-animate-fadeIn`, onClick: onForwardClick }))),
+            showArrows && (React.createElement(Button, { icon: nextIcon, testId: "carousel-next", size: "lg", variant: "no-border", extraClassNames: `${currentIndex === carouselItems.length - 1 && !continuous ? 'tw-invisible' : ''} ${iconExtraClassNames} tw-animate-fadeIn`, onClick: onForwardClick }))),
         showIndicators && (React.createElement("div", { className: "tw-flex tw-gap-1 tw-mt-2" }, carouselItems.map((_, i) => (React.createElement("div", { key: i, className: `tw-w-2 tw-h-2 tw-rounded-full tw-cursor-pointer ${i === currentIndex ? 'tw-bg-sq-color-dark' : 'tw-bg-sq-darkish-gray'}`, onClick: () => changeSlide(i) })))))));
 };
 export default Carousel;

package/dist/Carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../src/Carousel/Carousel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../src/Carousel/Carousel.tsx"],"names":[],"mappings":"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"}

package/dist/Carousel/Carousel.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const AllCarousels: () => JSX.Element;

package/dist/Carousel/Carousel.stories.js

@@ -15,88 +15,88 @@ export const AllCarousels = () => {
             React.createElement("div", { className: "tw-p-4" },
                 React.createElement("p", null, "Controlled"),
                 React.createElement(Carousel, { carouselItems: [
-                        renderChild('This is a content to be shown when the collapse is visible.', 'tw-bg-yellow-500'),
-                        renderChild('Second content for carousel', 'tw-bg-green-500'),
-                        renderChild('Second content for carousel', 'tw-bg-gray-500'),
+                        renderChild('First of her name, the Queen to be, long may she reign', 'tw-bg-yellow-500'),
+                        renderChild('Second of her home, but her love conquers all', 'tw-bg-green-500'),
+                        renderChild('Third is a wonder, the embodiment of hope and faith', 'tw-bg-gray-500'),
                     ], activeIndex: value, onSlide: (index) => setValue(index) })),
             React.createElement("div", { className: "tw-p-4" },
                 React.createElement("p", null, "Uncontrolled"),
                 React.createElement(Carousel, { carouselItems: [
-                        renderChild('This is a content to be shown when the collapse is visible.', 'tw-bg-yellow-500'),
-                        renderChild('Second content for carousel', 'tw-bg-green-500'),
-                        renderChild('Second content for carousel', 'tw-bg-gray-500'),
-                    ], autoSlide: true, continous: true, showArrows: false })),
+                        renderChild('First of her name, the Queen to be, long may she reign', 'tw-bg-yellow-500'),
+                        renderChild('Second of her home, but her love conquers all', 'tw-bg-green-500'),
+                        renderChild('Third is a wonder, the embodiment of hope and faith', 'tw-bg-gray-500'),
+                    ], autoSlide: true, continuous: true, showArrows: false })),
             React.createElement("div", { className: "tw-p-4" },
                 React.createElement("p", null, "Custom side buttons"),
                 React.createElement(Carousel, { carouselItems: [
-                        renderChild('This is a content to be shown when the collapse is visible.', 'tw-bg-yellow-500'),
-                        renderChild('Second content for carousel', 'tw-bg-green-500'),
-                        renderChild('Second content for carousel', 'tw-bg-gray-500'),
+                        renderChild('First of her name, the Queen to be, long may she reign', 'tw-bg-yellow-500'),
+                        renderChild('Second of her home, but her love conquers all', 'tw-bg-green-500'),
+                        renderChild('Third is a wonder, the embodiment of hope and faith', 'tw-bg-gray-500'),
                     ], activeIndex: value, onSlide: (index) => setValue(index), nextIcon: "fc-more", prevIcon: "fc-y-axis" })),
             React.createElement("div", { className: "tw-p-4" },
-                React.createElement("p", null, "Continous"),
+                React.createElement("p", null, "Continuous"),
                 React.createElement(Carousel, { carouselItems: [
-                        renderChild('This is a content to be shown when the collapse is visible.', 'tw-bg-yellow-500'),
-                        renderChild('Second content for carousel', 'tw-bg-green-500'),
-                        renderChild('Second content for carousel', 'tw-bg-gray-500'),
-                    ], activeIndex: value, onSlide: (index) => setValue(index), continous: true })),
+                        renderChild('First of her name, the Queen to be, long may she reign', 'tw-bg-yellow-500'),
+                        renderChild('Second of her home, but her love conquers all', 'tw-bg-green-500'),
+                        renderChild('Third is a wonder, the embodiment of hope and faith', 'tw-bg-gray-500'),
+                    ], activeIndex: value, onSlide: (index) => setValue(index), continuous: true })),
             React.createElement("div", { className: "tw-p-4" },
-                React.createElement("p", null, "Non continous"),
+                React.createElement("p", null, "Non continuous"),
                 React.createElement(Carousel, { carouselItems: [
-                        renderChild('This is a content to be shown when the collapse is visible.', 'tw-bg-yellow-500'),
-                        renderChild('Second content for carousel', 'tw-bg-green-500'),
-                        renderChild('Second content for carousel', 'tw-bg-gray-500'),
-                    ], activeIndex: value, onSlide: (index) => setValue(index), showArrows: true, continous: false })),
+                        renderChild('First of her name, the Queen to be, long may she reign', 'tw-bg-yellow-500'),
+                        renderChild('Second of her home, but her love conquers all', 'tw-bg-green-500'),
+                        renderChild('Third is a wonder, the embodiment of hope and faith', 'tw-bg-gray-500'),
+                    ], activeIndex: value, onSlide: (index) => setValue(index), showArrows: true, continuous: false })),
             React.createElement("div", { className: "tw-p-4" },
                 React.createElement("p", null, "Without indicators"),
                 React.createElement(Carousel, { carouselItems: [
-                        renderChild('This is a content to be shown when the collapse is visible.', 'tw-bg-yellow-500'),
-                        renderChild('Second content for carousel', 'tw-bg-green-500'),
-                        renderChild('Second content for carousel', 'tw-bg-gray-500'),
-                    ], activeIndex: value, onSlide: (index) => setValue(index), showArrows: true, continous: true, showIndicators: false }))),
+                        renderChild('First of her name, the Queen to be, long may she reign', 'tw-bg-yellow-500'),
+                        renderChild('Second of her home, but her love conquers all', 'tw-bg-green-500'),
+                        renderChild('Third is a wonder, the embodiment of hope and faith', 'tw-bg-gray-500'),
+                    ], activeIndex: value, onSlide: (index) => setValue(index), showArrows: true, continuous: true, showIndicators: false }))),
         React.createElement("div", { className: "tw-dark tw-bg-sq-dark-background" },
             React.createElement("div", { className: "tw-p-4" },
                 React.createElement("p", null, "Controlled"),
                 React.createElement(Carousel, { carouselItems: [
-                        renderChild('This is a content to be shown when the collapse is visible.', 'tw-bg-yellow-500'),
-                        renderChild('Second content for carousel', 'tw-bg-green-500'),
-                        renderChild('Second content for carousel', 'tw-bg-gray-500'),
+                        renderChild('First of her name, the Queen to be, long may she reign', 'tw-bg-yellow-500'),
+                        renderChild('Second of her home, but her love conquers all', 'tw-bg-green-500'),
+                        renderChild('Third is a wonder, the embodiment of hope and faith', 'tw-bg-gray-500'),
                     ], activeIndex: value, onSlide: (index) => setValue(index) })),
             React.createElement("div", { className: "tw-p-4" },
                 React.createElement("p", null, "Uncontrolled"),
                 React.createElement(Carousel, { carouselItems: [
-                        renderChild('This is a content to be shown when the collapse is visible.', 'tw-bg-yellow-500'),
-                        renderChild('Second content for carousel', 'tw-bg-green-500'),
-                        renderChild('Second content for carousel', 'tw-bg-gray-500'),
-                    ], autoSlide: true, continous: true, showArrows: false })),
+                        renderChild('First of her name, the Queen to be, long may she reign', 'tw-bg-yellow-500'),
+                        renderChild('Second of her home, but her love conquers all', 'tw-bg-green-500'),
+                        renderChild('Third is a wonder, the embodiment of hope and faith', 'tw-bg-gray-500'),
+                    ], autoSlide: true, continuous: true, showArrows: false })),
             React.createElement("div", { className: "tw-p-4" },
                 React.createElement("p", null, "Custom side buttons"),
                 React.createElement(Carousel, { carouselItems: [
-                        renderChild('This is a content to be shown when the collapse is visible.', 'tw-bg-yellow-500'),
-                        renderChild('Second content for carousel', 'tw-bg-green-500'),
-                        renderChild('Second content for carousel', 'tw-bg-gray-500'),
+                        renderChild('First of her name, the Queen to be, long may she reign', 'tw-bg-yellow-500'),
+                        renderChild('Second of her home, but her love conquers all', 'tw-bg-green-500'),
+                        renderChild('Third is a wonder, the embodiment of hope and faith', 'tw-bg-gray-500'),
                     ], activeIndex: value, onSlide: (index) => setValue(index), nextIcon: "fc-more", prevIcon: "fc-y-axis" })),
             React.createElement("div", { className: "tw-p-4" },
-                React.createElement("p", null, "Continous"),
+                React.createElement("p", null, "Continuous"),
                 React.createElement(Carousel, { carouselItems: [
-                        renderChild('This is a content to be shown when the collapse is visible.', 'tw-bg-yellow-500'),
-                        renderChild('Second content for carousel', 'tw-bg-green-500'),
-                        renderChild('Second content for carousel', 'tw-bg-gray-500'),
-                    ], activeIndex: value, onSlide: (index) => setValue(index), continous: true })),
+                        renderChild('First of her name, the Queen to be, long may she reign', 'tw-bg-yellow-500'),
+                        renderChild('Second of her home, but her love conquers all', 'tw-bg-green-500'),
+                        renderChild('Third is a wonder, the embodiment of hope and faith', 'tw-bg-gray-500'),
+                    ], activeIndex: value, onSlide: (index) => setValue(index), continuous: true })),
             React.createElement("div", { className: "tw-p-4" },
-                React.createElement("p", null, "Non continous"),
+                React.createElement("p", null, "Non continuous"),
                 React.createElement(Carousel, { carouselItems: [
-                        renderChild('This is a content to be shown when the collapse is visible.', 'tw-bg-yellow-500'),
-                        renderChild('Second content for carousel', 'tw-bg-green-500'),
-                        renderChild('Second content for carousel', 'tw-bg-gray-500'),
-                    ], activeIndex: value, onSlide: (index) => setValue(index), showArrows: true, continous: false })),
+                        renderChild('First of her name, the Queen to be, long may she reign', 'tw-bg-yellow-500'),
+                        renderChild('Second of her home, but her love conquers all', 'tw-bg-green-500'),
+                        renderChild('Third is a wonder, the embodiment of hope and faith', 'tw-bg-gray-500'),
+                    ], activeIndex: value, onSlide: (index) => setValue(index), showArrows: true, continuous: false })),
             React.createElement("div", { className: "tw-p-4" },
                 React.createElement("p", null, "Without indicators"),
                 React.createElement(Carousel, { carouselItems: [
-                        renderChild('This is a content to be shown when the collapse is visible.', 'tw-bg-yellow-500'),
-                        renderChild('Second content for carousel', 'tw-bg-green-500'),
-                        renderChild('Second content for carousel', 'tw-bg-gray-500'),
-                    ], activeIndex: value, onSlide: (index) => setValue(index), showArrows: true, continous: true, showIndicators: false })))));
+                        renderChild('First of her name, the Queen to be, long may she reign', 'tw-bg-yellow-500'),
+                        renderChild('Second of her home, but her love conquers all', 'tw-bg-green-500'),
+                        renderChild('Third is a wonder, the embodiment of hope and faith', 'tw-bg-gray-500'),
+                    ], activeIndex: value, onSlide: (index) => setValue(index), showArrows: true, continuous: true, showIndicators: false })))));
     return (React.createElement("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4" },
         React.createElement(QTip, null),
         React.createElement("div", { className: "color_topic" },

package/dist/Carousel/Carousel.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.stories.js","sourceRoot":"","sources":["../../src/Carousel/Carousel.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Carousel.stories.js","sourceRoot":"","sources":["../../src/Carousel/Carousel.stories.tsx"],"names":[],"mappings":"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"}

package/dist/Carousel/Carousel.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/Carousel/Carousel.test.js

@@ -26,7 +26,7 @@ describe('Carousel Component', () => {
         expect(mockOnSlide).toHaveBeenCalledWith(0, 'left');
     });
     it('does not move past the last slide', () => {
-        render(React.createElement(Carousel, { testId: "carousel", carouselItems: carouselItems, activeIndex: 2 }));
+        render(React.createElement(Carousel, { testId: "carousel", carouselItems: carouselItems, activeIndex: 2, continuous: false }));
         const nextButton = screen.queryByTestId('carousel-next');
         expect(nextButton).toHaveClass('tw-invisible');
     });

package/dist/Carousel/Carousel.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.test.js","sourceRoot":"","sources":["../../src/Carousel/Carousel.test.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Carousel.test.js","sourceRoot":"","sources":["../../src/Carousel/Carousel.test.tsx"],"names":[],"mappings":"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"}

package/dist/Carousel/Carousel.types.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Properties for the Carousel component.
+ */
+export interface CarouselProps {
+    testId?: string;
+    extraClassNames?: string;
+    activeIndex?: number;
+    /**
+     * Callback function that is called when the slide changes.
+     * @param nextSlide - The index of the next slide.
+     * @param direction - The direction of the slide change, either 'left' or 'right'.
+     */
+    onSlide?: (nextSlide: number, direction: 'left' | 'right') => void;
+    autoSlide?: boolean;
+    interval?: number;
+    nextIcon?: string;
+    prevIcon?: string;
+    iconExtraClassNames?: string;
+    showArrows?: boolean;
+    showIndicators?: boolean;
+    continuous?: boolean;
+    carouselItems: React.ReactNode[];
+}

package/dist/Carousel/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Carousel';

package/dist/index.d.ts

@@ -19,6 +19,7 @@ import Collapse from './Collapse';
 import Slider from './Slider';
 import ProgressBar from './ProgressBar';
 import ButtonGroup from './ButtonGroup';
+import Carousel from './Carousel';
 export { Tabs };
 export { Button };
 export { ToolbarButton };
@@ -41,3 +42,4 @@ export { Collapse };
 export { Slider };
 export { ProgressBar };
 export { ButtonGroup };
+export { Carousel };