@q2devel/q2-storybook 1.0.86 → 1.0.87
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Base/tooltip/Tooltip.js +1 -1
- package/dist/components/Ecommerce/basket-dialog/BasketDialog.d.ts +1 -1
- package/dist/components/Ecommerce/basket-dialog/BasketDialog.js +4 -4
- package/dist/components/Ecommerce/basket-overview/BasketOverview.d.ts +1 -1
- package/dist/components/Ecommerce/basket-overview/BasketOverview.js +3 -3
- package/dist/components/Forms/checkbox/Checkbox.d.ts +1 -1
- package/dist/components/Forms/checkbox/Checkbox.js +2 -2
- package/dist/components/Forms/checkbox/CheckboxGroup.js +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import buildClassesByJoining from '
|
|
2
|
+
import buildClassesByJoining from '../../../utils/StyleHelper';
|
|
3
3
|
import { FloatingPortal, arrow, autoUpdate, hide, offset, safePolygon, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole, useTransitionStyles, } from '@floating-ui/react';
|
|
4
4
|
import { forwardRef, useImperativeHandle, useRef, useState, } from 'react';
|
|
5
5
|
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) => {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
4
|
-
import Heading from '@/components/Base/heading/Heading';
|
|
5
|
-
import { Price } from '@/components/Base/price/Price';
|
|
6
|
-
import Spinner from '@/components/Base/spinner/Spinner';
|
|
3
|
+
import Spinner from '../../../components/Base/spinner/Spinner';
|
|
7
4
|
import { Dialog, DialogBackdrop, DialogPanel, DialogTitle } from '@headlessui/react';
|
|
8
5
|
import { MinusIcon, PlusIcon, XMarkIcon } from '@heroicons/react/24/outline';
|
|
9
6
|
import { useEffect, useRef, useState } from 'react';
|
|
7
|
+
import Heading from '../../../components/Base/heading/Heading';
|
|
8
|
+
import Button from '../../../components/Base/button/Button';
|
|
9
|
+
import { Price } from '../../../components/Base/price/Price';
|
|
10
10
|
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, }) => {
|
|
11
11
|
const [shouldShowAddingIndicator, setShouldShowAddingIndicator] = useState(false);
|
|
12
12
|
const initialTotalItems = useRef(null);
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
-
import Button from '
|
|
4
|
-
import Heading from '
|
|
5
|
-
import { Price } from '
|
|
3
|
+
import Button from '../../../components/Base/button/Button';
|
|
4
|
+
import Heading from '../../../components/Base/heading/Heading';
|
|
5
|
+
import { Price } from '../../../components/Base/price/Price';
|
|
6
6
|
import { CheckIcon, ClockIcon, TrashIcon } from '@heroicons/react/20/solid';
|
|
7
7
|
import { MinusIcon, PlusIcon } from '@heroicons/react/24/solid';
|
|
8
8
|
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, }) => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { InputHTMLAttributes, ReactNode, Ref } from 'react';
|
|
2
|
-
import { TooltipRef } from '
|
|
2
|
+
import { TooltipRef } from '../../../components/Base/tooltip/Tooltip';
|
|
3
3
|
export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'id' | 'type' | 'size'> & {
|
|
4
4
|
label: ReactNode;
|
|
5
5
|
hideLabel?: boolean;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef, useCallback, useEffect, useId, useRef, } from 'react';
|
|
3
|
-
import Tooltip from '
|
|
4
|
-
import buildClassesByJoining from '
|
|
3
|
+
import Tooltip from '../../../components/Base/tooltip/Tooltip';
|
|
4
|
+
import buildClassesByJoining from '../../../utils/StyleHelper';
|
|
5
5
|
const Checkbox = ({ label, hideLabel, valid = true, variant = 'primary', checkboxSize = 'md', indeterminate = false, renderMessageInTooltip, tooltipRef, message, inputClassName, labelClassName, disabled, checked, ...props }, ref) => {
|
|
6
6
|
const randomId = useId();
|
|
7
7
|
const defaultRef = useRef(null);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import buildClassesByJoining from '
|
|
2
|
+
import buildClassesByJoining from '../../../utils/StyleHelper';
|
|
3
3
|
const CheckboxGroup = ({ children, className, label, message, valid = true, checkboxSize = 'md', ...props }) => {
|
|
4
4
|
const containerClasses = buildClassesByJoining(['checkbox-group', className]);
|
|
5
5
|
const labelClasses = buildClassesByJoining([
|