@sonic-equipment/ui 202.0.0 → 204.0.0

package/dist/shared/providers/react-query-container.js

@@ -5,7 +5,7 @@ import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import { environment } from '../utils/environment.js';
 import { TIME } from '../utils/time.js';
 
-const queryClient = new QueryClient({
+const globalQueryClient = new QueryClient({
     defaultOptions: {
         queries: {
             /* Set gcTime and staleTime to 0 to disable react query cache */
@@ -15,8 +15,8 @@ const queryClient = new QueryClient({
         },
     },
 });
-function ReactQueryContainer({ children, enableDevTools = environment !== 'production', }) {
-    return (jsxs(QueryClientProvider, { client: queryClient, children: [enableDevTools && jsx(ReactQueryDevtools, { initialIsOpen: false }), children] }));
+function ReactQueryContainer({ children, enableDevTools = environment !== 'production', queryClient = globalQueryClient, }) {
+    return (jsxs(QueryClientProvider, { client: queryClient, children: [enableDevTools && jsx(ReactQueryDevtools, { initialIsOpen: false }), children instanceof Function ? children({ queryClient }) : children] }));
 }
 
-export { ReactQueryContainer };
+export { ReactQueryContainer, globalQueryClient };

package/dist/shared/routing/route-provider.d.ts

@@ -7,6 +7,7 @@ export interface RouteProviderProps {
     paths: Paths;
     url: {
         basePathname?: string;
+        href: string;
         pathname: string;
         search: string;
     };

package/dist/shared/routing/types.d.ts

@@ -24,6 +24,7 @@ export interface RouteContextValue {
     paths: Paths;
     url: {
         basePathname?: string;
+        href: string;
         pathname: string;
         search: string;
     };

package/dist/shared/routing/use-location.js

@@ -3,12 +3,12 @@ import qs from 'query-string';
 import { useRouter } from './use-router.js';
 
 function useLocation() {
-    const { url: { basePathname, pathname, search }, } = useRouter();
+    const { url: { basePathname, href, pathname, search }, } = useRouter();
     const query = qs.parse(search || '');
     return {
         basePathname,
         fullPathname: pathname,
-        href: `${pathname}${search}`,
+        href,
         pathname: pathname.replace(new RegExp(`^${basePathname}`), ''),
         query,
         search,

package/dist/sidebar/sidebar-provider.js

@@ -41,8 +41,6 @@ function SidebarProvider({ children }) {
     const { close, isDocked, isOpen, transition } = state;
     return (jsxs("div", { className: clsx(styles['sidebar-container'], {
             [styles['transition']]: transition,
-            [styles['docked']]: isDocked,
-            [styles['open']]: isOpen,
         }), children: [jsx(SidebarDetectBreakpoint, {}), children, jsx(BackgroundOverlay, { isOpen: isDocked && isOpen, onClick: close })] }));
 }
 

package/dist/styles.css

@@ -479,7 +479,7 @@ html {
         grid-template-rows: 1fr;
       }
 
-  .accordion-module-9WvAH .accordion-module-lf9d-:has(.accordion-module--Rwpb[disabled]) {
+  .accordion-module-9WvAH .accordion-module-lf9d-:has(.accordion-module--Rwpb[disabled]):not(.accordion-module-RnNRT) {
       border-color: var(--color-brand-light-gray);
     }
 
@@ -2218,6 +2218,21 @@ html {
       content: '/';
       margin-inline: 10px;
     }
+.breadcrumb-module-CQGse .breadcrumb-module-hxhDY.breadcrumb-module-ToeDB {
+      display: flex;
+    }
+.breadcrumb-module-CQGse .breadcrumb-module-hxhDY.breadcrumb-module-np5GK {
+      display: none;
+    }
+@media (width >= 768px) {
+      .breadcrumb-module-CQGse .breadcrumb-module-hxhDY.breadcrumb-module-ToeDB {
+        display: none;
+      }
+
+      .breadcrumb-module-CQGse .breadcrumb-module-hxhDY.breadcrumb-module-np5GK {
+        display: flex;
+      }
+    }
 @media (width < 768px) {
       .breadcrumb-module-CQGse .breadcrumb-module-hxhDY::after {
         display: none;
@@ -3369,6 +3384,7 @@ html {
 
 .product-card-module-pLaiB .product-card-module-XzunM {
     z-index: var(--z-top);
+    margin: 0;
     grid-area: sku;
     justify-self: start;
     -webkit-user-select: all;
@@ -8555,6 +8571,20 @@ button.swiper-pagination-bullet {
   padding: 64px 48px;
 }
 
+.product-detail-images-module-cdIHn {
+  display: none;
+}
+
+@media (width >= 1024px) {
+  .product-detail-images-module-0udrk {
+    display: none;
+  }
+
+  .product-detail-images-module-cdIHn {
+    display: grid;
+  }
+}
+
 .product-details-panel-module-MXfPm {
   display: flex;
   flex-direction: column;

package/dist/table/elements/col.js

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

package/dist/table/elements/use-table-row.js

@@ -1,3 +1,4 @@
+"use client";
 import { useContext } from 'react';
 import { TableRowContext } from './table-row-context.js';
 

package/dist/table/elements/use-table.js

@@ -1,3 +1,4 @@
+"use client";
 import { useContext } from 'react';
 import { TableContext } from './table-context.js';
 

package/dist/table/elements/use-td.js

@@ -1,3 +1,4 @@
+"use client";
 import { useState, useCallback, useEffect } from 'react';
 import { useTableRow } from './use-table-row.js';
 

package/dist/table/elements/use-th.js

@@ -1,3 +1,4 @@
+"use client";
 import { useState, useEffect } from 'react';
 import { useTableRow } from './use-table-row.js';
 

package/dist/text/highlight-text/highlight-text.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Fragment } from 'react';
 import styles from './highlight-text.module.css.js';

package/dist/text/truncated/truncated.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "202.0.0",
+  "version": "204.0.0",
   "type": "module",
   "license": "MIT",
   "engines": {
@@ -46,8 +46,8 @@
     "update-packages": "npx npm-check-updates -u"
   },
   "peerDependencies": {
-    "react": "^18",
-    "react-dom": "^18"
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.6",

package/dist/shared/hooks/use-cookie.js

@@ -1,34 +0,0 @@
-"use client";
-import { useState } from 'react';
-import Cookies from 'js-cookie';
-import { config } from '../../config.js';
-
-const defaultCookieOptions = {
-    domain: config.COOKIE_DOMAIN,
-    expires: 365,
-    path: '/',
-    sameSite: 'None',
-    secure: true,
-};
-function useCookie(name, options = defaultCookieOptions) {
-    const cookieValue = Cookies.get()?.[name];
-    const [stateValue, setStateValue] = useState(cookieValue);
-    if (cookieValue !== stateValue) {
-        setStateValue(cookieValue);
-    }
-    function setValue(valueOrFn) {
-        setStateValue(oldValue => {
-            const newValue = typeof valueOrFn === 'function' ? valueOrFn(oldValue) : valueOrFn;
-            if (newValue) {
-                Cookies.set(name, newValue, options);
-            }
-            else {
-                Cookies.remove(name);
-            }
-            return newValue;
-        });
-    }
-    return [stateValue, setValue];
-}
-
-export { defaultCookieOptions, useCookie };