@salla.sa/twilight-components-react 3.0.0-beta.1

package/dist/native/items-list/ItemsList.js

@@ -0,0 +1,367 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useCallback, useRef, useState, } from "react";
+import { useInView } from "react-intersection-observer";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { SallaPlaceholder } from "../../components/salla-placeholder";
+import { SallaLoading } from "../../components/salla-loading";
+import { SallaButton } from "../salla-button";
+// ===== DEFAULTS =====
+const DEFAULT_EMPTY = "No items found";
+const DEFAULT_END = " ";
+const DEFAULT_ROOT_MARGIN = "200px";
+const DEFAULT_ROOT_MARGIN_ITEM_SKELETON = "800px"; // Larger margin for inline skeleton mode to preload items during scroll
+const DEFAULT_ESTIMATE_SIZE = 100;
+const DEFAULT_OVERSCAN = 5;
+// ===== MAIN COMPONENT =====
+/**
+ * ItemsList - A versatile, accessible list component with pagination support.
+ *
+ * Features:
+ * - Four modes: infinite, button, static, once
+ * - Optional virtual scrolling for large lists
+ * - Full accessibility support (ARIA live regions, keyboard navigation)
+ * - SEO-friendly with prev/next link tags
+ * - Uses Salla React wrapper components: SallaPlaceholder, SallaLoading, SallaButton
+ *
+ * @template T - Type of items in the list
+ */
+export function ItemsList({ 
+// Data & Loading
+items: initialItems, loader, 
+// Configuration
+mode = "infinite", pageUrl, 
+// Virtual Scrolling
+virtualize = false, estimateSize = DEFAULT_ESTIMATE_SIZE, overscan = DEFAULT_OVERSCAN, 
+// Rendering
+empty, skeleton, skeletonType = "loader", skeletonCount = 4, end, 
+// Performance
+rootMargin = DEFAULT_ROOT_MARGIN, 
+// Reset control
+resetKey, 
+// Accessibility & i18n
+t, ariaLabel, 
+// Styling
+className, itemsClassName, id, itemsId, itemsAs = "div", 
+// Children
+children, }) {
+    // Internal state management
+    const hasInitialItems = !!initialItems?.length;
+    const hasMoreData = mode === "infinite" || mode === "button";
+    const shouldLoadOnInit = mode === "infinite" || mode === "button" || mode === "once";
+    const isOnceMode = mode === "once";
+    // console.log("[ItemsList] render", {
+    //   mode,
+    //   hasMoreData,
+    //   hasInitialItems,
+    //   initialItemsLength: initialItems?.length,
+    //   resetKey,
+    // });
+    // Refs (defined before useState to be usable in initializer)
+    const loadingRef = useRef(false);
+    const initialLoadDoneRef = useRef(false);
+    const itemsRef = useRef(null);
+    const canTriggerLoadRef = useRef(true); // Prevents rapid re-triggering of infinite scroll
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const prevSyncTriggerRef = useRef(undefined); // Track previous syncTrigger for change detection
+    const hasSyncedRef = useRef(false); // Track if we've done initial sync (prevents double-sync in StrictMode)
+    const itemsCountRef = useRef(0); // Track items count via ref to avoid callback recreation
+    const [items, setItems] = useState(() => {
+        const initial = initialItems ?? [];
+        itemsCountRef.current = initial.length;
+        return initial;
+    });
+    const [nextCursor, setNextCursor] = useState(() => hasMoreData && loader ? "initial" : null);
+    const [isLoading, setIsLoading] = useState(() => {
+        const shouldLoad = mode === "infinite" || mode === "button" || mode === "once";
+        return !(initialItems?.length) && !!loader && shouldLoad;
+    });
+    const [error, setError] = useState(null);
+    const [hasLoadedOnceInOnceMode, setHasLoadedOnceInOnceMode] = useState(false);
+    // Translation helper
+    const translate = useCallback((key, fallback) => {
+        return t ? t(key, fallback) : fallback;
+    }, [t]);
+    // Determine rendering mode - only activate if shouldLoadOnInit is true
+    // 'static' mode: SSR already determined data state, don't call loader
+    // 'once' mode: Call loader once for initial data, then stop
+    // 'infinite'/'button' modes: Call loader and enable pagination
+    const isLoaderOnlyMode = !initialItems?.length && loader && shouldLoadOnInit;
+    // Determine pagination behavior
+    const isInfiniteMode = mode === "infinite" && loader;
+    const isButtonMode = mode === "button";
+    // Derived: has the component loaded any data?
+    const hasLoadedOnce = items.length > 0 || hasInitialItems;
+    // Derived: have we reached the end of the list?
+    const hasReachedEnd = !nextCursor && hasLoadedOnce;
+    // Intersection Observer for infinite scroll.
+    // isLoading is intentionally NOT in skip: disabling the observer while loading causes
+    // react-intersection-observer to return inView=false, which resets canTriggerLoadRef and
+    // triggers a second load when the observer re-activates after loading completes.
+    // The canTriggerLoadRef mechanism (set to false when loadMore fires, true when sentinel exits
+    // viewport) is sufficient to prevent double-loads without disabling the observer.
+    // When skeletonType='item', use a larger margin to trigger loading earlier during scroll,
+    // pre-loading items before the user reaches the end for a smoother experience.
+    const effectiveRootMargin = skeletonType === "item"
+        ? rootMargin === DEFAULT_ROOT_MARGIN
+            ? DEFAULT_ROOT_MARGIN_ITEM_SKELETON
+            : rootMargin
+        : rootMargin;
+    const { ref: sentinelRef, inView } = useInView({
+        rootMargin: effectiveRootMargin,
+        triggerOnce: false,
+        skip: !isInfiniteMode || !nextCursor,
+    });
+    // Load more handler
+    // Uses refs for conditions to prevent callback recreation on every pagination
+    const loadMore = useCallback(async () => {
+        // console.log("[ItemsList] loadMore called", {
+        //   hasLoader: !!loader,
+        //   loadingRef: loadingRef.current,
+        //   isOnceMode,
+        //   hasLoadedOnceInOnceMode,
+        //   nextCursor,
+        //   itemsCountRef: itemsCountRef.current,
+        //   hasInitialItems,
+        // });
+        if (!loader || loadingRef.current)
+            return;
+        // For 'once' mode: stop after first load
+        if (isOnceMode && hasLoadedOnceInOnceMode)
+            return;
+        // Don't load if there's no more data (nextCursor is null)
+        // Exception: first load for loader-only mode (no initial items, hasn't loaded yet)
+        const isFirstLoad = itemsCountRef.current === 0 && !hasInitialItems;
+        if (!nextCursor && !isFirstLoad)
+            return;
+        loadingRef.current = true;
+        setIsLoading(true);
+        setError(null);
+        try {
+            const result = await loader();
+            // console.log("[ItemsList] loader returned", {
+            //   newItemsLength: result.items.length,
+            //   nextCursor: result.next,
+            //   prevItemsCount: itemsCountRef.current,
+            // });
+            setItems((prev) => {
+                const newItems = [...prev, ...result.items];
+                itemsCountRef.current = newItems.length;
+                // console.log("[ItemsList] setItems", {
+                //   prevLength: prev.length,
+                //   addedLength: result.items.length,
+                //   newLength: newItems.length,
+                //   itemsCountRef: itemsCountRef.current,
+                // });
+                return newItems;
+            });
+            // In 'once' mode, always set nextCursor to null after first load to prevent pagination
+            setNextCursor(isOnceMode ? null : result.next);
+            if (isOnceMode) {
+                setHasLoadedOnceInOnceMode(true);
+            }
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : "Failed to load items");
+        }
+        finally {
+            loadingRef.current = false;
+            setIsLoading(false);
+        }
+    }, [
+        loader,
+        nextCursor,
+        hasInitialItems,
+        isOnceMode,
+        hasLoadedOnceInOnceMode,
+    ]);
+    // Initial load - ONLY for loader-only mode (no initial items)
+    useEffect(() => {
+        if (isLoaderOnlyMode &&
+            !loadingRef.current &&
+            !initialLoadDoneRef.current) {
+            initialLoadDoneRef.current = true;
+            loadMore();
+        }
+    }, [isLoaderOnlyMode, loadMore]);
+    // When resetKey is provided use it as the sync trigger; otherwise fall back to the initialItems
+    // reference so existing consumers without resetKey keep their current behaviour.
+    // This prevents background route re-validation (same data, new array reference) from wiping
+    // accumulated client-side pages when the consumer supplies an explicit resetKey.
+    const syncTrigger = resetKey !== undefined ? resetKey : initialItems;
+    // Sync state when the route intentionally provides new items (sort/filter/source change)
+    // Only reset when resetKey changes, NOT when hasMoreData changes
+    useEffect(() => {
+        const prevKey = prevSyncTriggerRef.current;
+        const keyChanged = prevKey !== syncTrigger;
+        const isInitialSync = !hasSyncedRef.current;
+        // console.log("[ItemsList] sync effect triggered", {
+        //   initialItemsLength: initialItems?.length,
+        //   currentItemsLength: items.length,
+        //   syncTrigger,
+        //   resetKey,
+        //   hasMoreData,
+        //   keyChanged,
+        //   prevKey,
+        //   isInitialSync,
+        // });
+        // Only reset if:
+        // 1. resetKey actually changed (intentional reset), OR
+        // 2. This is the initial sync with items (first mount)
+        // The hasSyncedRef prevents double-sync in StrictMode
+        if (initialItems && initialItems.length > 0 && keyChanged) {
+            // console.log("[ItemsList] SYNC: resetting items to initialItems", {
+            //   from: items.length,
+            //   to: initialItems.length,
+            // });
+            setItems(initialItems);
+            itemsCountRef.current = initialItems.length;
+            setNextCursor(hasMoreData && loader ? "initial" : null);
+            initialLoadDoneRef.current = false;
+            setHasLoadedOnceInOnceMode(false);
+            setError(null);
+        }
+        // Mark as synced and update ref for next comparison
+        hasSyncedRef.current = true;
+        prevSyncTriggerRef.current = syncTrigger;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [syncTrigger]);
+    // Handle infinite scroll trigger
+    // Uses "trigger once per intersection" pattern to prevent rapid re-triggering
+    // when the sentinel stays in viewport during/after loading
+    useEffect(() => {
+        // Reset the trigger flag when sentinel exits viewport
+        if (!inView) {
+            canTriggerLoadRef.current = true;
+        }
+        // Only trigger if sentinel entered, we haven't triggered yet, and conditions are met
+        if (inView &&
+            canTriggerLoadRef.current &&
+            isInfiniteMode &&
+            nextCursor &&
+            !isLoading) {
+            canTriggerLoadRef.current = false; // Prevent immediate re-trigger
+            loadMore();
+        }
+    }, [inView, isInfiniteMode, nextCursor, isLoading, loadMore]);
+    // Virtualizer setup (always call hook unconditionally per React rules)
+    const virtualizer = useVirtualizer({
+        count: items.length,
+        getScrollElement: () => itemsRef.current,
+        estimateSize: () => estimateSize,
+        overscan,
+    });
+    // Only use virtualization when enabled
+    const virtualItems = virtualize ? virtualizer.getVirtualItems() : null;
+    // SEO link generation
+    const getPageUrl = (cursor, direction) => {
+        if (!pageUrl || !cursor)
+            return null;
+        // Page-based pagination: cursor contains page=N (e.g. wishlist)
+        const pageMatch = cursor.match(/[?&]page=(\d+)/);
+        if (pageMatch) {
+            const pageNum = parseInt(pageMatch[1], 10);
+            const targetPage = direction === "next" ? pageNum : pageNum - 1;
+            if (targetPage < 1)
+                return null;
+            return `${pageUrl}?page=${targetPage}`;
+        }
+        // Cursor-based pagination: encode the cursor as the ?page= value so the SSR loader
+        // can read it back and pass it to the API as a cursor param.
+        // prev is not supported for cursor-based pagination.
+        return direction === "next"
+            ? `${pageUrl}?page=${encodeURIComponent(cursor)}`
+            : null;
+    };
+    const nextHref = getPageUrl(nextCursor, "next");
+    const prevHref = pageUrl && items.length > (initialItems?.length ?? 0)
+        ? getPageUrl(nextCursor, "prev") || pageUrl
+        : null;
+    // Render empty state
+    const renderEmpty = () => {
+        if (typeof empty === "string" && empty.trim()) {
+            return (_jsx(SallaPlaceholder, { alignment: "center", children: _jsx("span", { slot: "title", children: empty }) }));
+        }
+        if (empty && typeof empty !== "string") {
+            return empty;
+        }
+        return _jsx(SallaPlaceholder, { alignment: "center" });
+    };
+    // Render items
+    const renderItems = () => {
+        if (items.length === 0 && !isLoading && (initialLoadDoneRef.current || !shouldLoadOnInit)) {
+            return renderEmpty();
+        }
+        if (virtualItems) {
+            return (_jsx("div", { style: {
+                    height: `${virtualizer.getTotalSize()}px`,
+                    width: "100%",
+                    position: "relative",
+                }, children: virtualItems.map((virtualItem) => (_jsx("div", { "data-index": virtualItem.index, ref: virtualizer.measureElement, style: {
+                        position: "absolute",
+                        top: 0,
+                        left: 0,
+                        width: "100%",
+                        transform: `translateY(${virtualItem.start}px)`,
+                    }, children: children?.([items[virtualItem.index]]) }, virtualItem.key))) }));
+        }
+        const content = children ? children(items) : null;
+        const skeletons = isLoading && skeleton && skeletonType === "item"
+            ? Array.from({ length: skeletonCount }, (_, i) => (_jsx(React.Fragment, { children: skeleton }, `skeleton-${i}`)))
+            : null;
+        return (_jsxs(_Fragment, { children: [content, skeletons] }));
+    };
+    // Render load more button (button mode)
+    const renderLoadMoreButton = () => {
+        // Hide button if not button mode
+        if (!isButtonMode)
+            return null;
+        // Hide button when loading (loading indicator will show instead)
+        if (isLoading)
+            return null;
+        // Hide button if there's no more data
+        if (!nextCursor)
+            return null;
+        const buttonText = translate("common.elements.load_more", "Load More");
+        return (_jsx("div", { className: "s-items-list-load-more", children: _jsx(SallaButton, { width: "normal", onClick: loadMore, children: buttonText }) }));
+    };
+    // Render end message
+    const renderEndMessage = () => {
+        if (!hasReachedEnd || isOnceMode)
+            return null;
+        const endContent = end ?? translate("common.elements.end_of_content", DEFAULT_END);
+        if (typeof endContent === "string") {
+            if (!endContent.trim())
+                return null;
+            return _jsx("div", { className: "s-items-list-end", children: endContent });
+        }
+        return endContent;
+    };
+    // Render skeleton loader using SallaLoading
+    // Shows: 1) During initial load for loader-only mode, 2) During subsequent loads in any mode
+    // Only renders when skeletonType='loader' (inline skeletons handled in renderItems)
+    const renderSkeleton = () => {
+        if (!isLoading)
+            return null;
+        // Skip if skeletonType='item' (handled in renderItems)
+        if (skeletonType === "item")
+            return null;
+        // For initial load in loader-only mode, show custom skeleton or default
+        if (!hasLoadedOnce && !initialItems?.length) {
+            return (skeleton ?? (_jsx("div", { className: "s-items-list-loading", role: "status", "aria-busy": "true", children: _jsx(SallaLoading, { size: "24" }) })));
+        }
+        return (skeleton ?? (_jsx("div", { className: "s-items-list-loading-inline", role: "status", "aria-busy": "true", children: _jsx(SallaLoading, { size: "24" }) })));
+    };
+    // Render sentinel for infinite scroll
+    // Keep sentinel visible during loading so we show the loading indicator instead
+    const renderSentinel = () => {
+        if (!isInfiniteMode)
+            return null;
+        // Hide sentinel only when there's no more data (nextCursor is null after loading)
+        if (!nextCursor && !isLoading)
+            return null;
+        return _jsx("div", { ref: sentinelRef, className: "s-items-list-sentinel" });
+    };
+    return (_jsxs("div", { className: `s-items-list-root ${className ?? ""}`, id: id, "aria-label": ariaLabel, "aria-busy": isLoading, "aria-live": "polite", children: [pageUrl && nextHref && _jsx("link", { rel: "next", href: nextHref }), pageUrl && prevHref && _jsx("link", { rel: "prev", href: prevHref }), itemsAs === "Fragment" ? (renderItems()) : (_jsx("div", { ref: itemsRef, className: `s-items-list-items-wrapper ${itemsClassName ?? ""}${items.length === 0 && !isLoading && (initialLoadDoneRef.current || !shouldLoadOnInit) ? ' s-items-list-empty' : ''}`, id: itemsId, style: { overflow: virtualize ? "auto" : undefined }, children: renderItems() })), renderSkeleton(), error && (_jsxs("div", { className: "s-items-list-error", role: "alert", children: [_jsx("p", { className: "s-items-list-error-text", children: error }), _jsx(SallaButton, { fill: "outline", color: "danger", onClick: loadMore, children: translate("common.elements.retry", "Retry") })] })), renderLoadMoreButton(), renderEndMessage(), renderSentinel()] }));
+}
+export default ItemsList;
+//# sourceMappingURL=ItemsList.js.map

package/dist/native/items-list/ItemsList.js.map

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

package/dist/native/items-list/index.js

@@ -0,0 +1,3 @@
+// ItemsList component barrel export
+export { ItemsList, default } from './ItemsList';
+//# sourceMappingURL=index.js.map

package/dist/native/items-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/native/items-list/index.ts"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/dist/native/items-list/lazy.js

@@ -0,0 +1,22 @@
+// Lazy export for ItemsList component (code-splitting)
+import { lazy } from 'react';
+/**
+ * ItemsList - Lazy-loaded component for code-splitting
+ *
+ * A versatile, accessible list component with pagination support.
+ * Supports three rendering modes (static, loader-only, paginated)
+ * and two pagination modes (infinite scroll, load-more button).
+ *
+ * @example
+ * ```tsx
+ * const ItemsList = lazy(() => import('@salla.sa/twilight-components-react/native/items-list/lazy'));
+ *
+ * <Suspense fallback={<Loading />}>
+ *   <ItemsList items={products} loader={loadMore}>
+ *     {(items) => <ProductGrid items={items} />}
+ *   </ItemsList>
+ * </Suspense>
+ * ```
+ */
+export const ItemsList = lazy(() => import('./ItemsList'));
+//# sourceMappingURL=lazy.js.map

package/dist/native/items-list/lazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy.js","sourceRoot":"","sources":["../../../src/native/items-list/lazy.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC"}

package/dist/native/salla-button/SallaButton.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle, useState, useEffect, useRef, useMemo, } from 'react';
+const DEFAULT_SHAPE = 'btn';
+const DEFAULT_COLOR = 'primary';
+const DEFAULT_FILL = 'solid';
+const DEFAULT_SIZE = 'medium';
+const DEFAULT_WIDTH = 'normal';
+const DEFAULT_LOADER_POSITION = 'after';
+const DEFAULT_TYPE = 'button';
+function getButtonClasses(props, state) {
+    const shape = props.shape ?? DEFAULT_SHAPE;
+    const color = props.color ?? DEFAULT_COLOR;
+    const fill = props.fill ?? DEFAULT_FILL;
+    const size = props.size ?? DEFAULT_SIZE;
+    const width = props.width ?? DEFAULT_WIDTH;
+    const loaderPosition = props.loaderPosition ?? DEFAULT_LOADER_POSITION;
+    const classes = [
+        's-button-element',
+        `s-button-${shape}`,
+        fill === 'none' ? 's-button-fill-none' : shape !== 'link' || fill === 'outline' ? `s-button-${fill}` : '',
+        size !== 'medium' ? `s-button-${size}` : '',
+        width !== 'normal' ? `s-button-${width}` : '',
+        shape === 'link' ? `s-button-${color}-link` : '',
+        shape !== 'link' && fill !== 'outline' ? `s-button-${color}` : '',
+        fill === 'outline' ? `s-button-${color}-outline` : '',
+        state.disabled ? 's-button-disabled' : '',
+        shape === 'icon' ? 's-button-loader-center' : `s-button-loader-${loaderPosition}`,
+        props.className || '',
+    ];
+    return classes.filter(Boolean).join(' ');
+}
+function LoadingSpinner({ position }) {
+    return _jsx("span", { className: "s-button-loader" });
+}
+function ButtonContent({ children, state, loaderPosition, showLoader, textRef }) {
+    const hideText = state.loading && loaderPosition === 'center';
+    return (_jsxs(_Fragment, { children: [_jsx("span", { ref: textRef, className: `s-button-text${hideText ? ' s-button-hide' : ''}`, children: state.textContent ? _jsx("span", { dangerouslySetInnerHTML: { __html: state.textContent } }) : children }), showLoader && _jsx(LoadingSpinner, { position: loaderPosition })] }));
+}
+export const SallaButton = forwardRef((props, ref) => {
+    const { shape = DEFAULT_SHAPE, color = DEFAULT_COLOR, fill = DEFAULT_FILL, size = DEFAULT_SIZE, width = DEFAULT_WIDTH, loaderPosition = DEFAULT_LOADER_POSITION, type = DEFAULT_TYPE, href, disabled, loading, children, onClick, ariaLabel, ariaLabelledby, id, name, value, tabIndex, style, } = props;
+    const textRef = useRef(null);
+    const [state, setState] = useState({
+        loading: loading ?? false,
+        disabled: disabled ?? false,
+        textContent: '',
+    });
+    useEffect(() => {
+        if (loading !== undefined) {
+            setState(prev => ({ ...prev, loading }));
+        }
+    }, [loading]);
+    useEffect(() => {
+        if (disabled !== undefined) {
+            setState(prev => ({ ...prev, disabled }));
+        }
+    }, [disabled]);
+    useImperativeHandle(ref, () => ({
+        load: () => {
+            setState(prev => ({ ...prev, loading: true }));
+        },
+        stop: () => {
+            setState(prev => ({ ...prev, loading: false }));
+        },
+        setText: (html) => {
+            setState(prev => ({ ...prev, textContent: html }));
+        },
+        disable: () => {
+            setState(prev => ({ ...prev, disabled: true }));
+        },
+        enable: () => {
+            setState(prev => ({ ...prev, disabled: false }));
+        },
+    }), []);
+    const buttonClasses = useMemo(() => getButtonClasses(props, state), [props, state]);
+    const showLoader = state.loading;
+    const buttonProps = {
+        className: buttonClasses,
+        disabled: state.disabled,
+        type: href ? undefined : type,
+        onClick,
+        'aria-label': ariaLabel,
+        'aria-labelledby': ariaLabelledby,
+        id,
+        name,
+        value,
+        tabIndex,
+        style,
+    };
+    const renderButton = () => (_jsx("button", { ...buttonProps, children: _jsx(ButtonContent, { children: children, state: state, loaderPosition: loaderPosition, showLoader: showLoader, textRef: textRef }) }));
+    if (href) {
+        return (_jsx("div", { className: "s-button-wrap", children: _jsx("a", { href: href, className: buttonClasses, children: _jsx(ButtonContent, { children: children, state: state, loaderPosition: loaderPosition, showLoader: showLoader, textRef: textRef }) }) }));
+    }
+    return (_jsx("div", { className: "s-button-wrap", children: renderButton() }));
+});
+SallaButton.displayName = 'SallaButton';
+//# sourceMappingURL=SallaButton.js.map

package/dist/native/salla-button/SallaButton.js.map

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

package/dist/native/salla-button/index.js

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

package/dist/native/salla-button/index.js.map

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

package/dist/native/salla-button/types.js

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

package/dist/native/salla-button/types.js.map

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

package/dist/native/salla-products-list/SallaProductsList.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ItemsList } from "../items-list/ItemsList";
+const DEFAULT_ROOT_CLASS = "s-products-list";
+const DEFAULT_ITEMS_CLASS = "s-products-list-wrapper";
+export function SallaProductsList({ className, itemsClassName, children, ...props }) {
+    const mergedClassName = className
+        ? `${DEFAULT_ROOT_CLASS} ${className}`
+        : DEFAULT_ROOT_CLASS;
+    const mergedItemsClassName = itemsClassName
+        ? `${DEFAULT_ITEMS_CLASS} ${itemsClassName}`
+        : DEFAULT_ITEMS_CLASS;
+    return (_jsx(ItemsList, { className: mergedClassName, itemsClassName: mergedItemsClassName, ...props, children: children }));
+}
+//# sourceMappingURL=SallaProductsList.js.map

package/dist/native/salla-products-list/SallaProductsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SallaProductsList.js","sourceRoot":"","sources":["../../../src/native/salla-products-list/SallaProductsList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGpD,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;AAC7C,MAAM,mBAAmB,GAAG,yBAAyB,CAAC;AAEtD,MAAM,UAAU,iBAAiB,CAAI,EACnC,SAAS,EACT,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACkB;IAC1B,MAAM,eAAe,GAAG,SAAS;QAC/B,CAAC,CAAC,GAAG,kBAAkB,IAAI,SAAS,EAAE;QACtC,CAAC,CAAC,kBAAkB,CAAC;IAEvB,MAAM,oBAAoB,GAAG,cAAc;QACzC,CAAC,CAAC,GAAG,mBAAmB,IAAI,cAAc,EAAE;QAC5C,CAAC,CAAC,mBAAmB,CAAC;IAExB,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAE,eAAe,EAC1B,cAAc,EAAE,oBAAoB,KAChC,KAAK,YAER,QAAQ,GACC,CACb,CAAC;AACJ,CAAC"}

package/dist/native/salla-products-list/SallaProductsListLazy.js

@@ -0,0 +1,6 @@
+import React from "react";
+const SallaProductsListLazy = React.lazy(() => import("./SallaProductsList").then((module) => ({
+    default: module.SallaProductsList,
+})));
+export { SallaProductsListLazy };
+//# sourceMappingURL=SallaProductsListLazy.js.map

package/dist/native/salla-products-list/SallaProductsListLazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SallaProductsListLazy.js","sourceRoot":"","sources":["../../../src/native/salla-products-list/SallaProductsListLazy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,qBAAqB,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAC5C,MAAM,CAAC,qBAAqB,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAC9C,OAAO,EAAE,MAAM,CAAC,iBAAiB;CAClC,CAAC,CAAC,CAC2D,CAAC;AAEjE,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/native/salla-products-list/index.js

@@ -0,0 +1,3 @@
+export { SallaProductsList } from "./SallaProductsList";
+export { SallaProductsListLazy } from "./SallaProductsListLazy";
+//# sourceMappingURL=index.js.map

package/dist/native/salla-products-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/native/salla-products-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/native/salla-products-list/types.js

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

package/dist/native/salla-products-list/types.js.map

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

package/dist/native/salla-products-slider/SallaProductsSlider.js

@@ -0,0 +1,40 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { SallaSlider } from "../salla-slider";
+export function SallaProductsSlider({ loader, children, blockTitle, subTitle, displayAllUrl, autoplay, sliderConfig, sliderProps, skeleton, className, id, tag = "div", }) {
+    const [products, setProducts] = useState([]);
+    const [isLoading, setIsLoading] = useState(true);
+    useEffect(() => {
+        let isMounted = true;
+        const loadProducts = async () => {
+            try {
+                setIsLoading(true);
+                const result = await loader();
+                if (isMounted) {
+                    setProducts(result.items);
+                }
+            }
+            catch (error) {
+                console.error("Failed to load products:", error);
+            }
+            finally {
+                if (isMounted) {
+                    setIsLoading(false);
+                }
+            }
+        };
+        loadProducts();
+        return () => {
+            isMounted = false;
+        };
+    }, [loader]);
+    if (isLoading) {
+        return skeleton ? _jsx(_Fragment, { children: skeleton }) : null;
+    }
+    if (!products || products.length === 0) {
+        return null;
+    }
+    const Tag = tag;
+    return (_jsx(Tag, { className: className, id: id, children: _jsx(SallaSlider, { blockTitle: blockTitle, blockSubtitle: subTitle, displayAllUrl: displayAllUrl, autoPlay: autoplay, slideClassName: "s-products-slider-card", ...sliderProps, children: products.map((product, index) => (_jsx("div", { children: children(product, index) }, index))) }) }));
+}
+//# sourceMappingURL=SallaProductsSlider.js.map