@sonic-equipment/ui 167.0.0 → 169.0.0

package/dist/toast/toast-provider.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { ToastContainer, Slide } from 'react-toastify';
 import styles from './toast-provider.module.css.js';

package/dist/tooltip/tooltip.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useMemo, cloneElement } from 'react';
 import { usePress } from 'react-aria';

package/dist/typography/heading/heading.js

@@ -1,3 +1,4 @@
+"use client";
 import { createElement } from 'react';
 import clsx from 'clsx';
 import styles from './heading.module.css.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "167.0.0",
+  "version": "169.0.0",
   "type": "module",
   "license": "MIT",
   "engines": {

package/dist/header/cart-icon/connected-cart-icon.d.ts

@@ -1,3 +0,0 @@
-export declare function ConnectedCartIcon({ href }: {
-    href: string;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/header/cart-icon/connected-cart-icon.js

@@ -1,14 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useFormattedMessage } from '../../intl/use-formatted-message.js';
-import { CartIcon } from '../../navigation/cart-icon/cart-icon.js';
-import { useFetchCurrentCartCount } from '../../shared/api/storefront/hooks/cart/use-fetch-current-cart-count.js';
-import { RouteIconButton } from '../../shared/routing/route-icon-button.js';
-
-function ConnectedCartIcon({ href }) {
-    const count = useFetchCurrentCartCount();
-    const t = useFormattedMessage();
-    return (jsx(RouteIconButton, { "data-test-selector": "cartIcon", href: href, children: jsx(CartIcon, { "aria-label": t('Shopping cart'), count: count }) }));
-}
-
-export { ConnectedCartIcon };

package/dist/header/hamburger-button/hamburger-button.js

@@ -1,14 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { IconButton } from '../../buttons/icon-button/icon-button.js';
-import { useFormattedMessage } from '../../intl/use-formatted-message.js';
-import styles from './hamburger-button.module.css.js';
-
-function HamburgerButton({ 'aria-controls': ariaControls, isActive, onActiveChange, }) {
-    const t = useFormattedMessage();
-    return (jsx(IconButton, { "aria-controls": ariaControls, "aria-expanded": isActive, onClick: () => onActiveChange(!isActive), title: t('Toggle navigation menu'), type: "button", children: jsxs("div", { className: clsx(styles['hamburger-button'], {
-                [styles.active]: isActive,
-            }), children: [jsx("span", { "aria-hidden": "true" }), jsx("span", { "aria-hidden": "true" }), jsx("span", { "aria-hidden": "true" })] }) }));
-}
-
-export { HamburgerButton };

package/dist/header/hamburger-button/hamburger-button.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"hamburger-button":"hamburger-button-module-xER52","active":"hamburger-button-module-7yoVH"};
-
-export { styles as default };

package/dist/notifications/announcements/announcement-provider.d.ts

@@ -1 +0,0 @@
-export declare function AnnouncementProvider(): import("react/jsx-runtime").JSX.Element;

package/dist/notifications/announcements/announcement-provider.js

@@ -1,29 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useRef } from 'react';
-import { TransitionGroup, CSSTransition } from 'react-transition-group';
-import { useCultureCode } from '../../intl/use-culture-code.js';
-import { useLogError } from '../../logging/use-log-error.js';
-import { useFetchAnnouncements } from '../../shared/api/bff/hooks/use-fetch-announcements.js';
-import { useLocalStorage } from '../../shared/hooks/use-local-storage.js';
-import { ConnectedAnnouncement } from './connected-announcement.js';
-import styles from './announcement-provider.module.css.js';
-
-function AnnouncementProvider() {
-    const cultureCode = useCultureCode();
-    const nodeRef = useRef(null);
-    const { data: announcements, error } = useFetchAnnouncements({
-        cultureCode,
-    });
-    useLogError(error);
-    const [dismissedIds, setDismissedIds] = useLocalStorage('dismissedAnnouncementIds', []);
-    const filteredAnnouncements = announcements?.filter(({ id }) => !dismissedIds.includes(id));
-    return (jsx(TransitionGroup, { className: styles['announcement-provider'], children: filteredAnnouncements?.map(announcement => (jsx(CSSTransition, { classNames: {
-                enter: styles['announcement-enter'],
-                enterActive: styles['announcement-enter-active'],
-                exit: styles['announcement-exit'],
-                exitActive: styles['announcement-exit-active'],
-            }, nodeRef: nodeRef, timeout: 300, children: jsx(ConnectedAnnouncement, { announcement: announcement, onDismiss: id => setDismissedIds(dismissedIds => [...dismissedIds, id]) }) }, announcement.id))) }));
-}
-
-export { AnnouncementProvider };

package/dist/notifications/announcements/announcement-provider.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"announcement-provider":"announcement-provider-module-sVIKY","announcement-enter":"announcement-provider-module-ksjgO","announcement-enter-active":"announcement-provider-module-k0zd-","announcement-exit":"announcement-provider-module-w2N0B","announcement-exit-active":"announcement-provider-module-4lfx2"};
-
-export { styles as default };

package/dist/notifications/announcements/connected-announcement.d.ts

@@ -1,5 +0,0 @@
-import { AnnouncementProps } from './announcement';
-type ConnectedAnnouncementProps = AnnouncementProps;
-export declare const now: () => Date;
-export declare function ConnectedAnnouncement({ announcement: { endDate, startDate, ...announcement }, onDismiss, }: ConnectedAnnouncementProps): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/notifications/announcements/connected-announcement.js

@@ -1,27 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useState, useCallback, useEffect } from 'react';
-import { TIME } from '../../shared/utils/time.js';
-import { Announcement } from './announcement.js';
-
-const now = () => new Date();
-function ConnectedAnnouncement({ announcement: { endDate, startDate, ...announcement }, onDismiss, }) {
-    const [isVisible, setIsVisible] = useState(() => (!startDate || startDate <= now()) && (!endDate || endDate > now()));
-    const getIsVisible = useCallback(() => isVisible, [isVisible]);
-    useEffect(() => {
-        if (endDate && now() >= endDate)
-            return;
-        const intervalId = setInterval(() => {
-            const isStillVisible = (!startDate || startDate <= now()) && (!endDate || endDate > now());
-            if (getIsVisible() && !isStillVisible)
-                clearInterval(intervalId);
-            setIsVisible(isStillVisible);
-        }, 1 * TIME.MINUTE);
-        return () => clearInterval(intervalId);
-    }, [endDate, getIsVisible, startDate]);
-    if (!isVisible)
-        return null;
-    return jsx(Announcement, { announcement: announcement, onDismiss: onDismiss });
-}
-
-export { ConnectedAnnouncement, now };

package/dist/shared/api/bff/model/announcement.model.d.ts

@@ -1,12 +0,0 @@
-interface Announcement {
-    endDate?: string;
-    href: string;
-    id: string;
-    startDate?: string;
-    subType: string;
-    text: string;
-    title: string;
-    type: string;
-}
-export type AnnouncementResponse = Announcement[];
-export {};

package/dist/shared/model/link.d.ts

@@ -1,15 +0,0 @@
-export interface NavigationLink {
-    external: boolean;
-    key: string;
-    links: NavigationLink[];
-    openInNewTab: boolean;
-    title: string;
-    type: string;
-    url: string;
-}
-export interface LinkBlock {
-    key: string;
-    links: NavigationLink[];
-    title: string;
-    type: string;
-}