@pnkx-lib/ui 1.9.445 → 1.9.447

package/es/chunks/{useBreadcrumb-Cor4nvR1.js → useBreadcrumb-CpCPSE3S.js}

@@ -1,5 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
-import React__default, { useMemo } from 'react';
+import * as React from 'react';
+import React__default from 'react';
 import { useLocation, Link } from 'react-router';
 
 const extractRoutesFromMenu = (menuItems) => {
@@ -53,14 +54,24 @@ function validateAbsolutePaths(menu, nearestAncestorPath) {
   }
 }
 
+const pathToRegex = (pattern) => {
+  const normalized = normalize(pattern);
+  const escaped = normalized.replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&");
+  const withParams = escaped.replace(/:([^/]+)/g, "[^/]+");
+  return new RegExp(`^${withParams}/?$`);
+};
 const full = (itemPath) => normalize(itemPath ?? "/");
+const matchPath = (configPath, pathname) => {
+  const rx = pathToRegex(configPath);
+  return rx.test(normalize(pathname));
+};
 function findTrail(menu, pathUrl) {
   const trail = [];
   const walk = (items) => {
     for (const item of items) {
       const fullPath = full(item.path);
       trail.push({ ...item, fullPath });
-      if (fullPath === pathUrl) return true;
+      if (item.path && matchPath(fullPath, pathUrl)) return true;
       if (item.children?.length && walk(item.children)) return true;
       trail.pop();
     }
@@ -71,8 +82,8 @@ function findTrail(menu, pathUrl) {
 }
 function useBreadcrumb(menuRouter, customBreadcrumb) {
   const { pathname } = useLocation();
-  const normalizedPath = useMemo(() => normalize(pathname), [pathname]);
-  const trail = useMemo(
+  const normalizedPath = React.useMemo(() => normalize(pathname), [pathname]);
+  const trail = React.useMemo(
     () => findTrail(menuRouter, normalizedPath),
     [menuRouter, normalizedPath]
   );

package/es/index.js

@@ -84,7 +84,7 @@ export { Cascader } from './fields/CascaderField.js';
 export { InputRangePicker } from './fields/InputRangePicker.js';
 export { useToast } from './hooks/useToast.js';
 export { useMessage } from './hooks/useMessage.js';
-export { c as createComponentWithProps, e as extractRoutesFromMenu, n as normalize, v as validateAbsolutePaths } from './chunks/useBreadcrumb-Cor4nvR1.js';
+export { c as createComponentWithProps, e as extractRoutesFromMenu, n as normalize, v as validateAbsolutePaths } from './chunks/useBreadcrumb-CpCPSE3S.js';
 
 const generateId = (name, path) => {
   const source = `${name}-${path || ""}`;

package/es/ui/BreadcrumbHeading.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { r } from '../chunks/index-t0ynpS_n.js';
 import { Breadcrumb } from './Breadcrumb.js';
-import { u as useBreadcrumb } from '../chunks/useBreadcrumb-Cor4nvR1.js';
+import { u as useBreadcrumb } from '../chunks/useBreadcrumb-CpCPSE3S.js';
 
 const BreadcrumbHeading = (props) => {
   const { menu, customBreadcum } = props;

package/es/ui/WrapperBreadcrumb.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { u as useBreadcrumb } from '../chunks/useBreadcrumb-Cor4nvR1.js';
+import { u as useBreadcrumb } from '../chunks/useBreadcrumb-CpCPSE3S.js';
 import { Breadcrumb } from './Breadcrumb.js';
 
 const WrapperBreadcrumb = ({ menu }) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.445",
+  "version": "1.9.447",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",

package/types/components/hooks/useBreadcrumb.d.ts

@@ -1,12 +1,5 @@
 import { BreadcrumbItemType, MenuType } from '../ui';
 import * as React from "react";
-type CustomBreadcrumbItem = {
+export declare function useBreadcrumb(menuRouter: MenuType[], customBreadcrumb?: {
     title: React.ReactNode;
-};
-/**
- * Quy tắc hiển thị:
- * - Chỉ hiển thị khi leaf.isShowBreadcrumb === true.
- * - Khi hiển thị: ancestor có `path` (absolute) + leaf.
- */
-export declare function useBreadcrumb(menuRouter: MenuType[], customBreadcrumb?: CustomBreadcrumbItem[]): BreadcrumbItemType[];
-export {};
+}[]): BreadcrumbItemType[];