@times-components/ts-components 1.145.1-76ee0965069e2a17bc1f8dcf02d24e8fefd6869a.0 → 1.145.1-7e7a12feaf05c514789e802bf49cadca92e6a2b9.10

package/dist/components/carousel-component/CarouselComponent.stories.js

@@ -0,0 +1,146 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { CarouselComponent, CarouselItem } from './index';
+import styled from 'styled-components';
+// Simple card component for demos
+const SimpleCard = styled.div `
+  background: ${props => props.color};
+  height: 300px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  font-size: 24px;
+  font-weight: 600;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+`;
+const Container = styled.div `
+  max-width: 1200px;
+  margin: 40px auto;
+  padding: 0 20px;
+`;
+const Title = styled.h2 `
+  margin-bottom: 24px;
+  font-size: 24px;
+  font-weight: 600;
+`;
+storiesOf('Typescript Component/CarouselComponent', module)
+    .add('Two Cards Per Page', () => {
+    const colors = [
+        '#005C8A',
+        '#FF6B6B',
+        '#4ECDC4',
+        '#45B7D1',
+        '#96CEB4',
+        '#FFEAA7'
+    ];
+    const items = colors.map((color, index) => (React.createElement(CarouselItem, { key: index, widthItemConfig: {
+            mobile: '90%',
+            tablet: '70%',
+            desktop: 'calc(47% - 10px)'
+        } },
+        React.createElement(SimpleCard, { color: color },
+            "Card ",
+            index + 1))));
+    return (React.createElement(Container, null,
+        React.createElement(Title, null, "Two Cards Per Page (with peek)"),
+        React.createElement(CarouselComponent, { items: items, options: {
+                itemsPerPage: 2
+            }, showArrows: true, showDots: true })));
+})
+    .add('Three Cards Per Page', () => {
+    const colors = [
+        '#005C8A',
+        '#FF6B6B',
+        '#4ECDC4',
+        '#45B7D1',
+        '#96CEB4',
+        '#FFEAA7',
+        '#DFE6E9',
+        '#74B9FF',
+        '#A29BFE'
+    ];
+    const items = colors.map((color, index) => (React.createElement(CarouselItem, { key: index, widthItemConfig: {
+            mobile: '85%',
+            tablet: '40%',
+            desktop: 'calc(31% - 14px)'
+        } },
+        React.createElement(SimpleCard, { color: color },
+            "Card ",
+            index + 1))));
+    return (React.createElement(Container, null,
+        React.createElement(Title, null, "Three Cards Per Page (with peek)"),
+        React.createElement(CarouselComponent, { items: items, options: {
+                itemsPerPage: 3
+            }, showArrows: true, showDots: true })));
+})
+    .add('Minimal Example', () => {
+    const items = [
+        React.createElement(CarouselItem, { key: "1", widthItemConfig: {
+                mobile: '90%',
+                tablet: '70%',
+                desktop: 'calc(47% - 10px)'
+            } },
+            React.createElement(SimpleCard, { color: "#005C8A" }, "Card 1")),
+        React.createElement(CarouselItem, { key: "2", widthItemConfig: {
+                mobile: '90%',
+                tablet: '70%',
+                desktop: 'calc(47% - 10px)'
+            } },
+            React.createElement(SimpleCard, { color: "#FF6B6B" }, "Card 2")),
+        React.createElement(CarouselItem, { key: "3", widthItemConfig: {
+                mobile: '90%',
+                tablet: '70%',
+                desktop: 'calc(47% - 10px)'
+            } },
+            React.createElement(SimpleCard, { color: "#4ECDC4" }, "Card 3")),
+        React.createElement(CarouselItem, { key: "4", widthItemConfig: {
+                mobile: '90%',
+                tablet: '70%',
+                desktop: 'calc(47% - 10px)'
+            } },
+            React.createElement(SimpleCard, { color: "#45B7D1" }, "Card 4"))
+    ];
+    return (React.createElement(Container, null,
+        React.createElement(Title, null, "Simple 4 Cards"),
+        React.createElement(CarouselComponent, { items: items })));
+})
+    .add('Without Navigation', () => {
+    const colors = ['#005C8A', '#FF6B6B', '#4ECDC4', '#45B7D1'];
+    const items = colors.map((color, index) => (React.createElement(CarouselItem, { key: index, widthItemConfig: {
+            mobile: '90%',
+            tablet: '70%',
+            desktop: 'calc(47% - 10px)'
+        } },
+        React.createElement(SimpleCard, { color: color },
+            "Card ",
+            index + 1))));
+    return (React.createElement(Container, null,
+        React.createElement(Title, null, "Scroll Only (No Arrows/Dots)"),
+        React.createElement(CarouselComponent, { items: items, showArrows: false, showDots: false })));
+})
+    .add('Three Cards Exact Width (No Peek)', () => {
+    const colors = [
+        '#005C8A',
+        '#FF6B6B',
+        '#4ECDC4',
+        '#45B7D1',
+        '#96CEB4',
+        '#FFEAA7'
+    ];
+    const items = colors.map((color, index) => (React.createElement(CarouselItem, { key: index, widthItemConfig: {
+            mobile: '90%',
+            tablet: '70%',
+            desktop: 'calc(33% - 10px)'
+        } },
+        React.createElement(SimpleCard, { color: color },
+            "Card ",
+            index + 1))));
+    return (React.createElement(Container, null,
+        React.createElement(Title, null, "Three Cards Per Page (exact width, no peek)"),
+        React.createElement(CarouselComponent, { items: items, options: {
+                itemsPerPage: 3
+            }, showArrows: true, showDots: true })));
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2Fyb3VzZWxDb21wb25lbnQuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2Nhcm91c2VsLWNvbXBvbmVudC9DYXJvdXNlbENvbXBvbmVudC5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFDMUQsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsa0NBQWtDO0FBQ2xDLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQW1CO2dCQUNoQyxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxLQUFLOzs7Ozs7Ozs7O0NBVW5DLENBQUM7QUFFRixNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7O0NBSTNCLENBQUM7QUFFRixNQUFNLEtBQUssR0FBRyxNQUFNLENBQUMsRUFBRSxDQUFBOzs7O0NBSXRCLENBQUM7QUFFRixTQUFTLENBQUMsd0NBQXdDLEVBQUUsTUFBTSxDQUFDO0tBQ3hELEdBQUcsQ0FBQyxvQkFBb0IsRUFBRSxHQUFHLEVBQUU7SUFDOUIsTUFBTSxNQUFNLEdBQUc7UUFDYixTQUFTO1FBQ1QsU0FBUztRQUNULFNBQVM7UUFDVCxTQUFTO1FBQ1QsU0FBUztRQUNULFNBQVM7S0FDVixDQUFDO0lBRUYsTUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQ3pDLG9CQUFDLFlBQVksSUFDWCxHQUFHLEVBQUUsS0FBSyxFQUNWLGVBQWUsRUFBRTtZQUNmLE1BQU0sRUFBRSxLQUFLO1lBQ2IsTUFBTSxFQUFFLEtBQUs7WUFDYixP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

package/dist/components/carousel-component/CarouselItem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CarouselItemProps } from './types';
+export declare const CarouselItem: React.FC<CarouselItemProps>;

package/dist/components/carousel-component/CarouselItem.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ItemContainer } from './styles';
+export const CarouselItem = ({ children, widthItemConfig = {
+    mobile: '90%',
+    tablet: '70%',
+    desktop: 'calc(50% - 10px)',
+    xl: 'calc(50% - 10px)'
+}, maxWidthItemConfig, className }) => {
+    return (React.createElement(ItemContainer, { widthItemConfig: widthItemConfig, maxWidthItemConfig: maxWidthItemConfig, className: className }, children));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2Fyb3VzZWxJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2Fyb3VzZWwtY29tcG9uZW50L0Nhcm91c2VsSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFHekMsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFnQyxDQUFDLEVBQ3hELFFBQVEsRUFDUixlQUFlLEdBQUc7SUFDaEIsTUFBTSxFQUFFLEtBQUs7SUFDYixNQUFNLEVBQUUsS0FBSztJQUNiLE9BQU8sRUFBRSxrQkFBa0I7SUFDM0IsRUFBRSxFQUFFLGtCQUFrQjtDQUN2QixFQUNELGtCQUFrQixFQUNsQixTQUFTLEVBQ1YsRUFBRSxFQUFFO0lBQ0gsT0FBTyxDQUNMLG9CQUFDLGFBQWEsSUFDWixlQUFlLEVBQUUsZUFBZSxFQUNoQyxrQkFBa0IsRUFBRSxrQkFBa0IsRUFDdEMsU0FBUyxFQUFFLFNBQVMsSUFFbkIsUUFBUSxDQUNLLENBQ2pCLENBQUM7QUFDSixDQUFDLENBQUMifQ==

package/dist/components/carousel-component/DefaultNavigationArrow.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface NavigationArrowProps {
+    direction: 'left' | 'right';
+    onClick: () => void;
+    disabled: boolean;
+}
+export declare const DefaultNavigationArrow: React.FC<NavigationArrowProps>;
+export {};

package/dist/components/carousel-component/DefaultNavigationArrow.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { NavigationArrowButton } from './styles';
+export const DefaultNavigationArrow = ({ direction, onClick, disabled }) => (React.createElement(NavigationArrowButton, { direction: direction, onClick: onClick, disabled: disabled, "aria-label": `${direction === 'left' ? 'Previous' : 'Next'} items` },
+    React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: direction === 'left' ? 'M10 12L6 8L10 4' : 'M6 12L10 8L6 4', stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }))));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGVmYXVsdE5hdmlnYXRpb25BcnJvdy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2Nhcm91c2VsLWNvbXBvbmVudC9EZWZhdWx0TmF2aWdhdGlvbkFycm93LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sVUFBVSxDQUFDO0FBUWpELE1BQU0sQ0FBQyxNQUFNLHNCQUFzQixHQUFtQyxDQUFDLEVBQ3JFLFNBQVMsRUFDVCxPQUFPLEVBQ1AsUUFBUSxFQUNULEVBQUUsRUFBRSxDQUFDLENBQ0osb0JBQUMscUJBQXFCLElBQ3BCLFNBQVMsRUFBRSxTQUFTLEVBQ3BCLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFFBQVEsRUFBRSxRQUFRLGdCQUNOLEdBQUcsU0FBUyxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxNQUFNLFFBQVE7SUFFakUsNkJBQ0UsS0FBSyxFQUFDLElBQUksRUFDVixNQUFNLEVBQUMsSUFBSSxFQUNYLE9BQU8sRUFBQyxXQUFXLEVBQ25CLElBQUksRUFBQyxNQUFNLEVBQ1gsS0FBSyxFQUFDLDRCQUE0QjtRQUVsQyw4QkFDRSxDQUFDLEVBQUUsU0FBUyxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixFQUM5RCxNQUFNLEVBQUMsY0FBYyxFQUNyQixXQUFXLEVBQUMsS0FBSyxFQUNqQixhQUFhLEVBQUMsT0FBTyxFQUNyQixjQUFjLEVBQUMsT0FBTyxHQUN0QixDQUNFLENBQ2dCLENBQ3pCLENBQUMifQ==

package/dist/components/carousel-component/DefaultPageDot.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface PageDotProps {
+    active: boolean;
+    onClick: () => void;
+    index: number;
+}
+export declare const DefaultPageDot: React.FC<PageDotProps>;
+export {};

package/dist/components/carousel-component/DefaultPageDot.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PageDotButton } from './styles';
+export const DefaultPageDot = ({ active, onClick, index }) => (React.createElement(PageDotButton, { active: active, onClick: onClick, "aria-label": `Go to page ${index + 1}` }));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGVmYXVsdFBhZ2VEb3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJvdXNlbC1jb21wb25lbnQvRGVmYXVsdFBhZ2VEb3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBUXpDLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBMkIsQ0FBQyxFQUNyRCxNQUFNLEVBQ04sT0FBTyxFQUNQLEtBQUssRUFDTixFQUFFLEVBQUUsQ0FBQyxDQUNKLG9CQUFDLGFBQWEsSUFDWixNQUFNLEVBQUUsTUFBTSxFQUNkLE9BQU8sRUFBRSxPQUFPLGdCQUNKLGNBQWMsS0FBSyxHQUFHLENBQUMsRUFBRSxHQUNyQyxDQUNILENBQUMifQ==

package/dist/components/{opta/football/opta-match-stats/matchday-live/__tests__/OptaMatchStatsMatchdayLive.test.d.ts → carousel-component/__tests__/CarouselComponent.test.d.ts}

@@ -1,2 +1 @@
-import 'regenerator-runtime';
 import '@testing-library/jest-dom';

package/dist/components/carousel-component/__tests__/CarouselComponent.test.js

@@ -0,0 +1,163 @@
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { CarouselComponent } from '../index';
+describe('CarouselComponent', () => {
+    const mockItems = [
+        React.createElement("div", { key: "1" }, "Item 1"),
+        React.createElement("div", { key: "2" }, "Item 2"),
+        React.createElement("div", { key: "3" }, "Item 3"),
+        React.createElement("div", { key: "4" }, "Item 4")
+    ];
+    beforeEach(() => {
+        Element.prototype.scrollTo = jest.fn();
+    });
+    it('renders all items', () => {
+        render(React.createElement(CarouselComponent, { items: mockItems }));
+        expect(screen.getByText('Item 1')).toBeInTheDocument();
+        expect(screen.getByText('Item 2')).toBeInTheDocument();
+        expect(screen.getByText('Item 3')).toBeInTheDocument();
+        expect(screen.getByText('Item 4')).toBeInTheDocument();
+    });
+    it('renders navigation arrows by default', () => {
+        render(React.createElement(CarouselComponent, { items: mockItems }));
+        const prevButton = screen.getByLabelText('Previous items');
+        const nextButton = screen.getByLabelText('Next items');
+        expect(prevButton).toBeInTheDocument();
+        expect(nextButton).toBeInTheDocument();
+    });
+    it('hides navigation arrows when showArrows is false', () => {
+        render(React.createElement(CarouselComponent, { items: mockItems, showArrows: false }));
+        const buttons = screen.getAllByRole('button');
+        expect(buttons.length).toBe(2);
+    });
+    it('renders pagination dots by default', () => {
+        render(React.createElement(CarouselComponent, { items: mockItems }));
+        const dots = screen
+            .getAllByRole('button')
+            .filter(btn => !btn.querySelector('svg'));
+        expect(dots.length).toBeGreaterThan(0);
+    });
+    it('hides pagination dots when showDots is false', () => {
+        render(React.createElement(CarouselComponent, { items: mockItems, showDots: false, showArrows: false }));
+        const buttons = screen.queryAllByRole('button');
+        expect(buttons.length).toBe(0);
+    });
+    it('applies custom className', () => {
+        const { container } = render(React.createElement(CarouselComponent, { items: mockItems, className: "custom-carousel" }));
+        expect(container.querySelector('.custom-carousel')).toBeInTheDocument();
+    });
+    it('handles itemsPerPage option', () => {
+        render(React.createElement(CarouselComponent, { items: mockItems, options: { itemsPerPage: 1 } }));
+        const dots = screen
+            .getAllByRole('button')
+            .filter(btn => !btn.querySelector('svg'));
+        expect(dots.length).toBe(4);
+    });
+    it('handles empty items array', () => {
+        const { container } = render(React.createElement(CarouselComponent, { items: [] }));
+        expect(container.querySelector('[role="button"]')).not.toBeInTheDocument();
+    });
+    it('handles single item', () => {
+        render(React.createElement(CarouselComponent, { items: [React.createElement("div", { key: "1" }, "Single Item")] }));
+        expect(screen.getByText('Single Item')).toBeInTheDocument();
+    });
+    it('calls onPageChange callback when provided', () => {
+        const onPageChange = jest.fn();
+        render(React.createElement(CarouselComponent, { items: mockItems, options: { onPageChange } }));
+        const nextButton = screen
+            .getAllByRole('button')
+            .find(btn => btn.querySelector('svg'));
+        if (nextButton) {
+            fireEvent.click(nextButton);
+            expect(onPageChange).toHaveBeenCalled();
+        }
+    });
+    it('renders with custom arrow component', () => {
+        const CustomArrow = ({ direction }) => (React.createElement("button", null,
+            "Custom ",
+            direction));
+        render(React.createElement(CarouselComponent, { items: mockItems, arrowComponent: CustomArrow }));
+        const customArrows = screen.getAllByText(/Custom/);
+        expect(customArrows.length).toBe(2);
+        expect(customArrows[0]).toBeInTheDocument();
+    });
+    it('renders with custom dot component', () => {
+        const CustomDot = ({ index }) => (React.createElement("button", null,
+            "Dot ",
+            index));
+        render(React.createElement(CarouselComponent, { items: mockItems, dotComponent: CustomDot }));
+        const customDots = screen.getAllByText(/Dot/);
+        expect(customDots.length).toBe(2);
+        expect(customDots[0]).toBeInTheDocument();
+    });
+    it('navigates to next page when next arrow is clicked', () => {
+        render(React.createElement(CarouselComponent, { items: mockItems, options: { itemsPerPage: 2 } }));
+        const nextButton = screen.getByLabelText('Next items');
+        fireEvent.click(nextButton);
+        expect(Element.prototype.scrollTo).toHaveBeenCalled();
+    });
+    it('navigates to previous page when previous arrow is clicked', () => {
+        render(React.createElement(CarouselComponent, { items: mockItems, options: { itemsPerPage: 2 } }));
+        const nextButton = screen.getByLabelText('Next items');
+        const prevButton = screen.getByLabelText('Previous items');
+        fireEvent.click(nextButton);
+        fireEvent.click(prevButton);
+        expect(Element.prototype.scrollTo).toHaveBeenCalled();
+    });
+    it('handles mouse drag events', () => {
+        const { container } = render(React.createElement(CarouselComponent, { items: mockItems, options: { itemsPerPage: 2 } }));
+        const carouselRow = container.querySelector('div > div > div');
+        if (carouselRow) {
+            fireEvent.mouseDown(carouselRow, { pageX: 100 });
+            fireEvent.mouseMove(carouselRow, { pageX: 50 });
+            fireEvent.mouseUp(carouselRow);
+        }
+        expect(carouselRow).toBeInTheDocument();
+    });
+    it('disables previous arrow on first page', () => {
+        render(React.createElement(CarouselComponent, { items: mockItems, options: { itemsPerPage: 2 } }));
+        const prevButton = screen.getByLabelText('Previous items');
+        expect(prevButton).toBeDisabled();
+    });
+    it('renders correct number of page dots', () => {
+        render(React.createElement(CarouselComponent, { items: mockItems, options: { itemsPerPage: 2 } }));
+        const dots = screen
+            .getAllByRole('button')
+            .filter(btn => !btn.querySelector('svg'));
+        expect(dots.length).toBe(2);
+    });
+    it('handles page dot click', () => {
+        render(React.createElement(CarouselComponent, { items: mockItems, options: { itemsPerPage: 2 } }));
+        const dots = screen
+            .getAllByRole('button')
+            .filter(btn => !btn.querySelector('svg'));
+        if (dots[1]) {
+            fireEvent.click(dots[1]);
+            expect(Element.prototype.scrollTo).toHaveBeenCalled();
+        }
+    });
+    it('hides dots when there is only one page', () => {
+        render(React.createElement(CarouselComponent, { items: [React.createElement("div", { key: "1" }, "Item 1")], options: { itemsPerPage: 2 } }));
+        const dots = screen
+            .queryAllByRole('button')
+            .filter(btn => !btn.querySelector('svg'));
+        expect(dots.length).toBe(0);
+    });
+    it('handles mouse leave event during drag', () => {
+        const { container } = render(React.createElement(CarouselComponent, { items: mockItems, options: { itemsPerPage: 2 } }));
+        const carouselRow = container.querySelector('div > div > div');
+        if (carouselRow) {
+            fireEvent.mouseDown(carouselRow, { pageX: 100 });
+            fireEvent.mouseMove(carouselRow, { pageX: 50 });
+            fireEvent.mouseLeave(carouselRow);
+        }
+        expect(carouselRow).toBeInTheDocument();
+    });
+    it('applies correct styles to carousel container', () => {
+        const { container } = render(React.createElement(CarouselComponent, { items: mockItems }));
+        const carouselContainer = container.firstChild;
+        expect(carouselContainer).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2Fyb3VzZWxDb21wb25lbnQudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2Nhcm91c2VsLWNvbXBvbmVudC9fX3Rlc3RzX18vQ2Fyb3VzZWxDb21wb25lbnQudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ25FLE9BQU8sMkJBQTJCLENBQUM7QUFDbkMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sVUFBVSxDQUFDO0FBRTdDLFFBQVEsQ0FBQyxtQkFBbUIsRUFBRSxHQUFHLEVBQUU7SUFDakMsTUFBTSxTQUFTLEdBQUc7UUFDaEIsNkJBQUssR0FBRyxFQUFDLEdBQUcsYUFBYTtRQUN6Qiw2QkFBSyxHQUFHLEVBQUMsR0FBRyxhQUFhO1FBQ3pCLDZCQUFLLEdBQUcsRUFBQyxHQUFHLGFBQWE7UUFDekIsNkJBQUssR0FBRyxFQUFDLEdBQUcsYUFBYTtLQUMxQixDQUFDO0lBRUYsVUFBVSxDQUFDLEdBQUcsRUFBRTtRQUNkLE9BQU8sQ0FBQyxTQUFTLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztJQUN6QyxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyxtQkFBbUIsRUFBRSxHQUFHLEVBQUU7UUFDM0IsTUFBTSxDQUFDLG9CQUFDLGlCQUFpQixJQUFDLEtBQUssRUFBRSxTQUFTLEdBQUksQ0FBQyxDQUFDO1FBRWhELE1BQU0sQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUN2RCxNQUFNLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDdkQs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

package/dist/components/carousel-component/__tests__/CarouselItem.test.d.ts

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

package/dist/components/carousel-component/__tests__/CarouselItem.test.js

@@ -0,0 +1,80 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { CarouselItem } from '../CarouselItem';
+describe('CarouselItem', () => {
+    it('renders children correctly', () => {
+        render(React.createElement(CarouselItem, null,
+            React.createElement("div", null, "Test Content")));
+        expect(screen.getByText('Test Content')).toBeInTheDocument();
+    });
+    it('applies custom className', () => {
+        const { container } = render(React.createElement(CarouselItem, { className: "custom-class" },
+            React.createElement("div", null, "Test Content")));
+        expect(container.firstChild).toHaveClass('custom-class');
+    });
+    it('uses default widthConfig when not provided', () => {
+        const { container } = render(React.createElement(CarouselItem, null,
+            React.createElement("div", null, "Test Content")));
+        expect(container.firstChild).toBeInTheDocument();
+    });
+    it('accepts custom widthConfig', () => {
+        render(React.createElement(CarouselItem, { widthItemConfig: {
+                xs: '70%',
+                mobile: '90%',
+                tablet: '45%',
+                desktop: '30%',
+                xl: '25%'
+            } },
+            React.createElement("div", null, "Test Content")));
+        expect(screen.getByText('Test Content')).toBeInTheDocument();
+    });
+    it('accepts partial widthConfig', () => {
+        render(React.createElement(CarouselItem, { widthItemConfig: {
+                mobile: '80%',
+                desktop: '40%'
+            } },
+            React.createElement("div", null, "Test Content")));
+        expect(screen.getByText('Test Content')).toBeInTheDocument();
+    });
+    it('renders multiple children correctly', () => {
+        render(React.createElement(CarouselItem, null,
+            React.createElement("div", null, "Child 1"),
+            React.createElement("div", null, "Child 2"),
+            React.createElement("div", null, "Child 3")));
+        expect(screen.getByText('Child 1')).toBeInTheDocument();
+        expect(screen.getByText('Child 2')).toBeInTheDocument();
+        expect(screen.getByText('Child 3')).toBeInTheDocument();
+    });
+    it('handles complex child components', () => {
+        const ComplexChild = () => (React.createElement("div", null,
+            React.createElement("h1", null, "Title"),
+            React.createElement("p", null, "Description"),
+            React.createElement("button", null, "Action")));
+        render(React.createElement(CarouselItem, null,
+            React.createElement(ComplexChild, null)));
+        expect(screen.getByText('Title')).toBeInTheDocument();
+        expect(screen.getByText('Description')).toBeInTheDocument();
+        expect(screen.getByText('Action')).toBeInTheDocument();
+    });
+    it('applies className along with widthConfig', () => {
+        const { container } = render(React.createElement(CarouselItem, { className: "custom-item", widthItemConfig: {
+                mobile: '90%',
+                desktop: '45%'
+            } },
+            React.createElement("div", null, "Test Content")));
+        expect(container.firstChild).toHaveClass('custom-item');
+        expect(screen.getByText('Test Content')).toBeInTheDocument();
+    });
+    it('renders with no props except children', () => {
+        render(React.createElement(CarouselItem, null,
+            React.createElement("div", null, "Minimal Content")));
+        expect(screen.getByText('Minimal Content')).toBeInTheDocument();
+    });
+    it('handles empty widthConfig object', () => {
+        render(React.createElement(CarouselItem, { widthItemConfig: {} },
+            React.createElement("div", null, "Test Content")));
+        expect(screen.getByText('Test Content')).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2Fyb3VzZWxJdGVtLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJvdXNlbC1jb21wb25lbnQvX190ZXN0c19fL0Nhcm91c2VsSXRlbS50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN4RCxPQUFPLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxRQUFRLENBQUMsY0FBYyxFQUFFLEdBQUcsRUFBRTtJQUM1QixFQUFFLENBQUMsNEJBQTRCLEVBQUUsR0FBRyxFQUFFO1FBQ3BDLE1BQU0sQ0FDSixvQkFBQyxZQUFZO1lBQ1gsZ0RBQXVCLENBQ1YsQ0FDaEIsQ0FBQztRQUVGLE1BQU0sQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMvRCxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQywwQkFBMEIsRUFBRSxHQUFHLEVBQUU7UUFDbEMsTUFBTSxFQUFFLFNBQVMsRUFBRSxHQUFHLE1BQU0sQ0FDMUIsb0JBQUMsWUFBWSxJQUFDLFNBQVMsRUFBQyxjQUFjO1lBQ3BDLGdEQUF1QixDQUNWLENBQ2hCLENBQUM7UUFFRixNQUFNLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUMzRCxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyw0Q0FBNEMsRUFBRSxHQUFHLEVBQUU7UUFDcEQsTUFBTSxFQUFFLFNBQVMsRUFBRSxHQUFHLE1BQU0sQ0FDMUIsb0JBQUMsWUFBWTtZQUNYLGdEQUF1QixDQUNWLENBQ2hCLENBQUM7UUFFRixNQUFNLENB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

package/dist/components/carousel-component/__tests__/DefaultNavigationArrow.test.d.ts

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

package/dist/components/carousel-component/__tests__/DefaultNavigationArrow.test.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { DefaultNavigationArrow } from '../DefaultNavigationArrow';
+describe('DefaultNavigationArrow', () => {
+    const mockOnClick = jest.fn();
+    beforeEach(() => {
+        mockOnClick.mockClear();
+    });
+    it('renders left arrow', () => {
+        render(React.createElement(DefaultNavigationArrow, { direction: "left", onClick: mockOnClick, disabled: false }));
+        const button = screen.getByLabelText('Previous items');
+        expect(button).toBeInTheDocument();
+    });
+    it('renders right arrow', () => {
+        render(React.createElement(DefaultNavigationArrow, { direction: "right", onClick: mockOnClick, disabled: false }));
+        const button = screen.getByLabelText('Next items');
+        expect(button).toBeInTheDocument();
+    });
+    it('calls onClick when clicked', () => {
+        render(React.createElement(DefaultNavigationArrow, { direction: "left", onClick: mockOnClick, disabled: false }));
+        const button = screen.getByLabelText('Previous items');
+        fireEvent.click(button);
+        expect(mockOnClick).toHaveBeenCalledTimes(1);
+    });
+    it('does not call onClick when disabled', () => {
+        render(React.createElement(DefaultNavigationArrow, { direction: "left", onClick: mockOnClick, disabled: true }));
+        const button = screen.getByLabelText('Previous items');
+        fireEvent.click(button);
+        expect(mockOnClick).not.toHaveBeenCalled();
+    });
+    it('applies disabled styling when disabled', () => {
+        render(React.createElement(DefaultNavigationArrow, { direction: "left", onClick: mockOnClick, disabled: true }));
+        const button = screen.getByLabelText('Previous items');
+        expect(button).toHaveAttribute('disabled');
+    });
+    it('renders SVG icon', () => {
+        const { container } = render(React.createElement(DefaultNavigationArrow, { direction: "left", onClick: mockOnClick, disabled: false }));
+        const svg = container.querySelector('svg');
+        expect(svg).toBeInTheDocument();
+    });
+    it('has correct aria-label for accessibility', () => {
+        const { rerender } = render(React.createElement(DefaultNavigationArrow, { direction: "left", onClick: mockOnClick, disabled: false }));
+        expect(screen.getByLabelText('Previous items')).toBeInTheDocument();
+        rerender(React.createElement(DefaultNavigationArrow, { direction: "right", onClick: mockOnClick, disabled: false }));
+        expect(screen.getByLabelText('Next items')).toBeInTheDocument();
+    });
+    it('renders as a button element', () => {
+        render(React.createElement(DefaultNavigationArrow, { direction: "left", onClick: mockOnClick, disabled: false }));
+        const button = screen.getByLabelText('Previous items');
+        expect(button.tagName).toBe('BUTTON');
+    });
+    it('applies correct styles based on direction', () => {
+        const { container, rerender } = render(React.createElement(DefaultNavigationArrow, { direction: "left", onClick: mockOnClick, disabled: false }));
+        let button = container.querySelector('button');
+        expect(button).toBeInTheDocument();
+        rerender(React.createElement(DefaultNavigationArrow, { direction: "right", onClick: mockOnClick, disabled: false }));
+        button = container.querySelector('button');
+        expect(button).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGVmYXVsdE5hdmlnYXRpb25BcnJvdy50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2Fyb3VzZWwtY29tcG9uZW50L19fdGVzdHNfXy9EZWZhdWx0TmF2aWdhdGlvbkFycm93LnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNuRSxPQUFPLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRW5FLFFBQVEsQ0FBQyx3QkFBd0IsRUFBRSxHQUFHLEVBQUU7SUFDdEMsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO0lBRTlCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7UUFDZCxXQUFXLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDMUIsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsb0JBQW9CLEVBQUUsR0FBRyxFQUFFO1FBQzVCLE1BQU0sQ0FDSixvQkFBQyxzQkFBc0IsSUFDckIsU0FBUyxFQUFDLE1BQU0sRUFDaEIsT0FBTyxFQUFFLFdBQVcsRUFDcEIsUUFBUSxFQUFFLEtBQUssR0FDZixDQUNILENBQUM7UUFFRixNQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDdkQsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDckMsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMscUJBQXFCLEVBQUUsR0FBRyxFQUFFO1FBQzdCLE1BQU0sQ0FDSixvQkFBQyxzQkFBc0IsSUFDckIsU0FBUyxFQUFDLE9BQU8sRUFDakIsT0FBTyxFQUFFLFdBQVcsRUFDcEIs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

package/dist/components/carousel-component/__tests__/DefaultPageDot.test.d.ts

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