@pnkx-lib/ui 1.9.445 → 1.9.446

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

@@ -53,14 +53,24 @@ function validateAbsolutePaths(menu, nearestAncestorPath) {
   }
 }
 
+const escapeRegex = (s) => s.replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&");
+const pathToRegex = (pattern) => {
+  const escaped = escapeRegex(pattern).replace(/\\:([^/]+)/g, "[^/]+");
+  return new RegExp(`^${escaped}$`);
+};
 const full = (itemPath) => normalize(itemPath ?? "/");
+const matchPath = (configPath, pathname) => {
+  const p = normalize(configPath);
+  const rx = pathToRegex(p);
+  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();
     }

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-DWHss9HZ.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-DWHss9HZ.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-DWHss9HZ.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.446",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",

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

@@ -6,7 +6,8 @@ type CustomBreadcrumbItem = {
 /**
  * Quy tắc hiển thị:
  * - Chỉ hiển thị khi leaf.isShowBreadcrumb === true.
- * - Khi hiển thị: ancestor có `path` (absolute) + leaf.
+ * - Khi hiển thị: ancestor có `path` + leaf (ancestor không path bị loại).
+ * - Hỗ trợ path động có `:id`, `:slug`, ...
  */
 export declare function useBreadcrumb(menuRouter: MenuType[], customBreadcrumb?: CustomBreadcrumbItem[]): BreadcrumbItemType[];
 export {};