@box/metadata-editor 0.66.2 → 0.67.0

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

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

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

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

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

@@ -1,76 +1,76 @@
 import "../../../../../../styles/ai-suggestion-field.css";
-import { Text as g, IconButton as l, DropdownMenu as t } from "@box/blueprint-web";
+import { Text as p, IconButton as g, DropdownMenu as t } from "@box/blueprint-web";
 import { Checkmark as u, Ellipsis as S } from "@box/blueprint-web-assets/icons/Fill";
-import { useIntl as h, FormattedMessage as a } from "react-intl";
+import { useIntl as h, FormattedMessage as n } from "react-intl";
 import r from "./messages.js";
 import { formatSuggestionValue as w } from "./utils.js";
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-const I = "_wrapperGradient_1izxt_1", _ = "_wrapper_1izxt_1", f = "_buttons_1izxt_18", x = "_selectTrigger_1izxt_22", n = {
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+const I = "_wrapperGradient_1e3py_1", _ = "_wrapper_1e3py_1", f = "_buttons_1e3py_18", M = "_selectTrigger_1e3py_22", i = {
   wrapperGradient: I,
   wrapper: _,
   buttons: f,
-  selectTrigger: x
+  selectTrigger: M
 };
 function D({
-  aiSuggestion: c,
+  aiSuggestion: l,
   onAiSuggestionAppend: s,
-  onAiSuggestionReplace: p,
+  onAiSuggestionReplace: c,
   onAiSuggestionIgnore: d,
   type: m
 }) {
   const o = h();
   return /* @__PURE__ */ e("div", {
-    className: n.wrapperGradient,
-    children: /* @__PURE__ */ i("div", {
-      className: n.wrapper,
-      children: [/* @__PURE__ */ i("div", {
-        children: [/* @__PURE__ */ e(g, {
+    className: i.wrapperGradient,
+    children: /* @__PURE__ */ a("div", {
+      className: i.wrapper,
+      children: [/* @__PURE__ */ a("div", {
+        children: [/* @__PURE__ */ e(p, {
           as: "p",
           color: "textOnLightSecondary",
           variant: "caption",
-          children: /* @__PURE__ */ e(a, {
+          children: /* @__PURE__ */ e(n, {
             ...r.aiSuggestionCaption
           })
-        }), /* @__PURE__ */ e(g, {
+        }), /* @__PURE__ */ e(p, {
           as: "p",
-          children: w(c, {
+          children: w(l, {
             type: m,
             locale: o.locale
           })
         })]
-      }), /* @__PURE__ */ i("div", {
-        className: n.buttons,
-        children: [/* @__PURE__ */ e(l, {
+      }), /* @__PURE__ */ a("div", {
+        className: i.buttons,
+        children: [/* @__PURE__ */ e(g, {
           "aria-label": o.formatMessage(r.aiSuggestionAppend),
           icon: u,
           onClick: s,
           size: "x-small",
           "data-target-id": "IconButton-aiSuggestionAppend"
-        }), /* @__PURE__ */ i(t.Root, {
+        }), /* @__PURE__ */ a(t.Root, {
           children: [/* @__PURE__ */ e(t.Trigger, {
-            className: n.selectTrigger,
-            children: /* @__PURE__ */ e(l, {
+            className: i.selectTrigger,
+            children: /* @__PURE__ */ e(g, {
               "aria-label": o.formatMessage(r.aiSuggestionOptions),
               icon: S,
               "data-target-id": "IconButton-aiSuggestionOptions"
             })
-          }), /* @__PURE__ */ i(t.Content, {
+          }), /* @__PURE__ */ a(t.Content, {
             children: [/* @__PURE__ */ e(t.Item, {
               onSelect: s,
               "data-target-id": "DropdownMenu.Item-aiSuggestionAppend",
-              children: /* @__PURE__ */ e(a, {
+              children: /* @__PURE__ */ e(n, {
                 ...r.aiSuggestionAppend
               })
             }), /* @__PURE__ */ e(t.Item, {
-              onSelect: p,
+              onSelect: c,
               "data-target-id": "DropdownMenu.Item-aiSuggestionClearAndReplace",
-              children: /* @__PURE__ */ e(a, {
+              children: /* @__PURE__ */ e(n, {
                 ...r.aiSuggestionClearAndReplace
               })
             }), /* @__PURE__ */ e(t.Separator, {}), /* @__PURE__ */ e(t.Item, {
               onSelect: d,
               "data-target-id": "DropdownMenu.Item-aiSuggestionIgnore",
-              children: /* @__PURE__ */ e(a, {
+              children: /* @__PURE__ */ e(n, {
                 ...r.aiSuggestionIgnore
               })
             })]

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

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