@digital-b2c/coreui-kit 0.17.1 → 0.17.3

package/dist/index.d.cts

@@ -275,11 +275,8 @@ declare const PracticeCard: ({ className, title, cta, image }: PracticeCardProps
 
 interface SidebarCategory {
     label: string;
-    /**
-     * Value matched against `ResourceItem.category` to filter items.
-     * Omit it (e.g. an "All Resources" entry) to show every item.
-     */
     value?: string;
+    extension?: string;
     active?: boolean;
     hasNotification?: boolean;
 }

package/dist/index.d.ts

@@ -275,11 +275,8 @@ declare const PracticeCard: ({ className, title, cta, image }: PracticeCardProps
 
 interface SidebarCategory {
     label: string;
-    /**
-     * Value matched against `ResourceItem.category` to filter items.
-     * Omit it (e.g. an "All Resources" entry) to show every item.
-     */
     value?: string;
+    extension?: string;
     active?: boolean;
     hasNotification?: boolean;
 }

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import clsx49 from 'clsx';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import React71, { forwardRef, useId, useRef, useState, useCallback, useMemo, useEffect, Children, isValidElement, Fragment as Fragment$1 } from 'react';
+import React71, { forwardRef, useId, useRef, useState, useCallback, useMemo, useEffect, Children, isValidElement, Fragment as Fragment$1, useSyncExternalStore } from 'react';
 import gsap$1, { gsap } from 'gsap';
 import { useGSAP } from '@gsap/react';
 import { ScrollTrigger } from 'gsap/ScrollTrigger';
@@ -4572,6 +4572,16 @@ var ResourcesGridList_module_default = {
   notificationDot: "ResourcesGridList_module_notificationDot"
 };
 var ITEMS_PER_PAGE = 12;
+var getCategorySlug = (cat) => {
+  var _a;
+  return (cat == null ? void 0 : cat.extension) || ((_a = cat == null ? void 0 : cat.label) == null ? void 0 : _a.replaceAll(" ", "-").toLocaleLowerCase());
+};
+var subscribeHash = (onStoreChange) => {
+  window.addEventListener("hashchange", onStoreChange);
+  return () => window.removeEventListener("hashchange", onStoreChange);
+};
+var getHashSnapshot = () => window.location.hash;
+var getServerHashSnapshot = () => "";
 var ResourcesGridList = ({
   className,
   items = [],
@@ -4587,22 +4597,28 @@ var ResourcesGridList = ({
   const [sortValue, setSortValue] = useState(defaultSort);
   const [searchQuery, setSearchQuery] = useState("");
   const [currentPage, setCurrentPage] = useState(1);
-  const [selectedCategory, setSelectedCategory] = useState(() => {
-    const activeIndex = categories.findIndex((cat) => cat.active);
-    return activeIndex === -1 ? 0 : activeIndex;
-  });
   const widgetRef = useRef(null);
   const { is } = useViewPort_default();
   const isMobile = is("tablet", "below");
+  const currentHash = useSyncExternalStore(subscribeHash, getHashSnapshot, getServerHashSnapshot);
+  const selectedCategory = (() => {
+    const hash = decodeURIComponent(currentHash.replace(/^#/, ""));
+    if (hash) {
+      const hashIndex = categories.findIndex((cat) => getCategorySlug(cat) === hash);
+      if (hashIndex !== -1) return hashIndex;
+    }
+    const activeIndex = categories.findIndex((cat) => cat.active);
+    return activeIndex === -1 ? 0 : activeIndex;
+  })();
   const selectedValue = (_a = categories[selectedCategory]) == null ? void 0 : _a.value;
   const handleSelectCategory = (index) => {
     var _a2, _b;
-    setSelectedCategory(index);
     setCurrentPage(1);
     const categoryText = (_b = (_a2 = categories[index]) == null ? void 0 : _a2.label) == null ? void 0 : _b.replaceAll(" ", "-");
+    const slug = getCategorySlug(categories[index]);
     if (typeof window !== "undefined" && categoryText) {
       const base_url = window.location.pathname.endsWith("/") ? window.location.pathname.slice(0, -1) : window.location.pathname;
-      const url = categoryText !== "All-Resources" ? `${base_url}#${categoryText}` : `${base_url}`;
+      const url = categoryText !== "All-Resources" ? `${base_url}/#${slug}` : `${base_url}`;
       window.history.replaceState(null, "", url);
       window.dispatchEvent(new HashChangeEvent("hashchange"));
     }