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