@box/metadata-editor 0.62.0 → 0.64.0

package/chunks/metadata-editor-field-wrapper.js

@@ -1,75 +1,80 @@
 import "../styles/metadata-editor-field-wrapper.css";
-import y from "clsx";
-import { useFormikContext as F } from "formik";
-import h from "lodash/isUndefined";
-import { forwardRef as A, useState as W } from "react";
-import { AiSuggestionField as M } from "../esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/ai-suggestion-field.js";
-import { UpdateModeFieldWrapper as N } from "../esm/lib/components/metadata-editor-fields/components/update-mode-field-wrapper/update-mode-field-wrapper.js";
-import { editorFieldTypes as q } from "../esm/lib/components/metadata-editor-fields/editor-field-types.js";
-import { jsx as o, jsxs as T } from "react/jsx-runtime";
-const b = "_noAttributesText_1xlmq_1", v = "_fieldWrapper_1xlmq_5", P = "_hasSuggestion_1xlmq_5", $ = "_error_1xlmq_13", k = "_dateField_1xlmq_25", a = {
-  noAttributesText: b,
-  fieldWrapper: v,
-  hasSuggestion: P,
+import A from "clsx";
+import { useFormikContext as M } from "formik";
+import W from "lodash/isUndefined";
+import { forwardRef as T, useState as q } from "react";
+import { AiSuggestionField as N } from "../esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/ai-suggestion-field.js";
+import { UpdateModeFieldWrapper as b } from "../esm/lib/components/metadata-editor-fields/components/update-mode-field-wrapper/update-mode-field-wrapper.js";
+import { editorFieldTypes as v } from "../esm/lib/components/metadata-editor-fields/editor-field-types.js";
+import { jsx as s, jsxs as k } from "react/jsx-runtime";
+const w = "_noAttributesText_1xlmq_1", P = "_fieldWrapper_1xlmq_5", U = "_hasSuggestion_1xlmq_5", $ = "_error_1xlmq_13", j = "_dateField_1xlmq_25", n = {
+  noAttributesText: w,
+  fieldWrapper: P,
+  hasSuggestion: U,
   error: $,
-  dateField: k
-}, B = /* @__PURE__ */ A(({
-  disableForm: n,
+  dateField: j
+}, H = /* @__PURE__ */ T(({
+  disableForm: a,
   portalElement: p,
   field: e,
-  index: d
-}, l) => {
+  index: g,
+  taxonomyOptionsFetcher: l
+}, d) => {
+  var c;
   const {
-    setFieldValue: m
-  } = F(), [c, i] = W(!0), r = q[e.type], g = r && !e.hidden, f = !h(e.updateMode), s = `metadata.fields[${d}]`;
-  if (!g)
+    setFieldValue: u
+  } = M(), [S, i] = q(!0), r = v[e.type], x = r && !e.hidden, _ = !W(e.updateMode), t = `metadata.fields[${g}]`, y = e.type === "taxonomy" && ((c = e.optionsRules) == null ? void 0 : c.multiSelect);
+  if (!x)
     return null;
-  if (f)
-    return /* @__PURE__ */ o(N, {
-      fieldNamePrefix: s,
+  if (_)
+    return /* @__PURE__ */ s(b, {
+      fieldNamePrefix: t,
       fieldType: e.type,
-      children: /* @__PURE__ */ o(r, {
-        ref: l,
+      isTaxonomyMultiSelect: y,
+      children: /* @__PURE__ */ s(r, {
+        ref: d,
         description: e.description,
-        disableForm: n,
-        fieldNamePrefix: s,
+        disableForm: a,
+        fieldNamePrefix: t,
         label: e.displayName,
-        portalElement: p
+        portalElement: p,
+        taxonomyOptionsFetcher: l
       })
     }, e.key);
   const {
-    aiSuggestion: t,
-    type: _,
-    value: x
-  } = e, u = t && c;
-  return /* @__PURE__ */ T("div", {
-    className: a.fieldWrapper,
-    children: [/* @__PURE__ */ o(r, {
-      ref: l,
-      className: y({
-        [a.hasSuggestions]: u,
-        [a.dateField]: e.type === "date"
+    aiSuggestion: o,
+    type: f,
+    value: F
+  } = e, m = o && S;
+  return /* @__PURE__ */ k("div", {
+    className: n.fieldWrapper,
+    children: [/* @__PURE__ */ s(r, {
+      ref: d,
+      className: A({
+        [n.hasSuggestions]: m,
+        [n.dateField]: e.type === "date"
       }),
       description: e.description,
-      disableForm: n,
-      fieldNamePrefix: `metadata.fields[${d}]`,
+      disableForm: a,
+      fieldNamePrefix: t,
       label: e.displayName,
-      portalElement: p
-    }), u && /* @__PURE__ */ o(M, {
-      aiSuggestion: t,
+      portalElement: p,
+      taxonomyOptionsFetcher: l
+    }), m && /* @__PURE__ */ s(N, {
+      aiSuggestion: o,
       onAiSuggestionAppend: () => {
-        const S = e.type === "multiSelect" ? [x, t].flat() : t;
-        m(`${s}.value`, S), i(!1);
+        const h = e.type === "multiSelect" ? [F, o].flat() : o;
+        u(`${t}.value`, h), i(!1);
       },
       onAiSuggestionIgnore: () => i(!1),
       onAiSuggestionReplace: () => {
-        m(`${s}.value`, t), i(!1);
+        u(`${t}.value`, o), i(!1);
       },
-      type: _
+      type: f
     })]
   }, e.key);
 });
 export {
-  B as M,
-  a as s
+  H as M,
+  n as s
 };

package/esm/index.js

@@ -1,37 +1,37 @@
 import { AddMetadataTemplateDropdown as o } from "./lib/components/add-metadata-template-dropdown/add-metadata-template-dropdown.js";
-import { FilterDropdownMenu as r } from "./lib/components/filter-dropdown-menu/index.js";
-import { SingleLevelTaxonomyField as p } from "./lib/components/metadata-editor-fields/components/metadata-taxonomy-field/single-level-taxonomy-field.js";
+import { ComboboxWithApiPagination as r } from "./lib/components/combobox-with-api-pagination/combobox-with-api-pagination.js";
+import { FilterDropdownMenu as d } from "./lib/components/filter-dropdown-menu/index.js";
 import { MetadataEmptyState as f } from "./lib/components/metadata-empty-state/metadata-empty-state.js";
-import { DeleteConfirmationModal as l } from "./lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/delete-confirmation-modal.js";
-import { MetadataInstanceFormHeader as i } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
+import { DeleteConfirmationModal as x } from "./lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/delete-confirmation-modal.js";
+import { MetadataInstanceFormHeader as l } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
 import { CustomInstanceNewField as s } from "./lib/components/metadata-instance-editor/subcomponents/custom-instance-new-field/custom-instance-new-field.js";
-import { MetadataInstanceForm as I } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js";
-import { MetadataInstanceList as A } from "./lib/components/metadata-instance-list/metadata-instance-list.js";
-import { MetadataInstanceHeader as F } from "./lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js";
-import { UnsavedChangesModal as v } from "./lib/components/unsaved-changes-modal/unsaved-changes-modal.js";
-import { defaultInitialValues as U, defaultMetadataValueMap as g } from "./lib/defaults.js";
-import { MetadataEditor as y } from "./lib/metadata-editor.js";
+import { MetadataInstanceForm as A } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js";
+import { MetadataInstanceList as I } from "./lib/components/metadata-instance-list/metadata-instance-list.js";
+import { MetadataInstanceHeader as w } from "./lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js";
+import { UnsavedChangesModal as h } from "./lib/components/unsaved-changes-modal/unsaved-changes-modal.js";
+import { defaultInitialValues as U, defaultMetadataValueMap as b } from "./lib/defaults.js";
+import { MetadataEditor as v } from "./lib/metadata-editor.js";
 import { U as H } from "../chunks/types.js";
-import { AutofillContext as S, AutofillContextProvider as T, useAutofill as V } from "./lib/utils/autofill-context.js";
-import { withApiWrapper as P } from "./lib/utils/api-wrapper.js";
+import { AutofillContext as V, AutofillContextProvider as W, useAutofill as y } from "./lib/utils/autofill-context.js";
+import { withApiWrapper as N } from "./lib/utils/api-wrapper.js";
 export {
   o as AddMetadataTemplateDropdown,
-  S as AutofillContext,
-  T as AutofillContextProvider,
+  V as AutofillContext,
+  W as AutofillContextProvider,
+  r as ComboboxWithApiPagination,
   s as CustomInstanceNewField,
-  l as DeleteConfirmationModal,
-  r as FilterDropdownMenu,
-  y as MetadataEditor,
+  x as DeleteConfirmationModal,
+  d as FilterDropdownMenu,
+  v as MetadataEditor,
   f as MetadataEmptyState,
-  I as MetadataInstanceForm,
-  i as MetadataInstanceFormHeader,
-  F as MetadataInstanceHeader,
-  A as MetadataInstanceList,
-  p as SingleLevelTaxonomyField,
-  v as UnsavedChangesModal,
+  A as MetadataInstanceForm,
+  l as MetadataInstanceFormHeader,
+  w as MetadataInstanceHeader,
+  I as MetadataInstanceList,
+  h as UnsavedChangesModal,
   H as UpdateMode,
   U as defaultInitialValues,
-  g as defaultMetadataValueMap,
-  V as useAutofill,
-  P as withApiWrapper
+  b as defaultMetadataValueMap,
+  y as useAutofill,
+  N as withApiWrapper
 };

package/esm/lib/components/combobox-with-api-pagination/combobox-with-api-pagination.js

@@ -1,48 +1,49 @@
 import "../../../../styles/combobox-with-api-pagination.css";
-import { ComboboxItemValue as Q } from "@ariakit/react";
-import { Combobox as p, LoadingIndicator as X, InlineNotice as Y, Text as Z } from "@box/blueprint-web";
-import { Search as $, Loader as oo } from "@box/blueprint-web-assets/icons/Fill";
-import { IconIconOnLightSecondary as eo, Size6 as y, Size1 as to } from "@box/blueprint-web-assets/tokens/tokens";
-import ro from "clsx";
-import { useRef as v, useCallback as no, useMemo as _, useEffect as ao, forwardRef as io } from "react";
-import { useIntl as V, FormattedMessage as I } from "react-intl";
-import a from "./messages.js";
-import { useAsyncList as so } from "./use-async-list.js";
-import { useControllableState as lo } from "./utils/use-controllable-state.js";
-import { useTrackVisibility as co } from "./utils/use-intersection-observer.js";
-import { jsx as r, jsxs as M, Fragment as uo } from "react/jsx-runtime";
-const mo = "_container_181ao_1", po = "_disabled_181ao_7", bo = "_highlightOptionText_181ao_11", ho = "_option_181ao_24", go = "_errorComboboxOption_181ao_28", fo = "_errorComboboxOptionText_181ao_33", u = {
-  container: mo,
-  disabled: po,
-  highlightOptionText: bo,
-  option: ho,
-  errorComboboxOption: go,
-  errorComboboxOptionText: fo
-}, T = /* @__PURE__ */ io(({
-  onTryAgain: b
-}, h) => {
+import { ComboboxItemValue as $ } from "@ariakit/react";
+import { Combobox as m, LoadingIndicator as oo, InlineNotice as eo, Text as to } from "@box/blueprint-web";
+import { useForkRef as ro } from "@box/blueprint-web/lib-esm/utils/useForkRef";
+import { Search as no, Loader as io } from "@box/blueprint-web-assets/icons/Fill";
+import { IconIconOnLightSecondary as ao, Size6 as M, Size1 as so } from "@box/blueprint-web-assets/tokens/tokens";
+import lo from "clsx";
+import { forwardRef as S, useRef as C, useCallback as co, useMemo as L, useEffect as uo } from "react";
+import { useIntl as F, FormattedMessage as T } from "react-intl";
+import i from "./messages.js";
+import { useAsyncList as mo } from "./use-async-list.js";
+import { useControllableState as po } from "./utils/use-controllable-state.js";
+import { useTrackVisibility as ho } from "./utils/use-intersection-observer.js";
+import { jsx as r, jsxs as V, Fragment as fo } from "react/jsx-runtime";
+const bo = "_container_181ao_1", go = "_disabled_181ao_7", xo = "_highlightOptionText_181ao_11", Oo = "_option_181ao_24", _o = "_errorComboboxOption_181ao_28", Ro = "_errorComboboxOptionText_181ao_33", c = {
+  container: bo,
+  disabled: go,
+  highlightOptionText: xo,
+  option: Oo,
+  errorComboboxOption: _o,
+  errorComboboxOptionText: Ro
+}, N = /* @__PURE__ */ S(({
+  onTryAgain: y
+}, p) => {
   const {
-    formatMessage: s
-  } = V();
-  return /* @__PURE__ */ M(uo, {
-    children: [/* @__PURE__ */ r(Y, {
+    formatMessage: h
+  } = F();
+  return /* @__PURE__ */ V(fo, {
+    children: [/* @__PURE__ */ r(eo, {
       variant: "error",
-      variantIconAriaLabel: s(a.loadingResultsErrorIconLabel),
-      children: /* @__PURE__ */ r(I, {
-        ...a.loadingResultsErrorMessage
+      variantIconAriaLabel: h(i.loadingResultsErrorIconLabel),
+      children: /* @__PURE__ */ r(T, {
+        ...i.loadingResultsErrorMessage
       })
-    }), /* @__PURE__ */ r(p.Option, {
-      ref: h,
-      className: u.errorComboboxOption,
-      onClick: b,
-      children: /* @__PURE__ */ M(Z, {
+    }), /* @__PURE__ */ r(m.Option, {
+      ref: p,
+      className: c.errorComboboxOption,
+      onClick: y,
+      children: /* @__PURE__ */ V(to, {
         as: "span",
-        className: u.errorComboboxOptionText,
+        className: c.errorComboboxOptionText,
         color: "textOnLightLink",
         variant: "bodyDefaultBold",
-        children: [/* @__PURE__ */ r(I, {
-          ...a.loadingResultsErrorAction
-        }), /* @__PURE__ */ r(oo, {
+        children: [/* @__PURE__ */ r(T, {
+          ...i.loadingResultsErrorAction
+        }), /* @__PURE__ */ r(io, {
           color: "currentColor",
           height: "12px",
           width: "12px"
@@ -50,110 +51,114 @@ const mo = "_container_181ao_1", po = "_disabled_181ao_7", bo = "_highlightOptio
       })
     })]
   });
-}), R = "__LOADING__", L = "__LOADING_ERROR__", xo = "0px 0px 20px 0px", Oo = /* @__PURE__ */ r($, {
-  color: eo,
-  height: y,
+}), A = "__LOADING__", E = "__LOADING_ERROR__", Co = "0px 0px 20px 0px", Lo = /* @__PURE__ */ r(no, {
+  color: ao,
+  height: M,
   role: "presentation",
   style: {
-    padding: to,
+    padding: so,
     boxSizing: "border-box"
   },
-  width: y
-}), So = (b) => {
+  width: M
+}), wo = /* @__PURE__ */ S(function(p, h) {
   const {
-    defaultFetcher: h,
-    onInputValueChange: s,
-    value: N,
-    onValueChange: S,
-    noResultMessage: D,
-    defaultValue: P = [],
-    loadingAriaLabel: k,
-    multiselect: l = !1,
-    disabled: F,
-    ...w
-  } = b, {
-    formatMessage: d
-  } = V(), g = v(null), o = so({
+    defaultFetcher: P,
+    onInputValueChange: f,
+    value: k,
+    onValueChange: D,
+    noResultMessage: w,
+    defaultValue: B = [],
+    loadingAriaLabel: W,
+    multiselect: s = !1,
+    disabled: z,
+    ...G
+  } = p, {
+    formatMessage: u
+  } = F(), b = C(null), g = C(!0), o = mo({
     async load({
       marker: e,
       searchInput: t,
-      signal: O
+      signal: R
     }) {
-      const c = await h({
-        signal: O,
+      const l = await P({
+        signal: R,
         marker: e,
         searchInput: t
       });
       return {
-        items: c.options,
-        marker: c.marker
+        items: l.options,
+        marker: l.marker
       };
     }
-  }), C = v(!1), B = no(() => {
-    C.current || (o.reload(), C.current = !0);
-  }, []), [n, f] = lo({
-    prop: N,
-    defaultProp: P,
-    onChange: S
-  }), z = (e) => {
-    e === void 0 ? f([]) : Array.isArray(e) ? f(e) : f([e]);
-  }, G = _(() => n.length === 0 ? l ? [] : void 0 : l ? n : n[0], [l, n]), x = _(() => n.filter((e) => !o.items.some((t) => t.value === e.value)), [n, o.items]), W = (e) => {
+  }), v = C(!1), j = co(() => {
+    v.current || (o.reload(), v.current = !0);
+  }, []), [n, x] = po({
+    prop: k,
+    defaultProp: B,
+    onChange: D
+  }), O = !s && n.length === 1, U = (e) => {
+    e === void 0 ? (x([]), g.current || (o.search(""), g.current = !0)) : Array.isArray(e) ? x(e) : x([e]);
+  }, q = L(() => n.length === 0 ? s ? [] : void 0 : s ? n : n[0], [s, n]), _ = L(() => n.filter((e) => !o.items.some((t) => t.value === e.value)), [n, o.items]), H = (e) => {
     const {
       value: t,
-      displayValue: O,
-      ...c
+      displayValue: R,
+      ...l
     } = e;
-    if (t === R)
-      return o.hasNextPage ? /* @__PURE__ */ r(p.Option, {
-        ...c,
-        ref: q,
+    if (t === A)
+      return o.hasNextPage ? /* @__PURE__ */ r(m.Option, {
+        ...l,
+        ref: Q,
         disabled: !0,
         value: t,
-        children: /* @__PURE__ */ r(X, {
-          "aria-label": d(a.loadingMoreAriaLabel),
+        children: /* @__PURE__ */ r(oo, {
+          "aria-label": u(i.loadingMoreAriaLabel),
           style: {
             position: "unset"
           }
         })
       }) : null;
-    if (t === L && o.hasError && !o.isEmpty)
-      return /* @__PURE__ */ r(T, {
+    if (t === E && o.hasError && !o.isEmpty)
+      return /* @__PURE__ */ r(N, {
         onTryAgain: () => {
-          var i;
-          o.loadMore(), (i = g.current) == null || i.focus();
+          var a;
+          o.loadMore(), (a = b.current) == null || a.focus();
         }
       });
-    if (x.some((i) => i.value === t))
+    if (_.some((a) => a.value === t))
       return null;
-    const K = () => n.some((i) => i.value === t);
-    return /* @__PURE__ */ r(p.Option, {
-      ...c,
-      className: u.option,
-      disabled: K(),
+    const Z = () => n.some((a) => a.value === t);
+    return /* @__PURE__ */ r(m.Option, {
+      ...l,
+      className: c.option,
+      disabled: Z(),
       value: t,
-      children: /* @__PURE__ */ r(Q, {
-        className: u.highlightOptionText,
-        value: O || t
+      children: /* @__PURE__ */ r($, {
+        className: c.highlightOptionText,
+        value: R || t
       })
     });
-  }, j = (e) => {
-    s == null || s(e), o.search(e);
-  }, U = () => {
+  }, J = (e) => {
+    if (f == null || f(e), O && e === "") {
+      g.current = !1;
+      return;
+    }
+    o.search(e);
+  }, K = () => {
     var e;
-    o.reload(), (e = g.current) == null || e.focus();
+    o.reload(), (e = b.current) == null || e.focus();
   };
-  let m;
-  o.hasError && !o.isLoading ? m = /* @__PURE__ */ r(T, {
-    onTryAgain: U
-  }) : o.isEmpty && !o.isLoading ? m = D || d(a.noResults) : m = void 0;
-  const [q, {
-    rootRef: H,
-    isVisible: A
-  }] = co({
-    rootMargin: xo
+  let d;
+  o.hasError && !o.isLoading ? d = /* @__PURE__ */ r(N, {
+    onTryAgain: K
+  }) : o.isEmpty && !o.isLoading ? d = w || u(i.noResults) : d = void 0;
+  const [Q, {
+    rootRef: X,
+    isVisible: I
+  }] = ho({
+    rootMargin: Co
   });
-  ao(() => {
-    if (!(A && o.hasNextPage))
+  uo(() => {
+    if (!(I && o.hasNextPage))
       return;
     const t = setTimeout(() => {
       o.loadMore();
@@ -161,42 +166,42 @@ const mo = "_container_181ao_1", po = "_disabled_181ao_7", bo = "_highlightOptio
     return () => {
       clearTimeout(t);
     };
-  }, [A]);
-  const J = _(() => {
+  }, [I]);
+  const Y = L(() => {
     const e = o.hasNextPage ? {
-      displayValue: R,
-      value: R
+      displayValue: A,
+      value: A
     } : null, t = !e && o.hasError && !o.isEmpty ? {
-      displayValue: L,
-      value: L
+      displayValue: E,
+      value: E
     } : null;
-    return [...o.items, ...x, e, t].filter(Boolean);
-  }, [o.hasNextPage, o.hasError, o.isEmpty, o.items, x]), E = !l && n.length === 1;
-  return /* @__PURE__ */ r(p, {
+    return [...o.items, ..._, e, t].filter(Boolean);
+  }, [o.hasNextPage, o.hasError, o.isEmpty, o.items, _]);
+  return /* @__PURE__ */ r(m, {
     as: "input",
-    ...w,
-    ref: g,
-    className: ro({
-      [u.disabled]: E
+    ...G,
+    ref: ro(b, h),
+    className: lo({
+      [c.disabled]: O
     }),
-    clearButtonAriaLabel: d(a.clearButtonAriaLabel),
-    disabled: F || E,
+    clearButtonAriaLabel: u(i.clearButtonAriaLabel),
+    disabled: z || O,
     displayValue: (e) => e.displayValue || e.value,
-    endComboboxIcon: Oo,
+    endComboboxIcon: Lo,
     focusLoop: !1,
-    getPopoverRef: H,
+    getPopoverRef: X,
     loading: o.isReloading,
-    loadingAriaLabel: k || d(a.loadingAriaLabel),
-    multiselect: l,
-    noResultMessage: m,
-    onFocus: B,
-    onInputValueChange: j,
-    onValueChange: z,
-    options: J,
-    renderOption: W,
-    value: G
+    loadingAriaLabel: W || u(i.loadingAriaLabel),
+    multiselect: s,
+    noResultMessage: d,
+    onFocus: j,
+    onInputValueChange: J,
+    onValueChange: U,
+    options: Y,
+    renderOption: H,
+    value: q
   });
-};
+});
 export {
-  So as ComboboxWithApiPagination
+  wo as ComboboxWithApiPagination
 };

package/esm/lib/components/metadata-editor-fields/components/metadata-date-field/metadata-date-field.js

@@ -1,65 +1,59 @@
-import { DateI18nProvider as P, DatePicker as F } from "@box/blueprint-web";
-import { useFormikContext as V, getIn as b, Field as A } from "formik";
-import { forwardRef as C, useMemo as I } from "react";
-import { useIntl as L } from "react-intl";
-import { convertToDatePickerValue as w, convertToFormikValue as N } from "./date-conversion-utils.js";
-import { useDateInternationalization as z } from "./use-date-internationalization.js";
+import { DateI18nProvider as x, DatePicker as L } from "@box/blueprint-web";
+import { useFormikContext as T, getIn as V, Field as A } from "formik";
+import { forwardRef as C, useMemo as w } from "react";
+import { useIntl as I } from "react-intl";
+import { convertToDatePickerValue as N, convertToFormikValue as z } from "./date-conversion-utils.js";
+import { useDateInternationalization as B } from "./use-date-internationalization.js";
 import a from "../../../../messages.js";
-import B from "../../../interactive-text/interactive-text.js";
-import { jsx as o } from "react/jsx-runtime";
-const H = /* @__PURE__ */ C(({
+import { getFieldLabel as O } from "../../utils.js";
+import { jsx as r } from "react/jsx-runtime";
+const J = /* @__PURE__ */ C(({
   description: s,
-  disableForm: m,
-  fieldNamePrefix: d,
-  label: r,
-  portalElement: f,
+  disableForm: c,
+  fieldNamePrefix: m,
+  label: i,
+  portalElement: d,
+  updateModePrefix: f,
   className: u
 }, h) => {
-  const t = `${d}.value`, e = L(), {
+  const o = `${f ?? m}.value`, e = I(), {
     values: p,
     setFieldTouched: D,
     setFieldValue: M
-  } = V(), {
+  } = T(), {
     localTimezone: g
-  } = z(e.locale), c = b(p, t), k = I(() => w(c), [c]), v = {
+  } = B(e.locale), n = V(p, o), k = w(() => N(n), [n]), v = {
     clearDatePickerAriaLabel: e.formatMessage(a.clearSelectedDate),
     nextMonthAriaLabel: e.formatMessage(a.switchToNextMonth),
     openCalendarDropdownAriaLabel: e.formatMessage(a.openCalendar),
     previousMonthAriaLabel: e.formatMessage(a.switchToNextMonth)
-  }, x = (n) => {
-    const l = N(n, g);
-    M(t, l);
-  }, T = () => {
-    D(t, !0);
+  }, b = (t) => {
+    const l = z(t, g);
+    M(o, l);
+  }, F = () => {
+    D(o, !0);
   };
-  return /* @__PURE__ */ o("div", {
-    "data-testid": `${r}-field`,
-    children: /* @__PURE__ */ o(P, {
+  return /* @__PURE__ */ r("div", {
+    "data-testid": `${i}-field`,
+    children: /* @__PURE__ */ r(x, {
       locale: e.locale,
-      children: /* @__PURE__ */ o(A, {
-        name: t,
+      children: /* @__PURE__ */ r(A, {
+        name: o,
         children: ({
-          field: n,
+          field: t,
           meta: l
-        }) => /* @__PURE__ */ o(F, {
-          ...n,
+        }) => /* @__PURE__ */ r(L, {
+          ...t,
           ...v,
           ref: h,
           calendarAriaLabel: e.formatMessage(a.selectDate),
           className: u,
           error: l.error,
-          isDisabled: m,
-          label: s ? ({
-            ...i
-          }) => B({
-            as: "span",
-            tooltipText: s,
-            children: r,
-            ...i
-          }) : r,
-          onBlur: () => T(),
-          onChange: (i) => x(i),
-          portalElement: f,
+          isDisabled: c,
+          label: O(i, s),
+          onBlur: () => F(),
+          onChange: (P) => b(P),
+          portalElement: d,
           value: k
         })
       })
@@ -67,6 +61,6 @@ const H = /* @__PURE__ */ C(({
   });
 });
 export {
-  H as MetadataDateField,
-  H as default
+  J as MetadataDateField,
+  J as default
 };