@seeqdev/qomponents 0.0.124 → 0.0.126

package/dist/Carousel/Carousel.stories.js

@@ -0,0 +1,115 @@
+import React from 'react';
+import { QTip } from '../Tooltip/Qtip';
+import Carousel from './Carousel';
+import Button from '../Button';
+export default {
+    title: 'Carousel',
+};
+export const AllCarousels = () => {
+    const [value, setValue] = React.useState(0);
+    const renderChild = (text, extraClass) => (React.createElement("div", { className: 'tw-p-4 tw-text-sq-color-gray dark:tw-text-sq-white tw-h-[200px] ' + extraClass },
+        React.createElement("p", { className: "tw-mb-5 tw-text-[15px] tw-leading-normal" }, text),
+        React.createElement(Button, { variant: "outline", label: "Save data" })));
+    const renderAllVariations = () => (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "light" },
+            React.createElement("div", { className: "tw-p-4" },
+                React.createElement("p", null, "Controlled"),
+                React.createElement(Carousel, { carouselItems: [
+                        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('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('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, "Continuous"),
+                React.createElement(Carousel, { carouselItems: [
+                        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 continuous"),
+                React.createElement(Carousel, { carouselItems: [
+                        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('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('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('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('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, "Continuous"),
+                React.createElement(Carousel, { carouselItems: [
+                        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 continuous"),
+                React.createElement(Carousel, { carouselItems: [
+                        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('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" },
+            React.createElement("b", null, "Topic Colors"),
+            renderAllVariations()),
+        React.createElement("div", { className: "color_analysis" },
+            React.createElement("b", null, "Analysis Colors"),
+            renderAllVariations()),
+        React.createElement("div", { className: "color_datalab" },
+            React.createElement("b", null, "Datalab Colors"),
+            renderAllVariations()),
+        React.createElement("div", { className: "color_vantage" },
+            React.createElement("b", null, "Vantage Colors"),
+            renderAllVariations())));
+};
+//# sourceMappingURL=Carousel.stories.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,48 @@
+import React from 'react';
+import '@testing-library/jest-dom';
+import { act, render, fireEvent, screen } from '@testing-library/react';
+import Carousel from './Carousel';
+describe('Carousel Component', () => {
+    const mockOnSlide = jest.fn();
+    const carouselItems = [React.createElement("div", { key: "1" }, "Slide 1"), React.createElement("div", { key: "2" }, "Slide 2"), React.createElement("div", { key: "3" }, "Slide 3")];
+    it('renders correctly', () => {
+        render(React.createElement(Carousel, { testId: "carousel", carouselItems: carouselItems }));
+        expect(screen.getByTestId('carousel')).toBeInTheDocument();
+    });
+    it('shows the correct initial slide', () => {
+        render(React.createElement(Carousel, { testId: "carousel", carouselItems: carouselItems, activeIndex: 1 }));
+        expect(screen.getByText('Slide 2')).toBeInTheDocument();
+    });
+    it('calls onSlide when next button is clicked', () => {
+        render(React.createElement(Carousel, { testId: "carousel", carouselItems: carouselItems, onSlide: mockOnSlide }));
+        const nextButton = screen.getByTestId('carousel-next');
+        fireEvent.click(nextButton);
+        expect(mockOnSlide).toHaveBeenCalledWith(1, 'right');
+    });
+    it('calls onSlide when previous button is clicked', () => {
+        render(React.createElement(Carousel, { testId: "carousel", carouselItems: carouselItems, onSlide: mockOnSlide, activeIndex: 1 }));
+        const prevButton = screen.getByTestId('carousel-prev');
+        fireEvent.click(prevButton);
+        expect(mockOnSlide).toHaveBeenCalledWith(0, 'left');
+    });
+    it('does not move past the last slide', () => {
+        render(React.createElement(Carousel, { testId: "carousel", carouselItems: carouselItems, activeIndex: 2, continuous: false }));
+        const nextButton = screen.queryByTestId('carousel-next');
+        expect(nextButton).toHaveClass('tw-invisible');
+    });
+    it('autoSlides correctly', async () => {
+        jest.useFakeTimers();
+        render(React.createElement(Carousel, { testId: "carousel", carouselItems: carouselItems, autoSlide: true, interval: 1000 }));
+        expect(screen.getByText('Slide 1')).toBeInTheDocument();
+        act(() => {
+            jest.advanceTimersByTime(1000);
+        });
+        expect(screen.getByText('Slide 2')).toBeInTheDocument();
+        act(() => {
+            jest.advanceTimersByTime(1000);
+        });
+        expect(screen.getByText('Slide 3')).toBeInTheDocument();
+        jest.useRealTimers();
+    });
+});
+//# sourceMappingURL=Carousel.test.js.map

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

@@ -0,0 +1 @@
+{"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/Carousel.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Carousel.types.js.map

package/dist/Carousel/Carousel.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.types.js","sourceRoot":"","sources":["../../src/Carousel/Carousel.types.ts"],"names":[],"mappings":""}

package/dist/Carousel/index.d.ts

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

package/dist/Carousel/index.js

@@ -0,0 +1,2 @@
+export { default } from './Carousel';
+//# sourceMappingURL=index.js.map

package/dist/Carousel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.esm.js

@@ -15850,7 +15850,7 @@ const Alert = ({ children, dismissible = true, onClose, show = true, variant, te
     }
     return (React__default.createElement("div", { "data-testid": testId, id: id, className: appliedClasses },
         children,
-        dismissible && (React__default.createElement(Icon, { icon: "fc-delete", type: variant.match(/danger|warning/) ? 'color' : 'theme', color: variant.match(/danger|warning/) ? 'inherit' : undefined, extraClassNames: `tw-self-end tw-text-[11px] tw-cursor-pointer tw-absolute tw-right-[10px] tw-top-[10px] ${variant.match(/danger|warning|gray/) ? 'tw-text-sq-text-color dark:tw-text-sq-text-color' : ''}`, testId: `${testId}-close-btn`, onClick: onClose, ...tooltipProps }))));
+        dismissible && (React__default.createElement(Icon, { icon: "fc-delete", type: variant.match(/danger|warning/) ? 'color' : 'theme', color: variant.match(/danger|warning/) ? 'inherit' : undefined, extraClassNames: `tw-self-end tw-text-[11px] tw-cursor-pointer tw-absolute tw-right-[10px] tw-top-[10px] ${variant.match(/danger|warning|gray/) ? 'tw-text-sq-text-color dark:tw-text-sq-dark-text' : ''}`, testId: `${testId}-close-btn`, onClick: onClose, ...tooltipProps }))));
 };
 
 const SeeqActionDropdownItem = (item) => {
@@ -20671,7 +20671,7 @@ const ProgressIndicator = (props) => {
         }, 100);
         return () => clearTimeout(timeout);
     }, [value]);
-    return (React__default.createElement(Indicator, { className: `tw-ease-[cubic-bezier(0.65, 0, 0.35, 1)] tw-w-full tw-h-full tw-duration-[660ms] tw-flex tw-bg-sq-color-dark ${extraClasses}`, ...tooltipData, "data-qtip-text": tooltipProps.tooltip ? tooltipProps.tooltip : `${value}%`, "data-testid": `progress-bar-indicator-${testId ? testId : value}`, key: `${index}-${value}`, style: {
+    return (React__default.createElement(Indicator, { className: `tw-ease-[cubic-bezier(0.65, 0, 0.35, 1)] tw-w-full tw-h-full tw-duration-[660ms] tw-flex tw-bg-sq-color-dark tw-justify-center tw-items-center ${extraClasses}`, ...tooltipData, "data-qtip-text": tooltipProps.tooltip ? tooltipProps.tooltip : `${value}%`, "data-testid": `progress-bar-indicator-${testId ? testId : value}`, key: `${index}-${value}`, style: {
             // Background color will default to the theme color if undefined
             backgroundColor: color ? color : undefined,
             animation: 'width 660ms forwards',