@q2devel/q2-storybook 1.0.86 → 1.0.88

package/dist/components/Base/tooltip/Tooltip.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import buildClassesByJoining from '@/utils/StyleHelper';
+import buildClassesByJoining from '../../../utils/StyleHelper';
 import { FloatingPortal, arrow, autoUpdate, hide, offset, safePolygon, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole, useTransitionStyles, } from '@floating-ui/react';
 import { forwardRef, useImperativeHandle, useRef, useState, } from 'react';
 const Tooltip = ({ className, children, content, placement = 'top', strategy: strategyProp = 'absolute', contentClassName, zIndex = 30, portalTarget, backgroundColor, textColor, disabled = false, disableAutoHide, lazy = true, size = 'md', variant = 'default', ...props }, ref) => {

package/dist/components/Ecommerce/basket-dialog/BasketDialog.d.ts

@@ -1,4 +1,4 @@
-import { PriceFormatOptions } from '@/utils/generalHelperFunction';
+import { PriceFormatOptions } from '../../../utils/generalHelperFunction';
 import { Product } from '@q2devel/q2-core';
 export type BasketProduct = Omit<Product, 'price'> & {
     quantity: number;

package/dist/components/Ecommerce/basket-dialog/BasketDialog.js

@@ -1,12 +1,12 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Button from '@/components/Base/button/Button';
-import Heading from '@/components/Base/heading/Heading';
-import { Price } from '@/components/Base/price/Price';
-import Spinner from '@/components/Base/spinner/Spinner';
+import Spinner from '../../../components/Base/spinner/Spinner';
 import { Dialog, DialogBackdrop, DialogPanel, DialogTitle } from '@headlessui/react';
 import { MinusIcon, PlusIcon, XMarkIcon } from '@heroicons/react/24/outline';
 import { useEffect, useRef, useState } from 'react';
+import Heading from '../../../components/Base/heading/Heading';
+import Button from '../../../components/Base/button/Button';
+import { Price } from '../../../components/Base/price/Price';
 export const BasketDialog = ({ isOpen, onClose, products, subtotal, onQuantityChange, onRemoveProduct, onCheckout, onContinueShopping, productLink, title = 'Váš košík', checkoutText = 'Pokračovat k objednávce', continueShoppingText = 'Pokračovat v nákupu', showShippingNote = true, showQuantityControls = true, pendingUpdates = {}, processingItems = {}, isAddingToCart = false, totalItems, locale, productPriceOptions, totalPriceOptions, translations, }) => {
     const [shouldShowAddingIndicator, setShouldShowAddingIndicator] = useState(false);
     const initialTotalItems = useRef(null);

package/dist/components/Ecommerce/basket-overview/BasketOverview.d.ts

@@ -1,4 +1,4 @@
-import { PriceFormatOptions } from '@/utils/generalHelperFunction';
+import { PriceFormatOptions } from '../../../utils/generalHelperFunction';
 import { Product } from '@q2devel/q2-core';
 export type BasketProduct = Product & {
     quantity: number;

package/dist/components/Ecommerce/basket-overview/BasketOverview.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import Button from '@/components/Base/button/Button';
-import Heading from '@/components/Base/heading/Heading';
-import { Price } from '@/components/Base/price/Price';
+import Button from '../../../components/Base/button/Button';
+import Heading from '../../../components/Base/heading/Heading';
+import { Price } from '../../../components/Base/price/Price';
 import { CheckIcon, ClockIcon, TrashIcon } from '@heroicons/react/20/solid';
 import { MinusIcon, PlusIcon } from '@heroicons/react/24/solid';
 export const BasketOverview = ({ products, subtotal, onQuantityChange, onRemoveProduct, onClearBasket, onCheckout, onContinueShopping, productLink, title = 'Shopping Cart', checkoutText = 'Checkout', continueShoppingText = 'Continue Shopping', showShippingNote = true, clearBasketText = 'Clear basket', totalText, shippingNote, pendingUpdates = {}, processingItems = {}, locale, productPriceOptions, TotalPriceOptions, translations, }) => {
@@ -27,7 +27,7 @@ export const BasketOverview = ({ products, subtotal, onQuantityChange, onRemoveP
                                         const displayQuantity = productKey in pendingUpdates
                                             ? pendingUpdates[productKey]
                                             : product.quantity;
-                                        return (_jsxs("li", { className: "flex py-6", children: [_jsx("div", { className: "shrink-0", children: _jsx("img", { width: 128, height: 128, alt: product.variation_images[0]?.alt, src: product.variation_images[0]?.href, className: "size-24 rounded-md object-contain sm:size-32" }) }), _jsxs("div", { className: "ml-4 flex flex-1 flex-col sm:ml-6", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex justify-between", children: [_jsx(Heading, { level: 4, children: _jsx(Button, { asLink: true, unstyled: true, href: productLink?.(product.product_name, product.variation_uuid), className: "font-medium text-gray-700 hover:text-gray-800", children: product.product_name }) }), _jsx("span", { className: "ml-4 text-sm font-medium text-gray-900", children: _jsx(Price, { value: product.price, locale: locale, options: productPriceOptions }) })] }), product.size && (_jsx("p", { className: "mt-1 text-sm text-gray-500", children: product.size }))] }), _jsxs("div", { className: "mt-4 flex flex-1 items-end justify-between", children: [_jsx("div", { className: "flex items-center space-x-2 text-sm text-gray-700", children: product.inStock !== undefined && (_jsxs(_Fragment, { children: [product.inStock ? (_jsx(CheckIcon, { "aria-hidden": "true", className: "size-5 shrink-0 text-[var(--primary)]" })) : (_jsx(ClockIcon, { "aria-hidden": "true", className: "size-5 shrink-0 text-gray-300" })), _jsx("span", { children: product.inStock
+                                        return (_jsxs("li", { className: "flex py-6", children: [_jsx("div", { className: "shrink-0", children: _jsx("img", { width: 128, height: 128, alt: product.variation_images[0]?.alt, src: product.variation_images[0]?.href, className: "size-24 rounded-md object-contain sm:size-32" }) }), _jsxs("div", { className: "ml-4 flex flex-1 flex-col sm:ml-6", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex justify-between", children: [_jsx(Heading, { level: 4, children: _jsx(Button, { asLink: true, unstyled: true, href: productLink?.(product.product_name, product.variation_id), className: "font-medium text-gray-700 hover:text-gray-800", children: product.product_name }) }), _jsx("span", { className: "ml-4 text-sm font-medium text-gray-900", children: _jsx(Price, { value: product.price, locale: locale, options: productPriceOptions }) })] }), product.size && (_jsx("p", { className: "mt-1 text-sm text-gray-500", children: product.size }))] }), _jsxs("div", { className: "mt-4 flex flex-1 items-end justify-between", children: [_jsx("div", { className: "flex items-center space-x-2 text-sm text-gray-700", children: product.inStock !== undefined && (_jsxs(_Fragment, { children: [product.inStock ? (_jsx(CheckIcon, { "aria-hidden": "true", className: "size-5 shrink-0 text-[var(--primary)]" })) : (_jsx(ClockIcon, { "aria-hidden": "true", className: "size-5 shrink-0 text-gray-300" })), _jsx("span", { children: product.inStock
                                                                                     ? 'In stock'
                                                                                     : `Will ship in ${product.leadTime}` })] })) }), _jsxs("div", { className: "flex items-center", children: [_jsx("button", { type: "button", onClick: () => handleDecrement(product, displayQuantity), disabled: isProcessing, className: `rounded-full p-1 text-gray-600 ${isProcessing
                                                                                 ? 'bg-gray-100 cursor-not-allowed opacity-50'

package/dist/components/Forms/checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes, ReactNode, Ref } from 'react';
-import { TooltipRef } from '@/components/Base/tooltip/Tooltip';
+import { TooltipRef } from '../../../components/Base/tooltip/Tooltip';
 export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'id' | 'type' | 'size'> & {
     label: ReactNode;
     hideLabel?: boolean;

package/dist/components/Forms/checkbox/Checkbox.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback, useEffect, useId, useRef, } from 'react';
-import Tooltip from '@/components/Base/tooltip/Tooltip';
-import buildClassesByJoining from '@/utils/StyleHelper';
+import Tooltip from '../../../components/Base/tooltip/Tooltip';
+import buildClassesByJoining from '../../../utils/StyleHelper';
 const Checkbox = ({ label, hideLabel, valid = true, variant = 'primary', checkboxSize = 'md', indeterminate = false, renderMessageInTooltip, tooltipRef, message, inputClassName, labelClassName, disabled, checked, ...props }, ref) => {
     const randomId = useId();
     const defaultRef = useRef(null);

package/dist/components/Forms/checkbox/CheckboxGroup.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import buildClassesByJoining from '@/utils/StyleHelper';
+import buildClassesByJoining from '../../../utils/StyleHelper';
 const CheckboxGroup = ({ children, className, label, message, valid = true, checkboxSize = 'md', ...props }) => {
     const containerClasses = buildClassesByJoining(['checkbox-group', className]);
     const labelClasses = buildClassesByJoining([

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@q2devel/q2-storybook",
-    "version": "1.0.86",
+    "version": "1.0.88",
     "main": "dist/index.js",
     "module": "dist/index.js",
     "types": "dist/index.d.ts",