@box/metadata-editor 2.2.32 → 2.3.1

package/dist/esm/lib/components/metadata-editor-fields/metadata-editor-fields.js

@@ -2,30 +2,30 @@ import e from "../../messages.js";
 import { i as t } from "../../../../chunks/utils.js";
 import { MetadataEditorFieldWrapper as n } from "./metadata-editor-field-wrapper.js";
 import { useReviewFieldFilter as r } from "./hooks/use-review-field-filter.js";
-import { Text as i } from "@box/blueprint-web";
-import { createElement as a, useEffect as o, useRef as s } from "react";
-import { FormattedMessage as c } from "react-intl";
-import { jsx as l } from "react/jsx-runtime";
+import { createElement as i, useEffect as a, useRef as o } from "react";
+import { FormattedMessage as s } from "react-intl";
+import { jsx as c } from "react/jsx-runtime";
+import { Text as l } from "@box/blueprint-web";
 import { FieldArray as u, getIn as d, useFormikContext as f } from "formik";
 var p = (p) => {
-	let { shouldShowOnlyReviewFields: m = !1 } = p, { values: h } = f(), g = "metadata.fields", _ = d(h, g), v = s(null), y = r(_, m), b = _.findIndex((e) => !e.hidden);
-	return o(() => {
+	let { shouldShowOnlyReviewFields: m = !1 } = p, { values: h } = f(), g = "metadata.fields", _ = d(h, g), v = o(null), y = r(_, m), b = _.findIndex((e) => !e.hidden);
+	return a(() => {
 		b > -1 && v.current?.focus();
-	}, []), _.length ? /* @__PURE__ */ l(u, {
+	}, []), _.length ? /* @__PURE__ */ c(u, {
 		name: g,
 		validateOnChange: !1,
-		children: () => y.map(({ field: e, originalIndex: t }) => /* @__PURE__ */ a(n, {
+		children: () => y.map(({ field: e, originalIndex: t }) => /* @__PURE__ */ i(n, {
 			...p,
 			key: e.key,
 			ref: t === b ? v : null,
 			field: e,
 			index: t
 		}))
-	}) : /* @__PURE__ */ l(i, {
+	}) : /* @__PURE__ */ c(l, {
 		as: "span",
 		className: t.noAttributesText,
 		color: "textOnLightSecondary",
-		children: /* @__PURE__ */ l(c, { ...e.noTemplateAtributesError })
+		children: /* @__PURE__ */ c(s, { ...e.noTemplateAtributesError })
 	});
 };
 export { p as TemplateInstance, p as default };

package/dist/esm/lib/components/metadata-empty-state/metadata-empty-state.js

@@ -1,21 +1,21 @@
 import e from "./messages.js";
-import { EmptyState as t, Text as n } from "@box/blueprint-web";
-import { useCallback as r } from "react";
-import { useIntl as i } from "react-intl";
-import { jsx as a } from "react/jsx-runtime";
+import { useCallback as t } from "react";
+import { useIntl as n } from "react-intl";
+import { jsx as r } from "react/jsx-runtime";
+import { EmptyState as i, Text as a } from "@box/blueprint-web";
 import { JobAnalyzeData as o } from "@box/blueprint-web-assets/illustrations/Small";
 function s({ isAnyEmptyValueHidden: s = !1, isBoxAiSuggestionsFeatureEnabled: c = !1, level: l, onShowEmptyValues: u }) {
-	let d = i(), f = r(() => l === "manager" ? /* @__PURE__ */ a(n, {
+	let d = n(), f = t(() => l === "manager" ? /* @__PURE__ */ r(a, {
 		as: "p",
 		children: d.formatMessage(e.managerLevelEmptyStateBody)
-	}) : l === "instance" ? s ? /* @__PURE__ */ a(t.PrimaryAction, {
+	}) : l === "instance" ? s ? /* @__PURE__ */ r(i.PrimaryAction, {
 		onClick: u,
 		children: d.formatMessage(e.instanceLevelSeeEmptyValuesCTA)
-	}) : /* @__PURE__ */ a(n, {
+	}) : /* @__PURE__ */ r(a, {
 		as: "h1",
 		variant: "titleSmall",
 		children: d.formatMessage(e.instanceLevelEmptyStateHeadingNoAttributes)
-	}) : /* @__PURE__ */ a(n, {
+	}) : /* @__PURE__ */ r(a, {
 		as: "p",
 		children: d.formatMessage(e.fileLevelEmptyStateDefaultBody)
 	}), [
@@ -23,13 +23,13 @@ function s({ isAnyEmptyValueHidden: s = !1, isBoxAiSuggestionsFeatureEnabled: c
 		s,
 		l,
 		u
-	]), p = r(() => l === "manager" ? /* @__PURE__ */ a(n, {
+	]), p = t(() => l === "manager" ? /* @__PURE__ */ r(a, {
 		as: "h2",
 		children: d.formatMessage(e.managerLevelEmptyStateHeading)
-	}) : l === "instance" ? s ? /* @__PURE__ */ a(n, {
+	}) : l === "instance" ? s ? /* @__PURE__ */ r(a, {
 		as: "h2",
 		children: d.formatMessage(e.instanceLevelEmptyStateHeading)
-	}) : null : /* @__PURE__ */ a(n, {
+	}) : null : /* @__PURE__ */ r(a, {
 		as: "h2",
 		children: d.formatMessage(e.fileLevelEmptyStateDefaultHeading)
 	}), [
@@ -37,7 +37,7 @@ function s({ isAnyEmptyValueHidden: s = !1, isBoxAiSuggestionsFeatureEnabled: c
 		s,
 		l
 	]);
-	return /* @__PURE__ */ a(t, {
+	return /* @__PURE__ */ r(i, {
 		body: f(),
 		heading: p(),
 		illustration: o,

package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-inline-notice/metadata-instance-form-inline-notice.js

@@ -1,28 +1,28 @@
 import e from "./messages.js";
-import { InlineNotice as t, Text as n } from "@box/blueprint-web";
-import { useIntl as r } from "react-intl";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useIntl as t } from "react-intl";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { InlineNotice as a, Text as o } from "@box/blueprint-web";
 var s = ({ isLargeFile: s, isBetaLanguageEnabled: c }) => {
-	let l = r();
-	return !c && !s ? null : /* @__PURE__ */ o(i, { children: [s && /* @__PURE__ */ o(t, {
+	let l = t();
+	return !c && !s ? null : /* @__PURE__ */ i(n, { children: [s && /* @__PURE__ */ i(a, {
 		variant: "warning",
 		variantIconAriaLabel: l.formatMessage(e.largeFileNoticeHeader),
-		children: [/* @__PURE__ */ a(n, {
+		children: [/* @__PURE__ */ r(o, {
 			as: "p",
 			variant: "bodyDefaultBold",
 			children: l.formatMessage(e.largeFileNoticeHeader)
-		}), /* @__PURE__ */ o(n, {
+		}), /* @__PURE__ */ i(o, {
 			as: "p",
 			children: [l.formatMessage(e.largeFileNoticeBody), " "]
 		})]
-	}), c && /* @__PURE__ */ o(t, {
+	}), c && /* @__PURE__ */ i(a, {
 		variant: "info",
 		variantIconAriaLabel: l.formatMessage(e.autofillInBetaNoticeHeader),
-		children: [/* @__PURE__ */ a(n, {
+		children: [/* @__PURE__ */ r(o, {
 			as: "p",
 			variant: "bodyDefaultBold",
 			children: l.formatMessage(e.autofillInBetaNoticeHeader)
-		}), /* @__PURE__ */ o(n, {
+		}), /* @__PURE__ */ i(o, {
 			as: "p",
 			children: [l.formatMessage(e.autofillInBetaNoticeBody), " "]
 		})]

package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/metadata-entry-display.js

@@ -1,13 +1,13 @@
 import { TaxonomyValue as e } from "./taxonomy-entry/taxonomy-value.js";
-import { Text as t } from "@box/blueprint-web";
-import { jsx as n } from "react/jsx-runtime";
-var r = ({ type: r, formattedValue: i, value: a, taxonomyNodeFetcher: o, taxonomyKey: s, scope: c, isExternallyOwned: l }) => r === "taxonomy" ? /* @__PURE__ */ n(e, {
+import { jsx as t } from "react/jsx-runtime";
+import { Text as n } from "@box/blueprint-web";
+var r = ({ type: r, formattedValue: i, value: a, taxonomyNodeFetcher: o, taxonomyKey: s, scope: c, isExternallyOwned: l }) => r === "taxonomy" ? /* @__PURE__ */ t(e, {
 	isExternallyOwned: l,
 	scope: c,
 	taxonomyKey: s,
 	taxonomyNodeFetcher: o,
 	value: a
-}) : i && /* @__PURE__ */ n(t, {
+}) : i && /* @__PURE__ */ t(n, {
 	as: "p",
 	variant: "bodyDefaultBold",
 	children: i

package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/taxonomy-entry/taxonomy-value.js

@@ -1,19 +1,19 @@
 import "../../../../metadata-editor-fields/components/update-mode-field-wrapper/mulitple-values-utils.js";
 import { messages as e } from "../../../../metadata-editor-fields/components/update-mode-field-wrapper/messages.js";
 import { n as t, t as n } from "../../../../../../../chunks/taxonomy-ancestor-status-pill.js";
-import { FilterChip as r } from "@box/blueprint-web";
-import { useIntl as i } from "react-intl";
-import { jsx as a } from "react/jsx-runtime";
+import { useIntl as r } from "react-intl";
+import { jsx as i } from "react/jsx-runtime";
+import { FilterChip as a } from "@box/blueprint-web";
 var o = ({ value: o, taxonomyNodeFetcher: s, taxonomyKey: c, scope: l, isExternallyOwned: u }) => {
-	let d = i();
+	let d = r();
 	if (!o || !Array.isArray(o) || !o.length) return null;
 	let f = d.formatMessage(e.multipleValues);
-	return /* @__PURE__ */ a(r.Group, {
+	return /* @__PURE__ */ i(a.Group, {
 		className: t.taxonomyValueGroup,
 		disabled: u,
 		name: void 0,
 		type: "single",
-		children: o.map((e) => /* @__PURE__ */ a(n, {
+		children: o.map((e) => /* @__PURE__ */ i(n, {
 			displayValue: e.displayValue === "Multiple values" ? f : e.displayValue,
 			scope: l,
 			taxonomyKey: c,

package/dist/esm/lib/components/metadata-instance-review-notice/metadata-instance-review-notice.js

@@ -1,18 +1,18 @@
 import e from "./messages.js";
-import { ActionableInlineNotice as t, TextToggleButton as n, Tooltip as r } from "@box/blueprint-web";
-import { useIntl as i } from "react-intl";
-import { jsx as a } from "react/jsx-runtime";
+import { useIntl as t } from "react-intl";
+import { jsx as n } from "react/jsx-runtime";
+import { ActionableInlineNotice as r, TextToggleButton as i, Tooltip as a } from "@box/blueprint-web";
 import { AlertCircle as o } from "@box/blueprint-web-assets/icons/Medium";
 var s = ({ fieldsNeedingReviewCount: s, isLowScoreFilteringEnabled: c = !1, onTextToggleClick: l }) => {
-	let u = i(), d = c ? u.formatMessage(e.showingReviewFields) : u.formatMessage(e.reviewFieldsNoticeHeader, { count: s }), f = c ? u.formatMessage(e.hideButtonTooltip) : u.formatMessage(e.viewButtonTooltip, { count: s });
-	return /* @__PURE__ */ a(t, {
+	let u = t(), d = c ? u.formatMessage(e.showingReviewFields) : u.formatMessage(e.reviewFieldsNoticeHeader, { count: s }), f = c ? u.formatMessage(e.hideButtonTooltip) : u.formatMessage(e.viewButtonTooltip, { count: s });
+	return /* @__PURE__ */ n(r, {
 		backgroundColor: "backgroundGray",
 		iconAriaLabel: u.formatMessage(e.iconAriaLabel),
 		text: d,
 		icon: o,
-		children: /* @__PURE__ */ a(r, {
+		children: /* @__PURE__ */ n(a, {
 			content: f,
-			children: /* @__PURE__ */ a(n, {
+			children: /* @__PURE__ */ n(i, {
 				"data-target-id": c ? "TextToggleButton-metadataEditorReviewFilterHide" : "TextToggleButton-metadataEditorReviewFilterView",
 				onPressedChange: l,
 				pressed: c,

package/dist/esm/lib/components/unsaved-changes-modal/unsaved-changes-modal.js

@@ -1,43 +1,43 @@
 import { EVENT_NAMES as e } from "../../utils/analytics/events.js";
 import t from "./messages.js";
-import { Modal as n } from "@box/blueprint-web";
-import { useCallback as r, useEffect as i, useState as a } from "react";
-import { FormattedMessage as o, useIntl as s } from "react-intl";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useCallback as n, useEffect as r, useState as i } from "react";
+import { FormattedMessage as a, useIntl as o } from "react-intl";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Modal as l } from "@box/blueprint-web";
 function u({ onBackToEdit: u, onDiscardChanges: d, defaultOpen: f = !0, open: p = f, trackEvent: m }) {
-	let h = s(), [g, _] = a(p);
-	i(() => _(p), [p]), i(() => {
+	let h = o(), [g, _] = i(p);
+	r(() => _(p), [p]), r(() => {
 		g && m?.(e.UNSAVED_MODAL_SHOWN);
 	}, [g, m]);
-	let v = r(() => {
+	let v = n(() => {
 		u(), _(!1);
-	}, [u]), y = r(() => {
+	}, [u]), y = n(() => {
 		m?.(e.UNSAVED_MODAL_DISCARD), d(), _(!1);
 	}, [d, m]);
-	return /* @__PURE__ */ c(n, {
+	return /* @__PURE__ */ s(l, {
 		modal: !0,
-		onOpenChange: r((e) => {
+		onOpenChange: n((e) => {
 			_(e), e || v();
 		}, [v]),
 		open: g,
-		children: /* @__PURE__ */ l(n.Content, {
+		children: /* @__PURE__ */ c(l.Content, {
 			onEscapeKeyDown: (e) => e.stopPropagation(),
 			size: "small",
 			children: [
-				/* @__PURE__ */ c(n.Header, { children: /* @__PURE__ */ c(o, { ...t.unsavedChangesModalHeader }) }),
-				/* @__PURE__ */ c(n.ScrollableContainer, { children: /* @__PURE__ */ c(n.Body, { children: /* @__PURE__ */ c(o, { ...t.unsavedChangesModalBody }) }) }),
-				/* @__PURE__ */ l(n.Footer, { children: [/* @__PURE__ */ c(n.Footer.SecondaryButton, {
+				/* @__PURE__ */ s(l.Header, { children: /* @__PURE__ */ s(a, { ...t.unsavedChangesModalHeader }) }),
+				/* @__PURE__ */ s(l.ScrollableContainer, { children: /* @__PURE__ */ s(l.Body, { children: /* @__PURE__ */ s(a, { ...t.unsavedChangesModalBody }) }) }),
+				/* @__PURE__ */ c(l.Footer, { children: [/* @__PURE__ */ s(l.Footer.SecondaryButton, {
 					"data-target-id": "Modal.Footer.SecondaryButton-metadataEditorUnsavedDiscard",
 					onClick: y,
 					size: "large",
 					children: h.formatMessage(t.unsavedChangesModalDiscardChangesCTA)
-				}), /* @__PURE__ */ c(n.Footer.PrimaryButton, {
+				}), /* @__PURE__ */ s(l.Footer.PrimaryButton, {
 					"data-target-id": "Modal.Footer.PrimaryButton-metadataEditorUnsavedBackToEdit",
 					onClick: v,
 					size: "large",
 					children: h.formatMessage(t.unsavedChangesModalContinueEditingCTA)
 				})] }),
-				/* @__PURE__ */ c(n.Close, { "aria-label": h.formatMessage(t.unsavedChangesModalCloseLabel) })
+				/* @__PURE__ */ s(l.Close, { "aria-label": h.formatMessage(t.unsavedChangesModalCloseLabel) })
 			]
 		})
 	});

package/dist/styles/add-metadata-template-dropdown-with-browser.css

@@ -0,0 +1 @@
+._templateBrowserContainer_175dl_1{width:250px;height:26.5rem}

package/dist/types/index.d.ts

@@ -12,4 +12,4 @@ export * from './lib/metadata-editor';
 export * from './lib/types';
 export * from './lib/utils/api-wrapper';
 export * from './lib/utils/autofill-context';
-export type { FetchParams, FetchResponse, SearchParams, TaxonomyAncestor, TaxonomyItemsService, TaxonomyNode, TaxonomySearchResult, } from '@box/metadata-taxonomy-picker';
+export type { SearchParams, TaxonomyAncestor, TaxonomyItemsService, TaxonomyNode, TaxonomySearchResult, } from '@box/metadata-taxonomy-picker';

package/dist/types/lib/components/add-metadata-template-dropdown/add-metadata-template-dropdown-with-browser.d.ts

@@ -0,0 +1,16 @@
+import { AddMetadataTemplateDropdownWithBrowserProps } from './types';
+/**
+ * UI shell that renders `MetadataTemplateBrowser` inside a Blueprint `Popover`
+ * (namespace browsing, paginated fetching, search, create/edit affordances).
+ * Provides the trigger button and content layout — nothing else.
+ *
+ * Built on Blueprint `Popover` (Radix) rather than `FilterDropdownMenu` (Ariakit)
+ * so that nested Blueprint `Modal`s (e.g. the template editor) participate in
+ * Radix's shared dismissable-layer stack and do not auto-dismiss the popover.
+ *
+ * The host owns and constructs both `itemsService` (data) and `eventService`
+ * (side effects). This component does not adapt, wrap, or transform either.
+ *
+ * For a static client-side filtered list, use `AddMetadataTemplateDropdown`.
+ */
+export declare function AddMetadataTemplateDropdownWithBrowser({ canCreateAtRoot, enterpriseId, eventService, isLoading, itemsService, onOpenChange, open, }: Readonly<AddMetadataTemplateDropdownWithBrowserProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/add-metadata-template-dropdown/add-metadata-template-dropdown.d.ts

@@ -1,2 +1,10 @@
 import { AddMetadataTemplateDropdownProps } from './types';
-export declare function AddMetadataTemplateDropdown({ availableTemplates, onSelect, selectedTemplates, isTemplateManagementEnabled, isLoading, onCreateTemplate, onEditTemplate, }: AddMetadataTemplateDropdownProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Static, client-side filtered template picker. Renders a search input plus a
+ * flat list of templates. Use this when the host already has the full
+ * template list in memory and template create/edit affordances are not needed.
+ *
+ * For namespace browsing, paginated fetching, or template management, use
+ * `AddMetadataTemplateDropdownWithBrowser` instead.
+ */
+export declare function AddMetadataTemplateDropdown({ availableTemplates, onSelect, selectedTemplates, }: AddMetadataTemplateDropdownProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/add-metadata-template-dropdown/index.d.ts

@@ -1,2 +1,4 @@
 export { AddMetadataTemplateDropdown } from './add-metadata-template-dropdown';
-export { type AddMetadataTemplateDropdownProps } from './types';
+export { AddMetadataTemplateDropdownWithBrowser } from './add-metadata-template-dropdown-with-browser';
+export { type AddMetadataTemplateDropdownProps, type AddMetadataTemplateDropdownWithBrowserProps, } from './types';
+export { type EventService, type FetchParams, type FetchResponse, type ItemsService, type MetadataNamespace, type MetadataTemplate as BrowserMetadataTemplate, } from '@box/metadata-template-browser';

package/dist/types/lib/components/add-metadata-template-dropdown/shared/dropdown-trigger.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Shared trigger for both the legacy `AddMetadataTemplateDropdown` and the
+ * `AddMetadataTemplateDropdownWithBrowser` variant. Keeps the affordance
+ * (icon, label, size) consistent across both dropdown surfaces.
+ */
+export declare function DropdownTrigger(): import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/add-metadata-template-dropdown/types.d.ts

@@ -1,33 +1,43 @@
+import { EventService, ItemsService } from '@box/metadata-template-browser';
 import { MetadataTemplate } from '../../types';
+/**
+ * Props for the legacy `AddMetadataTemplateDropdown` — a static, client-side
+ * filtered list. Use this variant when the host has the full template list
+ * already in memory and template management (create/edit) is not required.
+ */
 export type AddMetadataTemplateDropdownProps = {
     availableTemplates: MetadataTemplate[];
     selectedTemplates: MetadataTemplate[];
     onSelect: (template: MetadataTemplate) => void;
-    /**
-     * Enables create/edit template affordances. When false (default), the dropdown renders
-     * the existing search-and-list UI. When true, `MetadataTemplateBrowser` is rendered
-     * inside the dropdown content area.
-     * @default false
-     */
-    isTemplateManagementEnabled?: boolean;
-    /**
-     * Indicates that an external loading state is in progress. When true, the create
-     * template button is disabled.
-     */
+};
+/**
+ * Props for `AddMetadataTemplateDropdownWithBrowser` — a pure UI shell that
+ * renders `MetadataTemplateBrowser` inside a dropdown popover. The host owns
+ * both the data layer (`itemsService`) and the side-effects layer
+ * (`eventService`); this component only provides the dropdown chrome.
+ */
+export type AddMetadataTemplateDropdownWithBrowserProps = {
+    /** Root namespace FQN passed to the browser (typically the enterprise ID). */
+    enterpriseId: string;
+    /** Host-owned data service: namespaces, templates, search. */
+    itemsService: ItemsService;
+    /** Host-owned side-effects service: selection, edit, create, navigation. */
+    eventService: EventService;
+    /** When true, the browser is rendered in a disabled/loading state. */
     isLoading?: boolean;
+    /** Whether template creation is allowed at the root namespace (enterprise level). */
+    canCreateAtRoot?: boolean;
     /**
-     * Callback to open the template editor for creating a new template.
-     * Called with the namespace FQN the browser is currently navigated to.
-     * Only active when `isTemplateManagementEnabled` is true.
+     * Controlled open state for the dropdown popover. When provided together
+     * with `onOpenChange`, the host owns visibility — typical use case is
+     * dismissing the dropdown when a flow that escalates to a modal begins
+     * (e.g. clicking "Create template"). When omitted, the popover is
+     * uncontrolled (Radix manages its own state).
      */
-    onCreateTemplate?: (namespaceFqn: string) => void;
+    open?: boolean;
     /**
-     * Callback to open the template editor for editing an existing template.
-     * Wired to the template browser's edit affordance via `EventService.onTemplateEdit`.
-     * Only active when `isTemplateManagementEnabled` is true.
+     * Called whenever Radix proposes a new open state (trigger click, outside
+     * click, Esc key, etc.). Required when `open` is provided.
      */
-    onEditTemplate?: (identifier: {
-        namespaceFqn: string;
-        templateKey: string;
-    }) => void;
+    onOpenChange?: (open: boolean) => void;
 };

package/package.json

@@ -1,14 +1,14 @@
 {
     "name": "@box/metadata-editor",
-    "version": "2.2.32",
+    "version": "2.3.1",
     "peerDependencies": {
         "@ariakit/react": "0.4.21",
-        "@box/blueprint-web": "^16.8.4",
-        "@box/blueprint-web-assets": "^5.5.2",
-        "@box/box-ai-agent-selector": "^2.1.28",
-        "@box/combobox-with-api": "^2.1.28",
-        "@box/metadata-taxonomy-picker": "^3.1.28",
-        "@box/metadata-template-browser": "^2.1.27",
+        "@box/blueprint-web": "^16.8.5",
+        "@box/blueprint-web-assets": "^5.5.3",
+        "@box/box-ai-agent-selector": "^2.1.29",
+        "@box/combobox-with-api": "^2.1.29",
+        "@box/metadata-taxonomy-picker": "^3.1.29",
+        "@box/metadata-template-browser": "^2.1.28",
         "formik": "^2.0.3",
         "lodash": "^4.17.15",
         "react": "^17.0.0 || ^18.0.0",
@@ -18,11 +18,11 @@
     "devDependencies": {
         "@ariakit/react": "0.4.21",
         "@box/babel-plugin-target-attributes": "2.1.10",
-        "@box/blueprint-web": "^16.8.4",
-        "@box/blueprint-web-assets": "^5.5.2",
-        "@box/box-ai-agent-selector": "^2.1.28",
-        "@box/metadata-taxonomy-picker": "^3.1.28",
-        "@box/storybook-utils": "^1.1.26",
+        "@box/blueprint-web": "^16.8.5",
+        "@box/blueprint-web-assets": "^5.5.3",
+        "@box/box-ai-agent-selector": "^2.1.29",
+        "@box/metadata-taxonomy-picker": "^3.1.29",
+        "@box/storybook-utils": "^1.1.27",
         "@testing-library/react": "^15.0.6",
         "react": "^18.3.0",
         "react-dom": "^18.3.0",

package/dist/chunks/add-metadata-template-dropdown.js

@@ -1,84 +0,0 @@
-import { getTemplateDisplayName as e } from "../esm/lib/utils/utils.js";
-import { FilterDropdownMenu as t } from "../esm/lib/components/filter-dropdown-menu/index.js";
-import n from "../esm/lib/components/add-metadata-template-dropdown/messages.js";
-import { IconButton as r } from "@box/blueprint-web";
-import { Plus as i } from "@box/blueprint-web-assets/icons/Fill";
-import { Space2 as a } from "@box/blueprint-web-assets/tokens/px-tokens";
-import { MetadataTemplateBrowser as o } from "@box/metadata-template-browser";
-import { useMemo as s, useState as c } from "react";
-import { useIntl as l } from "react-intl";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import '../styles/add-metadata-template-dropdown.css';var p = { templateBrowserContainer: "_templateBrowserContainer_z6m4k_1" }, m = parseInt(a, 10), h = "enterprise";
-function g({ availableTemplates: a, onSelect: g, selectedTemplates: _, isTemplateManagementEnabled: v = !1, isLoading: y, onCreateTemplate: b, onEditTemplate: x }) {
-	let S = l(), C = S.formatMessage(n.customMetadataName), [w, T] = c(""), E = s(() => a.filter((t) => e(t, C).toLowerCase().includes(w.toLowerCase())), [
-		a,
-		w,
-		C
-	]), D = w.length > 0 && E.length === 0, O = (e) => _.some((t) => t.scope === e.scope && t.templateKey === e.templateKey), k = s(() => a.map((t) => ({
-		id: t.id,
-		displayName: e(t, C) ?? "",
-		scope: t.scope,
-		templateKey: t.templateKey,
-		canEdit: t.canEdit
-	})), [a, C]), A = s(() => ({
-		onTemplateSelect: async (e) => {
-			let t = a.find((t) => t.id === e.id);
-			t && g(t);
-		},
-		...v && {
-			onCreateTemplate: (e) => b?.(e),
-			onTemplateEdit: (e) => {
-				let t = a.find((t) => t.id === e);
-				t?.scope && t?.templateKey && x?.({
-					namespaceFqn: t.scope,
-					templateKey: t.templateKey
-				});
-			}
-		}
-	}), [
-		a,
-		g,
-		v,
-		b,
-		x
-	]), j = s(() => ({
-		getTemplates: async () => ({
-			entries: k,
-			next_marker: void 0
-		}),
-		getSearchResults: async (e) => {
-			let t = e.toLowerCase();
-			return {
-				entries: k.filter((e) => e.displayName.toLowerCase().includes(t)),
-				next_marker: void 0
-			};
-		}
-	}), [k]);
-	return /* @__PURE__ */ f(t.Root, {
-		resetValueOnHide: !0,
-		setValue: T,
-		children: [/* @__PURE__ */ d(t.Trigger, { triggerButton: /* @__PURE__ */ d(r, {
-			"aria-label": S.formatMessage(n.addMetadataTemplatesTriggerButtonLabel),
-			icon: i,
-			size: "x-small",
-			"data-target-id": "IconButton-addMetadataTemplatesTriggerButtonLabel"
-		}) }), /* @__PURE__ */ d(t.Content, {
-			gutter: m,
-			children: v ? /* @__PURE__ */ d("div", {
-				className: p.templateBrowserContainer,
-				children: /* @__PURE__ */ d(o, {
-					enterpriseId: h,
-					eventService: A,
-					isDisabled: y,
-					itemsService: j,
-					canCreateAtRoot: !1
-				})
-			}) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(t.Search, { placeholder: S.formatMessage(n.addMetadataTemplatesSearchPlaceholder) }), /* @__PURE__ */ d(t.List, { children: D ? /* @__PURE__ */ d(t.EmptyState, {}) : E.map((n) => /* @__PURE__ */ d(t.Item, {
-				disabled: O(n),
-				onClick: () => g(n),
-				value: e(n, C)
-			}, n.id)) })] })
-		})]
-	});
-}
-export { g as t };

package/dist/styles/add-metadata-template-dropdown.css

@@ -1 +0,0 @@
-._templateBrowserContainer_z6m4k_1{padding:var(--bp-space-020,.5rem)}