@box/metadata-taxonomy-picker 2.18.0 → 2.18.2

package/dist/chunks/metadata-taxonomy-picker-shell.js

@@ -12,16 +12,16 @@ import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import '../styles/metadata-taxonomy-picker-shell.css';var m = /* @__PURE__ */ function(e) {
 	return e.SingleLevel = "single-level", e.MultiLevel = "multi-level", e;
 }({}), h = {
-	container: "_container_1uu1w_1",
-	label: "_label_1uu1w_8",
-	trigger: "_trigger_1uu1w_16",
-	searchInput: "_searchInput_1uu1w_34",
-	chips: "_chips_1uu1w_47",
-	searchIcon: "_searchIcon_1uu1w_73",
-	emptyState: "_emptyState_1uu1w_81",
-	popover: "_popover_1uu1w_87",
-	clearButton: "_clearButton_1uu1w_92",
-	breadcrumbContainer: "_breadcrumbContainer_1uu1w_96"
+	container: "_container_bnccr_1",
+	label: "_label_bnccr_8",
+	trigger: "_trigger_bnccr_16",
+	searchInput: "_searchInput_bnccr_34",
+	chips: "_chips_bnccr_47",
+	searchIcon: "_searchIcon_bnccr_73",
+	emptyState: "_emptyState_bnccr_81",
+	popover: "_popover_bnccr_87",
+	clearButton: "_clearButton_bnccr_92",
+	breadcrumbContainer: "_breadcrumbContainer_bnccr_96"
 };
 function de(e) {
 	let t = null;
@@ -30,7 +30,7 @@ function de(e) {
 }
 var fe = [];
 function pe(e) {
-	if (e != null) return typeof e == "function" ? e() : e;
+	if (e != null) return (typeof e == "function" ? e() : e) ?? void 0;
 }
 var g = /* @__PURE__ */ a(function({ itemsService: a, eventService: g, levels: _ = fe, mode: me, multiSelect: v, value: y, onValueChange: b, placeholder: he, disabled: x = !1, label: S, containerClassName: ge, portalElement: _e }, ve) {
 	let { formatMessage: C } = ue(), w = te(), T = `${w}-listbox`, E = l(null), ye = oe(E, ve), D = l(null), O = l(null), k = l(0), A = l(!1), be = pe(_e), j = me === m.SingleLevel, { state: M, isOpen: N, handleOpenChange: P, handleInputValueChange: F, actions: I } = t(a, _, g), { items: L, levelStack: R } = M, { drillDown: z, navigateBack: B, loadMore: xe, setSearchScopeOverride: V } = I, H = M.searchInputValue !== "", U = c(() => de(M.availableLevels), [M.availableLevels]);

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

@@ -9,12 +9,12 @@ import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import { CompositeItem as m } from "@ariakit/react";
 import { ChevronRight as h } from "@box/blueprint-web-assets/icons/Medium";
 import '../styles/taxonomy-menu-item.css';var g = {
-	row: "_row_1y44c_2",
-	rowWithAncestors: "_rowWithAncestors_1y44c_19",
-	nonSelectable: "_nonSelectable_1y44c_24",
-	selectionControl: "_selectionControl_1y44c_31",
-	content: "_content_1y44c_41",
-	drillDown: "_drillDown_1y44c_48"
+	row: "_row_1a4ve_2",
+	rowWithAncestors: "_rowWithAncestors_1a4ve_19",
+	nonSelectable: "_nonSelectable_1a4ve_24",
+	selectionControl: "_selectionControl_1a4ve_31",
+	content: "_content_1a4ve_41",
+	drillDown: "_drillDown_1a4ve_48"
 }, _ = /* @__PURE__ */ r(function({ id: r, displayName: _, isSearchMode: v = !1, selectable: y, multiSelect: b, isSelected: x, showDrillDown: S, ancestors: C, onSelect: w, onDrillDown: T, onFocusExit: E }) {
 	let { formatMessage: D } = d(), O = C != null && C.length > 0 && v, k = a(null), A = a(null), j = a(null), { handleSelectionControlFocus: M, handleRowKeyDown: N, handleRowKeyDownCapture: P, handleSelectionControlKeyDown: F, handleDrillDownKeyDown: I } = n({
 		id: r,

package/dist/esm/lib/state/reducer.js

@@ -102,14 +102,19 @@ function i(i, a) {
 				searchInputValue: a.value,
 				levelFilter: a.value === "" ? null : e,
 				availableLevels: [...a.availableLevels],
-				isFetchingSearch: a.value !== ""
+				isFetchingSearch: a.value !== "",
+				isFetchingSearchMore: !1,
+				searchLoadMoreError: null,
+				lastFailedOp: i.lastFailedOp === t.SearchMore ? null : i.lastFailedOp
 			};
 		}
 		case n.SearchFetchStart: return {
 			...i,
 			isFetchingSearch: !0,
+			isFetchingSearchMore: !1,
 			searchError: null,
 			searchLoadMoreError: null,
+			searchNextMarker: void 0,
 			searchQuery: a.query,
 			lastFailedOp: i.lastFailedOp === t.Search || i.lastFailedOp === t.SearchMore ? null : i.lastFailedOp
 		};

package/dist/styles/metadata-taxonomy-picker-shell.css

@@ -1 +1 @@
-._container_1uu1w_1{gap:var(--bp-space-020,.5rem);flex-direction:column;width:100%;display:flex}._label_1uu1w_8{color:var(--bp-text-text-on-light);font-size:var(--bp-font-size-040,1rem);font-weight:var(--bp-font-weight-bold,600);line-height:var(--bp-line-height-040,1.5rem);cursor:pointer}._trigger_1uu1w_16{box-sizing:border-box;align-items:center;gap:var(--space-2);width:100%;min-height:var(--bp-size-090,2.25rem);padding-block:var(--bp-space-020,.5rem);padding-inline:var(--bp-space-030,.75rem);color:var(--bp-text-text-on-light);background-color:var(--surface-dropdown-surface);border:var(--bp-border-01,.0625rem) solid var(--bp-border-input-border);border-radius:var(--bp-radius-06,.75rem);font:inherit;cursor:pointer;outline:none;flex-wrap:wrap;display:flex}._trigger_1uu1w_16:has(._searchInput_1uu1w_34:focus){background-color:var(--surface-dropdown-surface-focus);border-color:var(--outline-focus-on-light);border-width:var(--bp-border-02,.125rem)}._trigger_1uu1w_16[data-disabled=true]{opacity:.6;cursor:not-allowed}._trigger_1uu1w_16[data-disabled=true] button{pointer-events:none}._chips_1uu1w_47{gap:var(--space-2);flex-wrap:wrap;display:flex}._trigger_1uu1w_16[data-disabled=true] ._chips_1uu1w_47{pointer-events:none}._searchInput_1uu1w_34{min-width:var(--size-12);color:var(--bp-text-text-on-light);font:inherit;cursor:inherit;background:0 0;border:none;outline:none;flex:1;padding:0}._searchInput_1uu1w_34::placeholder{color:var(--bp-text-text-on-light-secondary);font-size:var(--bp-font-size-05,.9375rem);font-weight:var(--bp-font-weight-regular,400)}._searchIcon_1uu1w_73{width:var(--bp-size-040,1rem);height:var(--bp-size-040,1rem);color:var(--bp-icon-icon-on-light-secondary);pointer-events:none;flex-shrink:0}._emptyState_1uu1w_81{padding-block:var(--space-3);padding-inline:var(--space-3);text-align:center}._popover_1uu1w_87{width:var(--radix-popover-trigger-width);max-width:none}._clearButton_1uu1w_92{flex-shrink:0}._breadcrumbContainer_1uu1w_96{min-width:0;padding-block:var(--bp-space-020,.5rem);padding-inline:var(--bp-space-020,.5rem);border-bottom:var(--bp-border-01,.0625rem) solid var(--bp-border-divider);align-items:center;display:flex}
+._container_bnccr_1{gap:var(--bp-space-020,.5rem);flex-direction:column;width:100%;display:flex}._label_bnccr_8{color:var(--bp-text-text-on-light);font-size:var(--bp-font-size-040,1rem);font-weight:var(--bp-font-weight-bold,600);line-height:var(--bp-line-height-040,1.5rem);cursor:pointer}._trigger_bnccr_16{box-sizing:border-box;align-items:center;gap:var(--space-2);width:100%;min-height:var(--bp-size-090,2.25rem);padding-block:var(--bp-space-020,.5rem);padding-inline:var(--bp-space-030,.75rem);color:var(--bp-text-text-on-light);background-color:var(--surface-dropdown-surface);border:var(--bp-border-01,.0625rem) solid var(--bp-border-input-border);border-radius:var(--bp-radius-06,.75rem);font:inherit;cursor:pointer;outline:none;flex-wrap:wrap;display:flex}._trigger_bnccr_16:has(._searchInput_bnccr_34:focus){background-color:var(--surface-dropdown-surface-focus);border-color:var(--outline-focus-on-light);border-width:var(--bp-border-02,.125rem)}._trigger_bnccr_16[data-disabled=true]{opacity:.6;cursor:not-allowed}._trigger_bnccr_16[data-disabled=true] button{pointer-events:none}._chips_bnccr_47{gap:var(--space-2);flex-wrap:wrap;display:flex}._trigger_bnccr_16[data-disabled=true] ._chips_bnccr_47{pointer-events:none}._searchInput_bnccr_34{min-width:var(--size-12);color:var(--bp-text-text-on-light);font:inherit;cursor:inherit;background:0 0;border:none;outline:none;flex:1;padding:0}._searchInput_bnccr_34::placeholder{color:var(--bp-text-text-on-light-secondary);font-size:var(--bp-font-size-05,.9375rem);font-weight:var(--bp-font-weight-regular,400)}._searchIcon_bnccr_73{width:var(--bp-size-040,1rem);height:var(--bp-size-040,1rem);color:var(--bp-icon-icon-on-light-secondary);pointer-events:none;flex-shrink:0}._emptyState_bnccr_81{padding-block:var(--space-3);padding-inline:var(--space-3);text-align:center}._popover_bnccr_87{width:var(--radix-popover-trigger-width);max-width:none}._clearButton_bnccr_92{flex-shrink:0}._breadcrumbContainer_bnccr_96{min-width:0;padding-block:var(--bp-space-020,.5rem);padding-inline:var(--bp-space-020,.5rem);border-bottom:var(--bp-border-01,.0625rem) solid var(--bp-border-divider);align-items:center;display:flex}._breadcrumbContainer_bnccr_96 li:first-child:has(button){margin-inline-start:calc(-1 * var(--bp-space-010,.25rem))}

package/dist/styles/taxonomy-menu-item.css

@@ -1 +1 @@
-._row_1y44c_2{box-sizing:border-box;align-items:center;gap:var(--bp-space-030,.75rem);height:var(--bp-size-090,2.25rem);padding:0 var(--bp-space-020,.5rem);border-radius:var(--bp-radius-04,.5rem);cursor:pointer;border:var(--bp-border-01) transparent;background:0 0;display:flex;overflow:visible}._row_1y44c_2:hover{background-color:var(--surface-menu-surface-hover)}._rowWithAncestors_1y44c_19{height:auto;padding:var(--bp-space-010,.25rem) var(--bp-space-020,.5rem)}._nonSelectable_1y44c_24{cursor:default}._selectionControl_1y44c_31{width:var(--bp-size-040,1rem);height:var(--bp-size-040,1rem);flex-shrink:0;overflow:visible}._selectionControl_1y44c_31 button{margin-top:0}._content_1y44c_41{flex-direction:column;flex:1;min-width:0;display:flex}._drillDown_1y44c_48{flex-shrink:0}
+._row_1a4ve_2{box-sizing:border-box;align-items:center;gap:var(--bp-space-030,.75rem);height:var(--bp-size-090,2.25rem);padding:0 var(--bp-space-020,.5rem);border-radius:var(--bp-radius-04,.5rem);cursor:pointer;border:var(--bp-border-01) transparent;background:0 0;display:flex;overflow:visible}._row_1a4ve_2:hover{background-color:var(--surface-menu-surface-hover)}._rowWithAncestors_1a4ve_19{height:auto;padding:var(--bp-space-010,.25rem) var(--bp-space-020,.5rem)}._nonSelectable_1a4ve_24{cursor:default}._selectionControl_1a4ve_31{width:var(--bp-size-040,1rem);height:var(--bp-size-040,1rem);flex-shrink:0;overflow:visible}._selectionControl_1a4ve_31 label{margin-top:-2px}._content_1a4ve_41{flex-direction:column;flex:1;min-width:0;display:flex}._drillDown_1a4ve_48{flex-shrink:0}

package/dist/types/index.d.ts

@@ -1,4 +1,3 @@
 export { MetadataTaxonomyPicker } from './lib/metadata-taxonomy-picker';
-export type { MetadataTaxonomyPickerProps } from './lib/metadata-taxonomy-picker';
 export { TaxonomyPickerMode } from './lib/types';
-export type { BreadcrumbEntry, FetchParams, FetchResponse, SearchParams, TaxonomyAncestor, TaxonomyItemsService, TaxonomyLevel, TaxonomyNode, TaxonomyPickerEventService, TaxonomySearchResult, TaxonomyValue, } from './lib/types';
+export type { BreadcrumbEntry, FetchParams, FetchResponse, MetadataTaxonomyPickerProps, SearchParams, TaxonomyAncestor, TaxonomyItemsService, TaxonomyLevel, TaxonomyNode, TaxonomyPickerEventService, TaxonomySearchResult, TaxonomyValue, } from './lib/types';

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

@@ -1,5 +1,4 @@
 import { MetadataTaxonomyPickerProps } from './types';
-export type { MetadataTaxonomyPickerProps } from './types';
 /**
  * Forwards the ref to the picker's trigger input so consumers can manage
  * focus or other imperative interactions on the input element directly.

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

@@ -32,93 +32,35 @@ declare const _default: {
 };
 export default _default;
 type Story = StoryObj<typeof MetadataTaxonomyPicker>;
-/** The popover shows the initial data when the initial fetch is successful. */
-export declare const InitialData: Story;
-/**
- * The popover shows a skeleton loading state while the initial fetch is in progress.
- */
-export declare const LoadingState: Story;
-/**
- * The popover shows an empty state when there is no data after loading completes.
- */
-export declare const EmptyState: Story;
+/** Main picker showcase: all four mode permutations plus empty and error/retry. */
+export declare const Default: Story;
 /** 1 000 items rendered in a virtualized list — validates performance at scale. */
 export declare const LargeDataset: Story;
-/** 1 000 items in multi-select mode — checkboxes with large dataset. */
-export declare const LargeDatasetMultiSelect: Story;
-/** Error state — the fetch fails and a retry button is shown. */
-export declare const ErrorState: Story;
-/**
- * Disabled state — the trigger cannot be interacted with.
- */
-export declare const Disabled: Story;
-/**
- * No selection — only the placeholder text is visible inside the trigger.
- */
-export declare const NoSelection: Story;
-/**
- * A single chip is shown inside the trigger when one value is selected.
- */
-export declare const SingleChip: Story;
-/**
- * Multiple chips are shown when several values are selected.
- */
-export declare const MultipleChips: Story;
-/**
- * When many values are selected the chips wrap across multiple lines inside the trigger.
- */
-export declare const OverflowChips: Story;
-/** Click a row's chevron (or press Right Arrow on a focused row) to drill in. */
-export declare const DrillDownNavigation: Story;
-/**
- * Eight-level hierarchy (Region → Block) with four siblings per level. Drill all
- * the way down to see the Blueprint Breadcrumb collapse the older ancestors into
- * the folder-tree dropdown while keeping the last few levels and the current
- * page visible.
- */
-export declare const DeepDrillDownNavigation: Story;
 /**
  * Six-level hierarchy with intentionally long display names, rendered in a
  * narrow popover. Forces the folder-tree truncation to engage early so the
  * breadcrumb dropdown trigger is visible even mid-way through the trail.
  */
-export declare const DeepDrillDownNavigationWithLongLabels: Story;
+export declare const BreadcrumbOverflow: Story;
 /**
  * Picker with real search filtering: typing a substring shows all matching
  * nodes with their ancestor breadcrumbs. Try `region`, `country`, `state`, or
  * `01` to see results across all levels. Use the level filter dropdown to
  * restrict results to a specific level.
  */
-export declare const WithSearch: Story;
-/**
- * Disabled state with selected values — chips are visible but not interactive (no dismiss button).
- */
-export declare const DisabledWithChips: Story;
+export declare const SearchAndLevelFilter: Story;
 /**
  * Cursor-paginated browse list (450 items, page size 100). Scroll near the bottom
  * to auto-fetch the next page: ghost rows appear while the request is in flight
  * and new rows append below the already-loaded ones, preserving scroll position.
  */
 export declare const Pagination: Story;
-/**
- * Pagination + drill-down: scroll through several pages at the root, drill into
- * a node, then navigate back. All pages loaded before drilling down are restored
- * from cache, so the user lands back at the same scroll-loaded state without
- * having to re-scroll or re-fetch.
- */
-export declare const PaginationWithDrillDownCacheRestore: Story;
-/** Multi-level × multi-select: drill down at every level, pick many values across levels. */
-export declare const MultiLevelMultiSelect: Story;
-/** Multi-level × single-select: drill down, pick one value; popover closes on selection. */
-export declare const MultiLevelSingleSelect: Story;
 /**
  * Single-level × multi-select with non-selectable parents. Drill through
  * Country → State (no radios) to reach selectable Cities; search is locked
  * to the City level regardless of browse position.
  */
-export declare const SingleLevelMultiSelectWithNonSelectableParents: Story;
-/** Single-level × single-select with non-selectable parents — closes on City pick. */
-export declare const SingleLevelSingleSelectWithNonSelectableParents: Story;
+export declare const SingleLevelCityPicker: Story;
 /**
  * Browse load-more error: the first page loads successfully, but the next page
  * (triggered by scrolling to the bottom) fails. Already-loaded items stay
@@ -126,11 +68,5 @@ export declare const SingleLevelSingleSelectWithNonSelectableParents: Story;
  * the bottom of the list. Clicking Reload re-attempts from the current marker.
  */
 export declare const LoadMoreError: Story;
-/**
- * Search error: the initial search request fails, replacing the result area
- * with the full-area error and retry button. Clicking retry re-runs the last
- * committed query.
- */
-export declare const SearchErrorState: Story;
 export declare const PortalElementInScrollableContainer: Story;
 export declare const ForwardedRefFocus: Story;

package/dist/types/lib/stories/shared/generate-nodes.d.ts

@@ -1,2 +1,13 @@
 import { TaxonomyNode } from '../../types';
-export declare function generateNodes(count: number, options?: Partial<TaxonomyNode>): TaxonomyNode[];
+interface GenerateNodesOptions extends Partial<TaxonomyNode> {
+    /**
+     * Optional namespace prepended to the default `node-` / `Item ` strings so
+     * fixtures used by multiple services in the same story don't collide on
+     * `node-1`, `node-2`, etc. The display name uses the prefix verbatim
+     * (e.g. `idPrefix: 'flat'` → ids `flat-1`, names `Flat 1`); pass a
+     * single-word prefix for the cleanest results.
+     */
+    idPrefix?: string;
+}
+export declare function generateNodes(count: number, options?: GenerateNodesOptions): TaxonomyNode[];
+export {};

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

@@ -0,0 +1,12 @@
+import { TaxonomyLevel, TaxonomyValue } from '../../types';
+export declare const defaultService: import('../../types').TaxonomyItemsService;
+export declare const largeDatasetService: import('../../types').TaxonomyItemsService;
+export declare const emptyService: import('../../types').TaxonomyItemsService;
+export declare const errorService: import('../../types').TaxonomyItemsService;
+export declare const paginatedService: import('../../types').TaxonomyItemsService;
+export declare const mixedSelectabilityService: import('../../types').TaxonomyItemsService;
+export declare const searchableHierarchyService: import('../../types').TaxonomyItemsService;
+export declare const longLabelDeepHierarchyService: import('../../types').TaxonomyItemsService;
+export declare const defaultLevels: TaxonomyLevel[];
+/** Real root-level items from `buildDeepTree` so chips aren't orphaned synthetic values. */
+export declare const defaultMultiSelectInitialValue: TaxonomyValue[];

package/dist/types/lib/stories/tests/{breadcrumb-navigation.interaction-tests.stories.d.ts → navigation.interaction-tests.stories.d.ts}

@@ -1,6 +1,6 @@
 import { StoryObj } from '@storybook/react-vite';
 import { MetadataTaxonomyPicker } from '../../../index';
-import { MetadataTaxonomyPickerProps, TaxonomyPickerMode, TaxonomyValue } from '../../types';
+import { MetadataTaxonomyPickerProps, TaxonomyItemsService, TaxonomyPickerMode, TaxonomyValue } from '../../types';
 declare const _default: {
     parameters: {
         docs: {
@@ -17,7 +17,7 @@ declare const _default: {
         multiSelect: boolean;
         value: TaxonomyValue[];
         onValueChange: (values: TaxonomyValue[]) => void;
-        itemsService: import('../../types').TaxonomyItemsService;
+        itemsService: TaxonomyItemsService;
         eventService?: import('../../types').TaxonomyPickerEventService | undefined;
         levels?: import('../../types').TaxonomyLevel[] | undefined;
         placeholder?: string | undefined;
@@ -31,6 +31,17 @@ declare const _default: {
 };
 export default _default;
 type Story = StoryObj<typeof MetadataTaxonomyPicker>;
+/**
+ * Clicking the chevron on a row replaces the current items list with the
+ * children of the chosen row; repeating it walks the user further down the tree.
+ */
+export declare const DrillsDownMultipleLevels: Story;
+/**
+ * While a drill-down request is in flight the items list is replaced by the
+ * loading skeleton so the user knows the previous level's items are no longer
+ * accurate.
+ */
+export declare const DrillDownShowsLoadingSkeleton: Story;
 /**
  * At the root level the breadcrumb is intentionally absent — there is nowhere
  * to navigate "back" to. The popover shows only the items list.
@@ -76,3 +87,41 @@ export declare const JumpsToMidTrailAncestorFromDeepLevel: Story;
  * the hidden ancestors.
  */
 export declare const FolderTreeTruncationExposesHiddenAncestors: Story;
+/**
+ * Cache-hit path: after drilling into a level whose parent level was previously
+ * fetched, navigating back rehydrates from cache without issuing a new request.
+ */
+export declare const NavigatesBackFromCacheWithoutRefetch: Story;
+/**
+ * Cache-miss path: when the user lands on a deep level via a search result
+ * (whose ancestor level was never browsed), navigating back to that ancestor
+ * has no cached snapshot to seed from. The reducer transitions the level via
+ * `transitionToLevel` (clears items, shows the skeleton), and the controller
+ * issues a fresh `getNodes(region-a)` request.
+ */
+export declare const NavigatesBackWithRefetchWhenCacheMisses: Story;
+/**
+ * Reset-on-close: closing the popover wipes the per-level cache and reducer
+ * state, so the next open re-fetches the root.
+ */
+export declare const ResetsStateOnCloseAndRefetchesRootOnReopen: Story;
+/**
+ * Stale-response guard: drilling into one level and then immediately drilling
+ * into a different level must show the second level's data even though the
+ * first level's response resolves first (with the longer delay it would
+ * otherwise overwrite it).
+ */
+export declare const DropsStaleFetchResponseAfterRapidDrillDown: Story;
+/**
+ * Happy-path error reporting: when the network request for the current level
+ * fails, the reducer surfaces the message via `initialLoadError`, stops the
+ * fetching spinner, and tags the last failed op as `browse` so retry UI can
+ * target the right operation.
+ */
+export declare const SurfacesFetchErrorForCurrentLevel: Story;
+/**
+ * Stale-response guard for errors: drilling into a slow-failing level and
+ * immediately navigating back must NOT pollute the root level with the late
+ * Region A error. The reducer's `forParentId` guard drops the stale failure.
+ */
+export declare const DropsStaleFetchErrorAfterRapidNavigateBack: Story;

package/dist/types/lib/stories/tests/{shell-selection.interaction-tests.stories.d.ts → selection.interaction-tests.stories.d.ts}

@@ -42,9 +42,18 @@ declare const _default: {
 };
 export default _default;
 type Story = StoryObj<typeof ControlledPicker>;
+export declare const PopoverOpensOnTriggerClick: Story;
+export declare const PopoverClosesOnEscape: Story;
+export declare const PopoverClosesOnClickOutside: Story;
 export declare const SingleSelectClickEmitsValueWithFullNodeShape: Story;
 export declare const SingleSelectRadioClickEmitsValue: Story;
 export declare const SingleSelectReplacesPreviousValue: Story;
+/**
+ * Arrow navigation between rows must not commit a selection or close the
+ * popover — only Space/Enter or a click do that. This guards against
+ * accidental selection-on-focus regressions in roving-tabindex code paths.
+ */
+export declare const SingleSelectArrowKeepsPopoverOpen: Story;
 export declare const MultiSelectAppendsValuesAcrossClicks: Story;
 export declare const MultiSelectTogglesOffWhenAlreadySelected: Story;
 export declare const SingleSelectShowsChipForSelectedValue: Story;
@@ -53,4 +62,6 @@ export declare const SingleSelectClearButtonClearsValue: Story;
 export declare const SingleSelectClearButtonDoesNothingWhenDisabled: Story;
 export declare const SingleSelectChipHasNoDeleteButton: Story;
 export declare const MultiSelectDoesNotShowSingleClearButton: Story;
+export declare const MultiSelectChipDismissRemovesValue: Story;
+export declare const NonSelectableRowRendersWithoutSelectionControl: Story;
 export declare const TypingInTriggerUpdatesControlledValue: Story;

package/dist/types/lib/stories/tests/taxonomy-menu-item.interaction-tests.stories.d.ts

@@ -51,7 +51,6 @@ export declare const CheckboxClickCallsOnSelectOnce: Story;
 export declare const ArrowRightFromRowFocusesDrillDownButton: Story;
 export declare const ArrowRightNoOpWithoutDrillDown: Story;
 export declare const ArrowLeftFromRowFocusesSelectionControl: Story;
-export declare const ArrowRightFromRowFocusesDrillDownWhenNonSelectable: Story;
 export declare const EnterOnDrillDownButtonCallsOnDrillDown: Story;
 export declare const SpaceOnDrillDownButtonCallsOnDrillDown: Story;
 export declare const ArrowLeftFromDrillDownFocusesSelectionControl: Story;
@@ -59,12 +58,8 @@ export declare const ArrowRightFromSelectionControlFocusesDrillDown: Story;
 export declare const ArrowLeftFromSelectionControlFocusesRow: Story;
 export declare const SubControlsAreNotInTabOrder: Story;
 export declare const TabOnSelectionControlNavigatesToNextRow: Story;
-export declare const TabOnDrillDownNavigatesToNextRow: Story;
 export declare const TabOnRowMovesToNextRow: Story;
 export declare const ShiftTabOnRowMovesToPrevRow: Story;
 export declare const ArrowDownFromSelectionControlFocusesNextRow: Story;
-export declare const ArrowDownFromDrillDownFocusesNextRow: Story;
 export declare const ArrowUpFromSelectionControlFocusesPrevRow: Story;
 export declare const ShiftTabOnFirstRowFocusesInput: Story;
-export declare const ShiftTabOnFirstRowSelectionControlFocusesInput: Story;
-export declare const ShiftTabOnFirstRowDrillDownFocusesInput: Story;

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

@@ -36,3 +36,11 @@ export default _default;
 type Story = StoryObj<typeof MetadataTaxonomyPicker>;
 export declare const DefaultClosed: Story;
 export declare const DisabledState: Story;
+export declare const SelectedChipsClosed: Story;
+export declare const OpenBrowseList: Story;
+export declare const OpenMultiSelectList: Story;
+export declare const LoadingState: Story;
+export declare const EmptyState: Story;
+export declare const ErrorState: Story;
+export declare const BreadcrumbAfterDrillDown: Story;
+export declare const SearchResults: Story;

package/package.json

@@ -1,11 +1,11 @@
 {
     "name": "@box/metadata-taxonomy-picker",
-    "version": "2.18.0",
+    "version": "2.18.2",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@ariakit/react": "^0.4.21",
-        "@box/blueprint-web": "^15.5.1",
-        "@box/blueprint-web-assets": "^4.122.0",
+        "@box/blueprint-web": "^15.5.3",
+        "@box/blueprint-web-assets": "^4.123.1",
         "@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.5.1",
-        "@box/blueprint-web-assets": "^4.122.0",
+        "@box/blueprint-web": "^15.5.3",
+        "@box/blueprint-web-assets": "^4.123.1",
         "@box/eslint-plugin-blueprint": "1.2.5",
-        "@box/storybook-utils": "0.20.9",
+        "@box/storybook-utils": "0.20.11",
         "@tanstack/react-virtual": "^3.10.8",
         "react-intl": "^6.4.2"
     },

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

@@ -1,47 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { MetadataTaxonomyPicker } from '../../../index';
-import { MetadataTaxonomyPickerProps, TaxonomyPickerMode, TaxonomyValue } from '../../types';
-declare const _default: {
-    parameters: {
-        docs: {
-            page: () => import("react/jsx-runtime").JSX.Element;
-        };
-        controls: {
-            exclude: RegExp;
-        };
-    };
-    title: string;
-    component: import('react').ForwardRefExoticComponent<MetadataTaxonomyPickerProps & import('react').RefAttributes<HTMLInputElement>>;
-    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
-        mode: TaxonomyPickerMode;
-        multiSelect: boolean;
-        value: TaxonomyValue[];
-        onValueChange: (values: TaxonomyValue[]) => void;
-        itemsService: import('../../types').TaxonomyItemsService;
-        eventService?: import('../../types').TaxonomyPickerEventService | undefined;
-        levels?: import('../../types').TaxonomyLevel[] | undefined;
-        placeholder?: string | undefined;
-        disabled?: boolean | undefined;
-        label?: string | undefined;
-        containerClassName?: string | undefined;
-        portalElement?: (HTMLElement | (() => HTMLElement | null) | null) | undefined;
-        ref?: import('react').LegacyRef<HTMLInputElement> | undefined;
-        key?: import('react').Key | null | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-};
-export default _default;
-type Story = StoryObj<typeof MetadataTaxonomyPicker>;
-export declare const OpensPopoverOnClick: Story;
-export declare const ClosesOnEscape: Story;
-export declare const ClosesOnClickOutside: Story;
-export declare const ShowsSkeletonWhileLoading: Story;
-export declare const ShowsEmptyStateWhenNoData: Story;
-export declare const SingleSelectPicksItemAndClosesPopover: Story;
-export declare const MultiSelectTogglesItemsWithoutClosingPopover: Story;
-export declare const SingleSelectArrowNavigationKeepsPopoverOpen: Story;
-export declare const MultiSelectDeselectsAlreadySelectedItem: Story;
-export declare const NonSelectableItemRendersWithoutSelectionControl: Story;
-export declare const DrillsDownMultipleLevels: Story;
-export declare const DrillDownShowsLoadingSkeleton: Story;
-export declare const RightArrowAndSpacebarKeyboardDrillDown: Story;
-export declare const ChipDismiss: Story;

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

@@ -1,60 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { TaxonomyItemsService } from '../../types';
-declare function LevelTransitionsHarness({ itemsService }: {
-    itemsService: TaxonomyItemsService;
-}): import("react/jsx-runtime").JSX.Element;
-declare const _default: {
-    parameters: {
-        docs: {
-            page: () => import("react/jsx-runtime").JSX.Element;
-        };
-        controls: {
-            exclude: RegExp;
-        };
-    };
-    title: string;
-    component: typeof LevelTransitionsHarness;
-    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
-        itemsService: TaxonomyItemsService;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-};
-export default _default;
-type Story = StoryObj<typeof LevelTransitionsHarness>;
-/**
- * Cache-hit path: after drilling into a level whose parent level was previously
- * fetched, navigating back rehydrates from cache without issuing a new request.
- */
-export declare const NavigatesBackFromCacheWithoutRefetch: Story;
-/**
- * Cache-miss path: when the user lands on a deep level via a search result
- * (whose ancestor level was never browsed), navigating back to that ancestor
- * has no cached snapshot to seed from. The reducer transitions the level via
- * `transitionToLevel` (clears items, shows the skeleton), and the controller
- * issues a fresh `getNodes(region-a)` request.
- */
-export declare const NavigatesBackWithRefetchWhenCacheMisses: Story;
-/**
- * Reset-on-close: closing the popover wipes the per-level cache and reducer
- * state, so the next open re-fetches the root.
- */
-export declare const ResetsStateOnCloseAndRefetchesRootOnReopen: Story;
-/**
- * Stale-response guard: drilling into one level and then immediately drilling
- * into a different level must show the second level's data even though the
- * first level's response resolves first (with the longer delay it would
- * otherwise overwrite it).
- */
-export declare const DropsStaleFetchResponseAfterRapidDrillDown: Story;
-/**
- * Happy-path error reporting: when the network request for the current level
- * fails, the reducer surfaces the message via `initialLoadError`, stops the
- * fetching spinner, and tags the last failed op as `browse` so retry UI can
- * target the right operation.
- */
-export declare const SurfacesFetchErrorForCurrentLevel: Story;
-/**
- * Stale-response guard for errors: drilling into a slow-failing level and
- * immediately navigating back must NOT pollute the root level with the late
- * Region A error. The reducer's `forParentId` guard drops the stale failure.
- */
-export declare const DropsStaleFetchErrorAfterRapidNavigateBack: Story;