@q2devel/q2-storybook 1.0.174 → 1.0.177

package/dist/components/Ecommerce/product-card/ProductCard.d.ts

@@ -83,5 +83,41 @@ export type ProductCardProps = {
     discountPriceClassName?: string;
     mainQuantUnitClassName?: string;
     discountQuantUnitClassName?: string;
+    classNames?: {
+        container?: string;
+        imageLayout?: string;
+        badges?: {
+            container?: string;
+            badge?: string;
+        };
+        deleteButton?: string;
+        wishlistButton?: string;
+        image?: string;
+        button?: string;
+        content?: string;
+        title?: string;
+        variationName?: string;
+        label?: {
+            country?: string;
+            volume?: string;
+        };
+        description?: string;
+        price?: {
+            container?: string;
+            mainPrice?: string;
+            mainQuantUnit?: string;
+            discountPrice?: string;
+            discountQuantUnit?: string;
+            control?: {
+                container?: string;
+                quantity?: string;
+                decrementButton?: string;
+                incrementButton?: string;
+                addButton?: string;
+            };
+        };
+        actionButton?: string;
+        footer?: string;
+    };
 };
-export declare const ProductCard: ({ product, href, className, imageClassName, contentClassName, titleClassName, priceClassName, priceDiscountClassName, descriptionClassName, labelClassName, aspectRatio, imagePosition, imageObjectFit, layout, hoverEffect, renderBadges, renderColor, renderDescription, elevationLevel, rounded, titleLines, onCardClick, onImageClick, renderFooter, renderHeader, renderVariationName, variationNameClassName, actionButton, linkToCatalog, showCountry, showVolume, showAddButton, showAddButtonOnHover, addButtonPosition, addButtonAlignment, addButtonText, addButtonBottomClassName, borderOnHoverClassName, currentQuantity, onQuantityChange, addButtonIcon, maxQuantity, controlsClassName, buttonClassName, quantityClassName, customAddButton, disabled, locale, cartMode, showSpinnerInAdd, addToCartButtonCustomAction, showWishlistButton, isInWishlist, onWishlistToggle, wishlistButtonClassName, isWishlistPending, enableMultipleWishlists, wishlists, onAddToWishlist, onRemoveFromWishlist, onCreateWishlist, wishlistDropdownClassName, productWishlistIds, showDeleteButton, onDelete, deleteButtonClassName, isDeletePending, deleteButtonSize, deleteButtonPosition, mainPriceFormatOptions, discountPriceFormatOptions, mainPriceClassName, discountPriceClassName, mainQuantUnitClassName, discountQuantUnitClassName, quantUnit, }: ProductCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProductCard: ({ product, href, className, imageClassName, contentClassName, titleClassName, priceClassName, priceDiscountClassName, descriptionClassName, labelClassName, aspectRatio, imagePosition, imageObjectFit, layout, hoverEffect, renderBadges, renderColor, renderDescription, elevationLevel, rounded, titleLines, onCardClick, onImageClick, renderFooter, renderHeader, renderVariationName, variationNameClassName, actionButton, linkToCatalog, showCountry, showVolume, showAddButton, showAddButtonOnHover, addButtonPosition, addButtonAlignment, addButtonText, addButtonBottomClassName, borderOnHoverClassName, currentQuantity, onQuantityChange, addButtonIcon, maxQuantity, controlsClassName, buttonClassName, quantityClassName, customAddButton, disabled, locale, cartMode, showSpinnerInAdd, addToCartButtonCustomAction, showWishlistButton, isInWishlist, onWishlistToggle, wishlistButtonClassName, isWishlistPending, enableMultipleWishlists, wishlists, onAddToWishlist, onRemoveFromWishlist, onCreateWishlist, wishlistDropdownClassName, productWishlistIds, showDeleteButton, onDelete, deleteButtonClassName, isDeletePending, deleteButtonSize, deleteButtonPosition, classNames, mainPriceFormatOptions, discountPriceFormatOptions, mainPriceClassName, discountPriceClassName, mainQuantUnitClassName, discountQuantUnitClassName, quantUnit, }: ProductCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Ecommerce/product-card/ProductCard.js

@@ -21,6 +21,43 @@ showWishlistButton = false, isInWishlist = false, onWishlistToggle, wishlistButt
 enableMultipleWishlists = false, wishlists = [], onAddToWishlist, onRemoveFromWishlist, onCreateWishlist, wishlistDropdownClassName = '', productWishlistIds = [], 
 // Delete functionality
 showDeleteButton = false, onDelete, deleteButtonClassName = '', isDeletePending = false, deleteButtonSize = 'md', deleteButtonPosition = 'top-right', 
+// classnames
+classNames = {
+    container: '',
+    imageLayout: '',
+    badges: {
+        container: '',
+        badge: '',
+    },
+    deleteButton: '',
+    wishlistButton: '',
+    image: '',
+    button: '',
+    content: '',
+    title: '',
+    variationName: '',
+    label: {
+        country: '',
+        volume: '',
+    },
+    description: '',
+    price: {
+        container: '',
+        mainPrice: '',
+        mainQuantUnit: '',
+        discountPrice: '',
+        discountQuantUnit: '',
+        control: {
+            container: '',
+            quantity: '',
+            decrementButton: '',
+            incrementButton: '',
+            addButton: '',
+        },
+    },
+    actionButton: '',
+    footer: '',
+}, 
 // Price formatting - NOVÉ JEDNODUCHÉ API
 mainPriceFormatOptions, discountPriceFormatOptions, mainPriceClassName, discountPriceClassName, mainQuantUnitClassName, discountQuantUnitClassName, quantUnit = '', }) => {
     const [showWishlistDropdown, setShowWishlistDropdown] = useState(false);
@@ -171,19 +208,19 @@ mainPriceFormatOptions, discountPriceFormatOptions, mainPriceClassName, discount
             onDelete(product);
         }
     }, [onDelete, product]);
-    return (_jsxs("div", { className: buildClassesByJoining('group relative h-full', layoutClass, elevationClass, onCardClick ? 'cursor-pointer' : '', borderOnHoverClassName, className), onClick: handleCardClick, children: [renderHeader && renderHeader(product), _jsxs("div", { className: buildClassesByJoining(imageLayoutClass, 'relative'), children: [product.badges && renderBadges && (_jsx("div", { className: "absolute top-2 left-2 z-10 flex flex-wrap gap-1", children: product.badges.map((badge, index) => (_jsx(Badge, { color: badge.color, children: badge.text }, index))) })), showDeleteButton ? (_jsx(DeleteButton, { show: showDeleteButton, onDelete: handleDelete, deleteButtonClassName: deleteButtonClassName, isDeletePending: isDeletePending, size: deleteButtonSize, position: deleteButtonPosition })) : (_jsx(LikeButton, { show: showWishlistButton, enableMultiple: enableMultipleWishlists, isInWishlist: isInWishlist, wishlists: wishlists, productWishlistIds: productWishlistIds, wishlistButtonClassName: wishlistButtonClassName, wishlistDropdownClassName: wishlistDropdownClassName, isWishlistPending: isWishlistPending, handleAddToWishlist: handleAddToWishlist, handleRemoveFromWishlist: handleRemoveFromWishlist, handleCreateNewWishlist: handleCreateNewWishlist, handleWishlistToggle: handleWishlistToggle })), _jsx("img", { alt: product.all_images[0]?.alt, src: product.all_images[0]?.href, className: buildClassesByJoining(aspectRatioClass, objectFitClass, objectPositionClass, hoverEffect !== 'none' ? hoverClass : '', roundedClass, 'bg-gray-200', onImageClick ? 'cursor-pointer' : '', imageClassName), onClick: handleImageClick }), addButtonPosition === 'overlay' && (_jsx(AddToCart, { buttonClassName: buttonClassName, addButtonIcon: getButtonIcon(), handleAddToCart: handleAddToCart, showAddButton: shouldShowAddButton(), disabled: disabled, customAddButton: customAddButton }))] }), _jsxs("div", { className: buildClassesByJoining('mt-4 h-full flex flex-col justify-between grow', contentLayoutClass, compactClass, contentClassName), children: [_jsxs("div", { className: "flex flex-col h-full justify-between", children: [_jsxs("div", { children: [_jsx(Heading, { level: 3, className: buildClassesByJoining('text-lg text-gray-700', titleLineClampClass, titleClassName), children: _jsxs(Button, { asLink: true, unstyled: true, href: href, children: [!onCardClick && (_jsx("span", { "aria-hidden": "true", className: "absolute inset-0" })), product.product_name] }) }), renderVariationName && product.variation_name && (_jsx("span", { className: buildClassesByJoining('text-md', variationNameClassName), children: product.variation_name })), (product.country || product.field_volume) && (_jsxs("p", { children: [showCountry && product.country && (_jsxs("span", { className: buildClassesByJoining('text-sm', labelClassName), children: [product.country, showVolume &&
+    return (_jsxs("div", { className: buildClassesByJoining('group relative h-full', layoutClass, elevationClass, onCardClick ? 'cursor-pointer' : '', borderOnHoverClassName, className, classNames?.container), onClick: handleCardClick, children: [renderHeader && renderHeader(product), _jsxs("div", { className: buildClassesByJoining(imageLayoutClass, 'relative', classNames?.imageLayout), children: [product.badges && renderBadges && (_jsx("div", { className: buildClassesByJoining("absolute top-2 left-2 z-10 flex flex-wrap gap-1", classNames?.badges?.container), children: product.badges.map((badge, index) => (_jsx(Badge, { color: badge.color, className: classNames?.badges?.badge, children: badge.text }, index))) })), showDeleteButton ? (_jsx(DeleteButton, { show: showDeleteButton, onDelete: handleDelete, deleteButtonClassName: buildClassesByJoining(deleteButtonClassName, classNames?.deleteButton), isDeletePending: isDeletePending, size: deleteButtonSize, position: deleteButtonPosition })) : (_jsx(LikeButton, { show: showWishlistButton, enableMultiple: enableMultipleWishlists, isInWishlist: isInWishlist, wishlists: wishlists, productWishlistIds: productWishlistIds, wishlistButtonClassName: buildClassesByJoining(wishlistButtonClassName, classNames?.wishlistButton), wishlistDropdownClassName: wishlistDropdownClassName, isWishlistPending: isWishlistPending, handleAddToWishlist: handleAddToWishlist, handleRemoveFromWishlist: handleRemoveFromWishlist, handleCreateNewWishlist: handleCreateNewWishlist, handleWishlistToggle: handleWishlistToggle })), _jsx("img", { alt: product.all_images[0]?.alt, src: product.all_images[0]?.href, className: buildClassesByJoining(aspectRatioClass, objectFitClass, objectPositionClass, hoverEffect !== 'none' ? hoverClass : '', roundedClass, 'bg-gray-200', onImageClick ? 'cursor-pointer' : '', imageClassName, classNames?.image), onClick: handleImageClick }), addButtonPosition === 'overlay' && (_jsx(AddToCart, { buttonClassName: buildClassesByJoining(buttonClassName, classNames?.button), addButtonIcon: getButtonIcon(), handleAddToCart: handleAddToCart, showAddButton: shouldShowAddButton(), disabled: disabled, customAddButton: customAddButton }))] }), _jsxs("div", { className: buildClassesByJoining('mt-4 h-full flex flex-col justify-between grow', contentLayoutClass, compactClass, contentClassName, classNames?.content), children: [_jsxs("div", { className: "flex flex-col h-full justify-between", children: [_jsxs("div", { children: [_jsx(Heading, { level: 3, className: buildClassesByJoining('text-lg text-gray-700', classNames?.title, titleLineClampClass, titleClassName), children: _jsxs(Button, { asLink: true, unstyled: true, href: href, children: [!onCardClick && (_jsx("span", { "aria-hidden": "true", className: buildClassesByJoining("absolute inset-0", classNames?.button?.link) })), product.product_name] }) }), renderVariationName && product.variation_name && (_jsx("span", { className: buildClassesByJoining('text-md', variationNameClassName, classNames?.variationName), children: product.variation_name })), (product.country || product.field_volume) && (_jsxs("p", { className: buildClassesByJoining(classNames?.label), children: [showCountry && product.country && (_jsxs("span", { className: buildClassesByJoining('text-sm', labelClassName, classNames?.label?.country), children: [product.country, showVolume &&
                                                         product.field_volume &&
-                                                        ', '] })), showVolume && product.field_volume && (_jsx("span", { className: buildClassesByJoining('text-sm', labelClassName), children: product.field_volume }))] })), renderDescription && product.description && (_jsx("span", { className: buildClassesByJoining('mt-1 text-sm text-gray-500 line-clamp-2', descriptionClassName), children: parseHTML(product.description) }))] }), _jsx("div", { className: "flex flex-col justify-between", children: _jsxs("div", { className: "flex flex-col justify-between", children: [_jsx(Price, { value: product.price, locale: locale, options: mainPriceFormatOptions, className: buildClassesByJoining('text-md font-bold text-gray-900', mainPriceClassName), quantUnit: quantUnit, quantUnitClassName: buildClassesByJoining('text-md font-bold text-black', mainQuantUnitClassName) }), product?.discountPercent != null &&
+                                                        ', '] })), showVolume && product.field_volume && (_jsx("span", { className: buildClassesByJoining('text-sm', labelClassName, classNames?.label?.volume), children: product.field_volume }))] })), renderDescription && product.description && (_jsx("span", { className: buildClassesByJoining('mt-1 text-sm text-gray-500 line-clamp-2', descriptionClassName, classNames?.description), children: parseHTML(product.description) }))] }), _jsx("div", { className: "flex flex-col justify-between", children: _jsxs("div", { className: buildClassesByJoining("flex flex-col justify-between", classNames?.price?.container), children: [_jsx(Price, { value: product.price, locale: locale, options: mainPriceFormatOptions, className: buildClassesByJoining('text-md font-bold text-gray-900', mainPriceClassName, classNames?.price?.mainPrice), quantUnit: quantUnit, quantUnitClassName: buildClassesByJoining('text-md font-bold text-black', mainQuantUnitClassName, classNames?.price?.mainQuantUnit) }), product?.discountPercent != null &&
                                             product.discountPercent > 0 && (_jsx(Price, { value: product.price /
                                                 (1 - product.discountPercent / 100), locale: locale, options: discountPriceFormatOptions ||
-                                                mainPriceFormatOptions, className: buildClassesByJoining('text-sm font-normal text-gray-900 line-through', discountPriceClassName), quantUnit: quantUnit, quantUnitClassName: buildClassesByJoining('text-sm font-normal text-black line-through', discountQuantUnitClassName) })), addButtonPosition === 'bottom' && (_jsx("div", { className: buildClassesByJoining('mt-3 flex w-full relative z-10', getBottomButtonAlignment()), onClick: (e) => e.stopPropagation(), children: shouldShowQuantityControls() ? (
+                                                mainPriceFormatOptions, className: buildClassesByJoining('text-sm font-normal text-gray-900 line-through', discountPriceClassName, classNames?.price?.discountPrice), quantUnit: quantUnit, quantUnitClassName: buildClassesByJoining('text-sm font-normal text-black line-through', discountQuantUnitClassName, classNames?.price?.discountQuantUnit) })), addButtonPosition === 'bottom' && (_jsx("div", { className: buildClassesByJoining('mt-3 flex w-full relative z-10', getBottomButtonAlignment(), classNames?.price?.control), onClick: (e) => e.stopPropagation(), children: shouldShowQuantityControls() ? (
                                             // Quantity controls
-                                            _jsxs("div", { className: buildClassesByJoining('flex items-center gap-2', controlsClassName), children: [_jsx(Button, { onClick: handleDecrement, className: buildClassesByJoining('w-8 h-8 flex items-center justify-center rounded border', addButtonBottomClassName), disabled: disabled ||
-                                                            currentQuantity <= 0, children: "\u2212" }), _jsx("span", { className: buildClassesByJoining('mx-2 font-medium', quantityClassName), children: currentQuantity }), _jsx(Button, { onClick: handleIncrement, className: buildClassesByJoining('w-8 h-8 flex items-center justify-center rounded border', addButtonBottomClassName), disabled: disabled ||
+                                            _jsxs("div", { className: buildClassesByJoining('flex items-center gap-2', controlsClassName, classNames?.price?.control?.quantity), children: [_jsx(Button, { onClick: handleDecrement, className: buildClassesByJoining('w-8 h-8 flex items-center justify-center rounded border', addButtonBottomClassName, classNames?.price?.control?.decrementButton), disabled: disabled ||
+                                                            currentQuantity <= 0, children: "\u2212" }), _jsx("span", { className: buildClassesByJoining('mx-2 font-medium', quantityClassName, classNames?.price?.control?.quantity), children: currentQuantity }), _jsx(Button, { onClick: handleIncrement, className: buildClassesByJoining('w-8 h-8 flex items-center justify-center rounded border', addButtonBottomClassName, classNames?.price?.control?.incrementButton), disabled: disabled ||
                                                             currentQuantity >=
                                                                 maxQuantity, children: "+" })] })) : shouldShowAddButton() ? (
                                             // Add button
                                             customAddButton || (_jsxs(Button, { onClick: handleAddToCart, className: buildClassesByJoining('flex items-center gap-2 px-4 py-2 rounded-md transition-colors', disabled
                                                     ? 'opacity-50 cursor-not-allowed'
-                                                    : '', addButtonBottomClassName), disabled: disabled, children: [getButtonIcon(), _jsx("span", { children: addButtonText })] }))) : null }))] }) })] }), actionButton && _jsx("div", { className: "mt-2", children: actionButton }), renderFooter && renderFooter(product)] })] }));
+                                                    : '', addButtonBottomClassName, classNames?.price?.control?.addButton), disabled: disabled, children: [getButtonIcon(), _jsx("span", { children: addButtonText })] }))) : null }))] }) })] }), actionButton && _jsx("div", { className: buildClassesByJoining("mt-2", classNames?.actionButton), children: actionButton }), renderFooter && _jsx("div", { className: buildClassesByJoining("mt-2", classNames?.footer), children: renderFooter(product) })] })] }));
 };

package/dist/components/Ecommerce/product-detail/ProductDetail.d.ts

@@ -141,6 +141,29 @@ export type ProductProps = {
     onAddToSpecificWishlist?: (wishlistId: string) => void;
     onRemoveFromSpecificWishlist?: (wishlistId: string) => void;
     onCreateNewWishlistFromDropdown?: (name: string) => void;
+    translationsWishlistDropdown?: {
+        wishlistLists?: string;
+        createNewWishlist?: string;
+        createNewWishlistCancel?: string;
+        wishlistOptions?: string;
+        close?: string;
+        createNewWishlistInputPlaceholder?: string;
+    };
+    classNamesWishlistDropdown?: {
+        wishlistLists?: string;
+        wishlistItem?: string;
+        icon?: {
+            remove?: string;
+            add?: string;
+            check?: string;
+        };
+        button?: {
+            createNewWishlist?: string;
+            createNewWishlistCancel?: string;
+        };
+        form?: string;
+        input?: string;
+    };
     onShippingOptionsClick?: () => void;
     isWatchdogEnabled?: boolean;
     onWatchdogClick?: () => void;
@@ -180,4 +203,4 @@ export type ProductProps = {
     volumeQuantUnitClassName?: string;
     breakpointForFreeShipping?: number;
 };
-export declare const ProductDetail: ({ name, price, discountPercent, description, detail, buttonText, className, specification, conversionToOtherUnit, hiddenStock, classNames, buttonClassName, descriptionClassName, product, currentQuantity, onQuantityChange, maxQuantity, disabled, badges, showVariations, variations, currentVariationId, cartMode, onOpenBasket, addToCartButtonCustomAction, selectedVariationGradient, showWishlistButton, isInWishlist, onWishlistToggle, enableMultipleWishlists, wishlists, onAddToWishlist, onRemoveFromWishlist, onCreateWishlist, productWishlistIds, isWishlistPending, isLogged, onWishlistTextClick, showWishlistDropdown, onCloseWishlistDropdown, onAddToSpecificWishlist, onRemoveFromSpecificWishlist, onCreateNewWishlistFromDropdown, onShippingOptionsClick, isWatchdogEnabled, onWatchdogClick, onDemandClick, translations, locale, quantUnit, mainPriceFormatOptions, discountPriceFormatOptions, variationPriceFormatOptions, volumePriceFormatOptions, mainPriceClassName, discountPriceClassName, variationPriceClassName, mainQuantUnitClassName, discountQuantUnitClassName, volumePriceClassName, volumeQuantUnitClassName, breakpointForFreeShipping, }: ProductProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ProductDetail: ({ name, price, discountPercent, description, detail, buttonText, className, specification, conversionToOtherUnit, hiddenStock, classNames, buttonClassName, descriptionClassName, product, currentQuantity, onQuantityChange, maxQuantity, disabled, badges, showVariations, variations, currentVariationId, cartMode, onOpenBasket, addToCartButtonCustomAction, selectedVariationGradient, showWishlistButton, isInWishlist, onWishlistToggle, enableMultipleWishlists, wishlists, onAddToWishlist, onRemoveFromWishlist, onCreateWishlist, productWishlistIds, isWishlistPending, isLogged, onWishlistTextClick, showWishlistDropdown, onCloseWishlistDropdown, onAddToSpecificWishlist, onRemoveFromSpecificWishlist, onCreateNewWishlistFromDropdown, translationsWishlistDropdown, classNamesWishlistDropdown, onShippingOptionsClick, isWatchdogEnabled, onWatchdogClick, onDemandClick, translations, locale, quantUnit, mainPriceFormatOptions, discountPriceFormatOptions, variationPriceFormatOptions, volumePriceFormatOptions, mainPriceClassName, discountPriceClassName, variationPriceClassName, mainQuantUnitClassName, discountQuantUnitClassName, volumePriceClassName, volumeQuantUnitClassName, breakpointForFreeShipping, }: ProductProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Ecommerce/product-detail/ProductDetail.js

@@ -81,7 +81,7 @@ product, currentQuantity = 0, onQuantityChange, maxQuantity = 99, disabled = fal
 // Wishlist props
 showWishlistButton = false, isInWishlist = false, onWishlistToggle, enableMultipleWishlists = false, wishlists = [], onAddToWishlist, onRemoveFromWishlist, onCreateWishlist, productWishlistIds = [], isWishlistPending = false, isLogged = false, onWishlistTextClick, 
 // Wishlist dropdown props
-showWishlistDropdown = false, onCloseWishlistDropdown, onAddToSpecificWishlist, onRemoveFromSpecificWishlist, onCreateNewWishlistFromDropdown, 
+showWishlistDropdown = false, onCloseWishlistDropdown, onAddToSpecificWishlist, onRemoveFromSpecificWishlist, onCreateNewWishlistFromDropdown, translationsWishlistDropdown, classNamesWishlistDropdown, 
 //modals
 onShippingOptionsClick, isWatchdogEnabled = false, onWatchdogClick, onDemandClick, translations = {
     recommendedPrice: 'Doporučená cena',
@@ -184,11 +184,11 @@ mainPriceFormatOptions, discountPriceFormatOptions, variationPriceFormatOptions,
                                                                     variation.id && (_jsx("div", { className: buildClassesByJoining('absolute inset-0 pointer-events-none', classNames
                                                                     ?.variations
                                                                     ?.variationActiveButton), style: {
-                                                                    background: `
-                                                                radial-gradient(circle at top left, var(--primary) 0%, transparent 20%),
-                                                                radial-gradient(circle at top right, var(--primary) 0%, transparent 20%),
-                                                                radial-gradient(circle at bottom left, var(--primary) 0%, transparent 20%),
-                                                                radial-gradient(circle at bottom right, var(--primary) 0%, transparent 20%)
+                                                                    background: `
+                                                                radial-gradient(circle at top left, var(--primary) 0%, transparent 20%),
+                                                                radial-gradient(circle at top right, var(--primary) 0%, transparent 20%),
+                                                                radial-gradient(circle at bottom left, var(--primary) 0%, transparent 20%),
+                                                                radial-gradient(circle at bottom right, var(--primary) 0%, transparent 20%)
                                                             `,
                                                                     opacity: 0.2,
                                                                 } })), _jsxs("div", { className: buildClassesByJoining('flex flex-col justify-between gap-1 relative z-10 flex-1 min-w-0 pr-2', classNames?.variations
@@ -260,7 +260,7 @@ mainPriceFormatOptions, discountPriceFormatOptions, variationPriceFormatOptions,
                                                                                 [], isWishlistPending: isWishlistPending, onAddToWishlist: onAddToSpecificWishlist ||
                                                                                 (() => { }), onRemoveFromWishlist: onRemoveFromSpecificWishlist ||
                                                                                 (() => { }), onCreateNewWishlist: onCreateNewWishlistFromDropdown ||
-                                                                                (() => { }), onClose: onCloseWishlistDropdown, isModal: false }) })] }))] }))] }) })] }), specification && specification.length > 0 && (_jsxs("section", { className: "mt-10", children: [_jsx(Heading, { level: 3, className: classNames?.specification?.heading, children: translations.specification }), specification.map((item, index) => {
+                                                                                (() => { }), onClose: onCloseWishlistDropdown, isModal: false, translationsWishlistDropdown: translationsWishlistDropdown, classNamesWishlistDropdown: classNamesWishlistDropdown }) })] }))] }))] }) })] }), specification && specification.length > 0 && (_jsxs("section", { className: "mt-10", children: [_jsx(Heading, { level: 3, className: classNames?.specification?.heading, children: translations.specification }), specification.map((item, index) => {
                                             if ('separator' in item) {
                                                 return (_jsx("div", { className: "h-4" }, index));
                                             }

package/dist/components/Ecommerce/wishlist/WishlistDropdown.d.ts

@@ -13,6 +13,29 @@ export interface WishlistDropdownProps {
     onClose?: () => void;
     className?: string;
     isModal?: boolean;
+    translationsWishlistDropdown?: {
+        wishlistLists?: string;
+        createNewWishlist?: string;
+        createNewWishlistCancel?: string;
+        wishlistOptions?: string;
+        close?: string;
+        createNewWishlistInputPlaceholder?: string;
+    };
+    classNamesWishlistDropdown?: {
+        wishlistLists?: string;
+        wishlistItem?: string;
+        icon?: {
+            remove?: string;
+            add?: string;
+            check?: string;
+        };
+        button?: {
+            createNewWishlist?: string;
+            createNewWishlistCancel?: string;
+        };
+        form?: string;
+        input?: string;
+    };
 }
-export declare const WishlistDropdown: ({ show, wishlists, productWishlistIds, isWishlistPending, onAddToWishlist, onRemoveFromWishlist, onCreateNewWishlist, onClose, className, isModal, }: WishlistDropdownProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const WishlistDropdown: ({ show, wishlists, productWishlistIds, isWishlistPending, onAddToWishlist, onRemoveFromWishlist, onCreateNewWishlist, onClose, className, isModal, translationsWishlistDropdown, classNamesWishlistDropdown, }: WishlistDropdownProps) => import("react/jsx-runtime").JSX.Element | null;
 export default WishlistDropdown;

package/dist/components/Ecommerce/wishlist/WishlistDropdown.js

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import buildClassesByJoining from '../../../utils/StyleHelper';
 import { CheckIcon, PlusCircleIcon, TrashIcon, } from '@heroicons/react/24/outline';
 import { useRef, useState } from 'react';
+import buildClassesByJoining from '../../../utils/StyleHelper';
 import TextField from '../../Forms/text-field/TextField';
-export const WishlistDropdown = ({ show, wishlists, productWishlistIds, isWishlistPending, onAddToWishlist, onRemoveFromWishlist, onCreateNewWishlist, onClose, className, isModal = false, }) => {
+export const WishlistDropdown = ({ show, wishlists, productWishlistIds, isWishlistPending, onAddToWishlist, onRemoveFromWishlist, onCreateNewWishlist, onClose, className, isModal = false, translationsWishlistDropdown, classNamesWishlistDropdown, }) => {
     const [showNewWishlistInput, setShowNewWishlistInput] = useState(false);
     const [newWishlistName, setNewWishlistName] = useState('');
     const inputRef = useRef(null);
@@ -33,16 +33,27 @@ export const WishlistDropdown = ({ show, wishlists, productWishlistIds, isWishli
     };
     if (!show)
         return null;
-    const dropdownContent = (_jsxs("div", { className: "py-1", children: [wishlists.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "px-3 py-1.5 text-xs font-semibold text-gray-500 uppercase tracking-wider", children: "Wishlist Lists" }), wishlists.map((wishlist) => {
+    const dropdownContent = (_jsxs("div", { className: "py-1", children: [wishlists.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: buildClassesByJoining('px-3 py-1.5 text-xs font-semibold text-gray-500 uppercase tracking-wider', classNamesWishlistDropdown?.wishlistLists), children: translationsWishlistDropdown?.wishlistLists ||
+                            'Seznamy' }), wishlists.map((wishlist) => {
                         const isInWishlist = productWishlistIds.includes(wishlist.id);
-                        return (_jsxs("button", { onClick: () => handleWishlistClick(wishlist.id, isInWishlist), className: "w-full text-left px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100 flex items-center justify-between", disabled: isWishlistPending, children: [_jsxs("div", { className: "flex items-center", children: [isInWishlist ? (_jsx(TrashIcon, { className: "h-3.5 w-3.5 mr-2 text-red-600" })) : (_jsx(PlusCircleIcon, { className: "h-3.5 w-3.5 mr-2 text-green-600" })), _jsx("span", { className: "truncate", children: wishlist.name })] }), isInWishlist && (_jsx(CheckIcon, { className: "h-4 w-4 text-green-600 flex-shrink-0" }))] }, wishlist.id));
-                    })] })), showNewWishlistInput ? (_jsx("form", { onSubmit: handleCreateNewWishlist, className: "px-3 py-2 border-t", children: _jsxs("div", { className: "space-y-2", children: [_jsx(TextField, { ref: inputRef, value: newWishlistName, onChange: (e) => setNewWishlistName(e.target.value), placeholder: "New wishlist name", size: "sm", className: "text-xs", onClick: (e) => e.stopPropagation(), disabled: isWishlistPending }), _jsxs("div", { className: "flex gap-1.5", children: [_jsx("button", { type: "submit", disabled: !newWishlistName.trim() || isWishlistPending, className: "flex-1 px-2 py-1 text-xs text-white bg-green-600 rounded hover:bg-green-700 disabled:opacity-50", children: "Create" }), _jsx("button", { type: "button", onClick: (e) => {
+                        return (_jsxs("button", { onClick: () => handleWishlistClick(wishlist.id, isInWishlist), className: buildClassesByJoining('w-full text-left px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100 flex items-center justify-between', classNamesWishlistDropdown?.wishlistItem), disabled: isWishlistPending, children: [_jsxs("div", { className: "flex items-center", children: [isInWishlist ? (_jsx(TrashIcon, { className: buildClassesByJoining('h-3.5 w-3.5 mr-2 text-red-600', classNamesWishlistDropdown?.icon
+                                                ?.remove) })) : (_jsx(PlusCircleIcon, { className: buildClassesByJoining('h-3.5 w-3.5 mr-2 text-green-600', classNamesWishlistDropdown?.icon
+                                                ?.add) })), _jsx("span", { className: "truncate", children: wishlist.name })] }), isInWishlist && (_jsx(CheckIcon, { className: buildClassesByJoining('h-4 w-4 text-green-600 flex-shrink-0', classNamesWishlistDropdown?.icon
+                                        ?.check) }))] }, wishlist.id));
+                    })] })), showNewWishlistInput ? (_jsx("form", { onSubmit: handleCreateNewWishlist, className: buildClassesByJoining('px-3 py-2 border-t', classNamesWishlistDropdown?.form), children: _jsxs("div", { className: "space-y-2", children: [_jsx(TextField, { ref: inputRef, value: newWishlistName, onChange: (e) => setNewWishlistName(e.target.value), placeholder: translationsWishlistDropdown?.createNewWishlistInputPlaceholder ||
+                                'Název nového seznamu', size: "sm", className: buildClassesByJoining('text-xs', classNamesWishlistDropdown?.input), onClick: (e) => e.stopPropagation(), disabled: isWishlistPending }), _jsxs("div", { className: "flex gap-1.5", children: [_jsx("button", { type: "submit", disabled: !newWishlistName.trim() || isWishlistPending, className: buildClassesByJoining('flex-1 px-2 py-1 text-xs text-white bg-green-600 rounded hover:bg-green-700 disabled:opacity-50', classNamesWishlistDropdown?.button
+                                        ?.createNewWishlist), children: translationsWishlistDropdown?.createNewWishlist ||
+                                        'Vytvořit' }), _jsx("button", { type: "button", onClick: (e) => {
                                         e.stopPropagation();
                                         setShowNewWishlistInput(false);
                                         setNewWishlistName('');
-                                    }, className: "flex-1 px-2 py-1 text-xs text-gray-600 bg-gray-200 rounded hover:bg-gray-300", children: "Cancel" })] })] }) })) : (_jsxs("button", { onClick: handleShowNewWishlistInput, className: "w-full text-left px-3 py-1.5 text-sm text-green-600 hover:bg-gray-100 flex items-center border-t", disabled: isWishlistPending, children: [_jsx(PlusCircleIcon, { className: "h-3.5 w-3.5 mr-2" }), _jsx("span", { className: "truncate", children: "Create New Wishlist" })] }))] }));
+                                    }, className: buildClassesByJoining('flex-1 px-2 py-1 text-xs text-gray-600 bg-gray-200 rounded hover:bg-gray-300', classNamesWishlistDropdown?.button
+                                        ?.createNewWishlistCancel), children: translationsWishlistDropdown?.createNewWishlistCancel ||
+                                        'Zrušit' })] })] }) })) : (_jsxs("button", { onClick: handleShowNewWishlistInput, className: buildClassesByJoining('w-full text-left px-3 py-1.5 text-sm text-green-600 hover:bg-gray-100 flex items-center border-t', classNamesWishlistDropdown?.button?.createNewWishlist), disabled: isWishlistPending, children: [_jsx(PlusCircleIcon, { className: "h-3.5 w-3.5 mr-2" }), _jsx("span", { className: "truncate", children: translationsWishlistDropdown?.createNewWishlist ||
+                            'Vytvořit nový seznam' })] }))] }));
     if (isModal) {
-        return (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50", children: _jsxs("div", { className: "bg-white rounded-lg shadow-xl p-6 m-4 max-w-md w-full", onClick: (e) => e.stopPropagation(), children: [_jsx("h3", { className: "text-lg font-semibold mb-4", children: "Wishlist Options" }), _jsx("div", { className: "bg-white rounded-md shadow-xs border border-gray-200", children: dropdownContent }), onClose && (_jsx("button", { onClick: onClose, className: "mt-4 w-full px-4 py-2 border border-gray-300 rounded hover:bg-gray-50", children: "Close" }))] }) }));
+        return (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50", children: _jsxs("div", { className: "bg-white rounded-lg shadow-xl p-6 m-4 max-w-md w-full", onClick: (e) => e.stopPropagation(), children: [_jsx("h3", { className: "text-lg font-semibold mb-4", children: translationsWishlistDropdown?.wishlistOptions ||
+                            'Možnosti seznamu' }), _jsx("div", { className: "bg-white rounded-md shadow-xs border border-gray-200", children: dropdownContent }), onClose && (_jsx("button", { onClick: onClose, className: "mt-4 w-full px-4 py-2 border border-gray-300 rounded hover:bg-gray-50", children: translationsWishlistDropdown?.close || 'Zavřít' }))] }) }));
     }
     return (_jsx("div", { className: buildClassesByJoining('absolute right-0 mt-1 w-52 bg-white rounded-md shadow-xl z-50 border border-gray-200', className), children: dropdownContent }));
 };

package/dist/components/MIKS/movie-detail/MovieDetail.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button } from '@q2devel/q2-storybook';
+import Button from '../../Base/button/Button';
 import parse from 'html-react-parser';
 import { useState } from 'react';
 /**

package/dist/components/MIKS/navbar/NavBar.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { NavBar as BaseNavBar } from '@q2devel/q2-storybook';
+import { NavBar as BaseNavBar } from '../../Web/nav-bar/NavBar';
 /**
  * NavBar Component
  *

package/dist/components/MIKS/theatre-event/TheatreEvent.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '@q2devel/q2-storybook';
+import Button from '../../Base/button/Button';
 import parse from 'html-react-parser';
 /**
  * TheatreEvent Component

package/dist/components/Web/dynamic-grid/DynamicLayout.js

@@ -142,10 +142,10 @@ export const DynamicLayout = ({ x, y, gap = 4, }) => {
                             if (isDragging && !isExistingBlock) {
                                 setEnd(i);
                             }
-                        }, onContextMenu: (e) => handleRightClick(e, i), className: `
-                border border-dashed rounded cursor-pointer relative
-                transition-colors duration-300
-                ${color ?? 'bg-gray-800 border-gray-600'}
+                        }, onContextMenu: (e) => handleRightClick(e, i), className: `
+                border border-dashed rounded cursor-pointer relative
+                transition-colors duration-300
+                ${color ?? 'bg-gray-800 border-gray-600'}
               `, children: block && i === block.start && (_jsx("div", { className: "absolute top-0 left-0 px-1 py-0.5", children: editingBlockId === block.id ? (_jsx("input", { autoFocus: true, className: "text-xs font-semibold bg-white text-gray-800 px-1 py-0.5 rounded outline-none w-24", value: block.title, onChange: (e) => handleRename(block.id, e.target.value), onBlur: () => setEditingBlockId(null), onKeyDown: (e) => {
                                     if (e.key === 'Enter')
                                         setEditingBlockId(null);

package/package.json

@@ -1,84 +1,84 @@
-{
-    "name": "@q2devel/q2-storybook",
-    "version": "1.0.174",
-    "main": "dist/index.js",
-    "module": "dist/index.js",
-    "types": "dist/index.d.ts",
-    "exports": {
-        ".": {
-            "types": "./dist/index.d.ts",
-            "default": "./dist/index.js"
-        },
-        "./styles": "./dist/style.css"
-    },
-    "files": [
-        "dist"
-    ],
-    "scripts": {
-        "test": "echo \"Error: no test specified\" && exit 1",
-        "storybook": "storybook dev -p 6006",
-        "build-storybook": "storybook build",
-        "build": "tsc && npm run build:css",
-        "build:css": "postcss src/global.css -o dist/style.css",
-        "prepublishOnly": "npm version patch && npm run build",
-        "publish:patch": "npm publish && npm run build",
-        "publish:minor": "npm version minor && npm run build && npm publish",
-        "publish:major": "npm version major && npm run build && npm publish",
-        "chromatic": "chromatic --project-token=chpt_371d8e65041a19e "
-    },
-    "keywords": [],
-    "author": "Q2",
-    "license": "ISC",
-    "description": "Komponenty nebo konfigurace pro storybook",
-    "devDependencies": {
-        "@storybook/addon-actions": "^8.6.14",
-        "@storybook/addon-essentials": "^8.6.14",
-        "@storybook/addon-interactions": "^8.6.14",
-        "@storybook/addon-links": "^8.6.14",
-        "@storybook/addon-onboarding": "^8.6.14",
-        "@storybook/addon-viewport": "^8.6.14",
-        "@storybook/blocks": "^8.6.14",
-        "@storybook/nextjs": "^8.6.14",
-        "@storybook/react": "^8.6.14",
-        "@storybook/test": "^8.6.14",
-        "@tailwindcss/postcss": "^4.1.8",
-        "@types/body-parser": "^1.19.6",
-        "@types/classnames": "^2.3.0",
-        "@types/express": "^5.0.3",
-        "@types/node": "^22.14.1",
-        "@types/react": "^19.1.2",
-        "@types/react-dom": "^19.1.2",
-        "autoprefixer": "^10.4.21",
-        "chromatic": "^12.0.0",
-        "cssnano": "^7.0.7",
-        "postcss": "^8.5.4",
-        "postcss-cli": "^11.0.1",
-        "react": "^19.0.0",
-        "react-dom": "^19.0.0",
-        "rollup-plugin-postcss": "^4.0.2",
-        "storybook": "^8.6.14",
-        "tailwindcss": "^4.1.8",
-        "typescript": "^5.8.3"
-    },
-    "peerDependencies": {
-        "react": "^19.0.0",
-        "react-dom": "^19.0.0"
-    },
-    "dependencies": {
-        "@headlessui/react": "^2.2.2",
-        "@heroicons/react": "^2.2.0",
-        "@q2devel/q2-core": "^1.0.69",
-        "@tanstack/react-query": "^5.76.1",
-        "axios": "^1.9.0",
-        "body-parser": "^2.2.0",
-        "classnames": "^2.5.1",
-        "express": "^5.1.0",
-        "html-react-parser": "^5.2.3",
-        "react-select": "^5.10.1",
-        "tailwind-merge": "^3.2.0",
-        "zod": "^4.0.14"
-    },
-    "overrides": {
-        "storybook": "$storybook"
-    }
-}
+{
+    "name": "@q2devel/q2-storybook",
+    "version": "1.0.177",
+    "main": "dist/index.js",
+    "module": "dist/index.js",
+    "types": "dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "default": "./dist/index.js"
+        },
+        "./styles": "./dist/style.css"
+    },
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1",
+        "storybook": "storybook dev -p 6006",
+        "build-storybook": "storybook build",
+        "build": "tsc && npm run build:css",
+        "build:css": "postcss src/global.css -o dist/style.css",
+        "prepublishOnly": "npm version patch && npm run build",
+        "publish:patch": "npm publish && npm run build",
+        "publish:minor": "npm version minor && npm run build && npm publish",
+        "publish:major": "npm version major && npm run build && npm publish",
+        "chromatic": "chromatic --project-token=chpt_371d8e65041a19e "
+    },
+    "keywords": [],
+    "author": "Q2",
+    "license": "ISC",
+    "description": "Komponenty nebo konfigurace pro storybook",
+    "devDependencies": {
+        "@storybook/addon-actions": "^8.6.14",
+        "@storybook/addon-essentials": "^8.6.14",
+        "@storybook/addon-interactions": "^8.6.14",
+        "@storybook/addon-links": "^8.6.14",
+        "@storybook/addon-onboarding": "^8.6.14",
+        "@storybook/addon-viewport": "^8.6.14",
+        "@storybook/blocks": "^8.6.14",
+        "@storybook/nextjs": "^8.6.14",
+        "@storybook/react": "^8.6.14",
+        "@storybook/test": "^8.6.14",
+        "@tailwindcss/postcss": "^4.1.8",
+        "@types/body-parser": "^1.19.6",
+        "@types/classnames": "^2.3.0",
+        "@types/express": "^5.0.3",
+        "@types/node": "^22.14.1",
+        "@types/react": "^19.1.2",
+        "@types/react-dom": "^19.1.2",
+        "autoprefixer": "^10.4.21",
+        "chromatic": "^12.0.0",
+        "cssnano": "^7.0.7",
+        "postcss": "^8.5.4",
+        "postcss-cli": "^11.0.1",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
+        "rollup-plugin-postcss": "^4.0.2",
+        "storybook": "^8.6.14",
+        "tailwindcss": "^4.1.8",
+        "typescript": "^5.8.3"
+    },
+    "peerDependencies": {
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0"
+    },
+    "dependencies": {
+        "@headlessui/react": "^2.2.2",
+        "@heroicons/react": "^2.2.0",
+        "@q2devel/q2-core": "^1.0.71",
+        "@tanstack/react-query": "^5.76.1",
+        "axios": "^1.9.0",
+        "body-parser": "^2.2.0",
+        "classnames": "^2.5.1",
+        "express": "^5.1.0",
+        "html-react-parser": "^5.2.3",
+        "react-select": "^5.10.1",
+        "tailwind-merge": "^3.2.0",
+        "zod": "^4.0.14"
+    },
+    "overrides": {
+        "storybook": "$storybook"
+    }
+}