@box/metadata-taxonomy-picker 2.19.7 → 2.20.1

package/dist/chunks/taxonomy-menu-item.js

@@ -24,8 +24,8 @@ import '../styles/taxonomy-menu-item.css';var g = {
 		rowRef: k,
 		selectionControlRef: A,
 		drillDownRef: j
-	}), L = i(() => {
-		y ? w(r) : S && T?.(r);
+	}), L = i((e) => {
+		e?.target?.tagName !== "INPUT" && (y ? w(r) : S && T?.(r));
 	}, [
 		y,
 		S,

package/dist/types/lib/stories/metadata-taxonomy-picker.stories.d.ts

@@ -1,4 +1,5 @@
 import { StoryObj } from '@storybook/react-vite';
+import { ReactNode } from 'react';
 import { MetadataTaxonomyPicker } from '../../index';
 import { MetadataTaxonomyPickerProps, TaxonomyPickerMode, TaxonomyValue } from '../types';
 declare const _default: {
@@ -14,7 +15,7 @@ declare const _default: {
         levels?: import('../types').TaxonomyLevel[] | undefined;
         placeholder?: string | undefined;
         disabled?: boolean | undefined;
-        label?: string | undefined;
+        label?: ReactNode;
         containerClassName?: string | undefined;
         portalElement?: (HTMLElement | (() => HTMLElement | null) | null) | undefined;
         ref?: import('react').LegacyRef<HTMLInputElement> | undefined;

package/dist/types/lib/stories/tests/level-filter.interaction-tests.stories.d.ts

@@ -33,7 +33,7 @@ declare const _default: {
         levels?: TaxonomyLevel[] | undefined;
         placeholder?: string | undefined;
         disabled?: boolean | undefined;
-        label?: string | undefined;
+        label?: import('react').ReactNode;
         containerClassName?: string | undefined;
         portalElement?: (HTMLElement | (() => HTMLElement | null) | null) | undefined;
         ref?: import('react').LegacyRef<HTMLInputElement> | undefined;

package/dist/types/lib/stories/tests/navigation.interaction-tests.stories.d.ts

@@ -22,7 +22,7 @@ declare const _default: {
         levels?: import('../../types').TaxonomyLevel[] | undefined;
         placeholder?: string | undefined;
         disabled?: boolean | undefined;
-        label?: string | undefined;
+        label?: import('react').ReactNode;
         containerClassName?: string | undefined;
         portalElement?: (HTMLElement | (() => HTMLElement | null) | null) | undefined;
         ref?: import('react').LegacyRef<HTMLInputElement> | undefined;

package/dist/types/lib/stories/tests/pagination.interaction-tests.stories.d.ts

@@ -22,7 +22,7 @@ declare const _default: {
         levels?: import('../../types').TaxonomyLevel[] | undefined;
         placeholder?: string | undefined;
         disabled?: boolean | undefined;
-        label?: string | undefined;
+        label?: import('react').ReactNode;
         containerClassName?: string | undefined;
         portalElement?: (HTMLElement | (() => HTMLElement | null) | null) | undefined;
         ref?: import('react').LegacyRef<HTMLInputElement> | undefined;

package/dist/types/lib/stories/tests/search.interaction-tests.stories.d.ts

@@ -33,7 +33,7 @@ declare const _default: {
         levels?: import('../../types').TaxonomyLevel[] | undefined;
         placeholder?: string | undefined;
         disabled?: boolean | undefined;
-        label?: string | undefined;
+        label?: import('react').ReactNode;
         containerClassName?: string | undefined;
         portalElement?: (HTMLElement | (() => HTMLElement | null) | null) | undefined;
         ref?: import('react').LegacyRef<HTMLInputElement> | undefined;

package/dist/types/lib/stories/tests/selection.interaction-tests.stories.d.ts

@@ -33,7 +33,7 @@ declare const _default: {
         levels?: import('../../types').TaxonomyLevel[] | undefined;
         placeholder?: string | undefined;
         disabled?: boolean | undefined;
-        label?: string | undefined;
+        label?: import('react').ReactNode;
         containerClassName?: string | undefined;
         portalElement?: (HTMLElement | (() => HTMLElement | null) | null) | undefined;
         ref?: import('react').LegacyRef<HTMLInputElement> | undefined;

package/dist/types/lib/stories/tests/visual-regression-tests.stories.d.ts

@@ -1,4 +1,5 @@
 import { StoryObj } from '@storybook/react-vite';
+import { ReactNode } from 'react';
 import { MetadataTaxonomyPicker } from '../../../index';
 import { MetadataTaxonomyPickerProps, TaxonomyPickerMode, TaxonomyValue } from '../../types';
 declare const _default: {
@@ -25,7 +26,7 @@ declare const _default: {
         levels?: import('../../types').TaxonomyLevel[] | undefined;
         placeholder?: string | undefined;
         disabled?: boolean | undefined;
-        label?: string | undefined;
+        label?: ReactNode;
         containerClassName?: string | undefined;
         portalElement?: (HTMLElement | (() => HTMLElement | null) | null) | undefined;
         ref?: import('react').LegacyRef<HTMLInputElement> | undefined;

package/dist/types/lib/types.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 export interface TaxonomyNode {
     id: string;
     displayName: string;
@@ -85,8 +86,12 @@ export interface MetadataTaxonomyPickerProps {
      * combobox input via `htmlFor` for accessibility. When omitted, no label
      * element is rendered — the caller is then responsible for providing an
      * accessible name via `aria-label` / `aria-labelledby` on the picker.
+     *
+     * Accepts a `ReactNode` so callers can compose decorated labels (badges,
+     * tooltips, etc.). The picker owns the wrapping `<label htmlFor>` element,
+     * so the node MUST NOT render its own `<label>` (nested labels are invalid).
      */
-    label?: string;
+    label?: ReactNode;
     /**
      * CSS class applied to the outermost container element.
      * Intended for layout adjustments (margin, width, grid placement) only —

package/package.json

@@ -1,11 +1,11 @@
 {
     "name": "@box/metadata-taxonomy-picker",
-    "version": "2.19.7",
+    "version": "2.20.1",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@ariakit/react": "^0.4.21",
-        "@box/blueprint-web": "^15.9.2",
-        "@box/blueprint-web-assets": "^4.127.0",
+        "@box/blueprint-web": "^15.9.3",
+        "@box/blueprint-web-assets": "^4.128.0",
         "@tanstack/react-virtual": "^3.10.8",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
@@ -13,10 +13,10 @@
     },
     "devDependencies": {
         "@ariakit/react": "^0.4.21",
-        "@box/blueprint-web": "^15.9.2",
-        "@box/blueprint-web-assets": "^4.127.0",
+        "@box/blueprint-web": "^15.9.3",
+        "@box/blueprint-web-assets": "^4.128.0",
         "@box/eslint-plugin-blueprint": "1.2.7",
-        "@box/storybook-utils": "0.21.7",
+        "@box/storybook-utils": "0.21.8",
         "@tanstack/react-virtual": "^3.10.8",
         "react-intl": "^6.4.2"
     },