@box/metadata-editor 0.93.0 → 0.93.2

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

@@ -2,26 +2,25 @@ import { TextInput as T } from "@box/blueprint-web";
 import { useFormikContext as V, getIn as $, Field as b } from "formik";
 import { forwardRef as B, useRef as I } from "react";
 import { g as M } from "../../../../../../chunks/utils2.js";
-import { fieldDefaultProps as O } from "../constants.js";
-import { useFloatValidation as j } from "./use-float-validation.js";
+import { useFloatValidation as O } from "./use-float-validation.js";
 import { jsx as r } from "react/jsx-runtime";
 const y = /* @__PURE__ */ B(({
   className: l,
-  description: i,
+  description: n,
   isAiSuggestionApplied: d,
   label: o,
-  fieldNamePrefix: n,
+  fieldNamePrefix: i,
   disableForm: s,
   onValueEdited: u,
-  updateModePrefix: f
+  updateModePrefix: c
 }, m) => {
   const {
-    values: c,
+    values: f,
     setFieldValue: p,
     setFieldTouched: F
-  } = V(), t = `${f ?? n}.value`, h = $(c, t), a = I(h), {
+  } = V(), t = `${c ?? i}.value`, h = $(f, t), a = I(h), {
     validateFloats: g
-  } = j(), v = (e) => {
+  } = O(), v = (e) => {
     a.current = e, p(t, e), u();
   }, x = (e) => {
     F(e, !0);
@@ -35,14 +34,13 @@ const y = /* @__PURE__ */ B(({
         field: e,
         meta: C
       }) => /* @__PURE__ */ r(T, {
-        ...O,
         ...e,
         ref: m,
         className: l,
         disabled: s,
         error: C.error,
         inputMode: "decimal",
-        label: M(o, i, d),
+        label: M(o, n, d),
         onBlur: () => x(t),
         onChange: (R) => v(R.currentTarget.value),
         placeholder: "0"

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

@@ -3,52 +3,50 @@ import { useFormikContext as x, getIn as M, Field as $ } from "formik";
 import { forwardRef as I } from "react";
 import { useIntl as j } from "react-intl";
 import k from "../../../../messages.js";
-import { g as D } from "../../../../../../chunks/utils2.js";
-import { fieldDefaultProps as O } from "../constants.js";
+import { g as O } from "../../../../../../chunks/utils2.js";
 import { jsx as t } from "react/jsx-runtime";
-const E = /* @__PURE__ */ I(({
-  className: i,
-  isAiSuggestionApplied: n,
+const D = /* @__PURE__ */ I(({
+  className: s,
+  isAiSuggestionApplied: i,
   description: m,
   disableForm: u,
   fieldNamePrefix: o,
   label: l,
   onValueEdited: d,
-  options: f,
-  portalElement: c,
+  options: c,
+  portalElement: f,
   updateModePrefix: p
 }, g) => {
   const {
     setFieldValue: h,
     values: F
-  } = x(), v = j(), r = `${p ?? o}.value`, C = f || M(F, `${o}.options`, []).map(({
+  } = x(), v = j(), a = `${p ?? o}.value`, C = c || M(F, `${o}.options`, []).map(({
     key: e
-  }) => e), L = (e, a) => a.toLowerCase().includes(e.toLowerCase());
+  }) => e), L = (e, r) => r.toLowerCase().includes(e.toLowerCase());
   return /* @__PURE__ */ t("div", {
     "data-testid": `${l}-field`,
     children: /* @__PURE__ */ t($, {
-      name: r,
+      name: a,
       children: ({
         field: e
       }) => {
-        var s;
-        const b = (((s = e.value) == null ? void 0 : s.length) || 0) === 0 ? v.formatMessage(k.multiselectPlaceholder) : "";
+        var n;
+        const b = (((n = e.value) == null ? void 0 : n.length) || 0) === 0 ? v.formatMessage(k.multiselectPlaceholder) : "";
         return /* @__PURE__ */ t(w, {
-          ...O,
           ref: g,
           as: "input",
-          className: i,
+          className: s,
           disabled: u,
           filterFn: L,
-          label: D(l, m, n),
+          label: O(l, m, i),
           multiselect: !0,
           name: e.name,
           onValueChange: (V) => {
-            h(r, V), d();
+            h(a, V), d();
           },
           options: C,
           placeholder: b,
-          portalElement: c,
+          portalElement: f,
           value: e.value
         });
       }
@@ -56,6 +54,6 @@ const E = /* @__PURE__ */ I(({
   });
 });
 export {
-  E as MetadataMultiSelectField,
-  E as default
+  D as MetadataMultiSelectField,
+  D as default
 };

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

@@ -1,46 +1,43 @@
-import { TextInput as u } from "@box/blueprint-web";
-import { Field as c } from "formik";
+import { TextInput as g } from "@box/blueprint-web";
+import { Field as u } from "formik";
 import { forwardRef as h } from "react";
-import { useIntl as x } from "react-intl";
-import F from "../../../../messages.js";
+import { useIntl as F } from "react-intl";
+import x from "../../../../messages.js";
 import { g as M } from "../../../../../../chunks/utils2.js";
-import { fieldDefaultProps as b } from "../constants.js";
 import { jsx as e } from "react/jsx-runtime";
-const v = /* @__PURE__ */ h(({
+const b = /* @__PURE__ */ h(({
   className: t,
   description: a,
   isAiSuggestionApplied: o,
   disableForm: i,
-  fieldNamePrefix: l,
+  fieldNamePrefix: d,
   label: r,
-  onValueEdited: m,
-  updateModePrefix: d
-}, f) => {
-  const s = x(), n = `${d ?? l}.value`;
+  onValueEdited: l,
+  updateModePrefix: m
+}, s) => {
+  const f = F(), n = `${m ?? d}.value`;
   return /* @__PURE__ */ e("div", {
     "data-testid": `${r}-field`,
-    children: /* @__PURE__ */ e(c, {
+    children: /* @__PURE__ */ e(u, {
       name: n,
       children: ({
         field: p,
-        meta: g
-      }) => /* @__PURE__ */ e(u, {
-        ...b,
+        meta: c
+      }) => /* @__PURE__ */ e(g, {
         ...p,
-        ref: f,
+        ref: s,
         className: t,
         disabled: i,
-        error: g.error,
+        error: c.error,
         label: M(r, a, o),
-        maxLength: 524288,
-        onChangeCapture: m,
-        placeholder: s.formatMessage(F.setValuePlaceholder)
+        onChangeCapture: l,
+        placeholder: f.formatMessage(x.setValuePlaceholder)
       })
     })
   });
 });
-v.displayName = "MetadataStringField";
+b.displayName = "MetadataStringField";
 export {
-  v as MetadataStringField,
-  v as default
+  b as MetadataStringField,
+  b as default
 };

package/esm/lib/components/metadata-instance-editor/subcomponents/custom-instance/custom-instance.js

@@ -1,38 +1,37 @@
 import { useFormikContext as A, FieldArray as N, Field as k } from "formik";
-import { useState as I, useRef as v, useEffect as y } from "react";
+import { useState as f, useRef as v, useEffect as y } from "react";
 import { useIntl as C } from "react-intl";
 import { TextInput as q, IconButton as B, TextButton as T } from "@box/blueprint-web";
 import { Trash as w } from "@box/blueprint-web-assets/icons/Line";
 import { CustomInstanceNewField as M } from "../custom-instance-new-field/custom-instance-new-field.js";
-import { fieldDefaultProps as R } from "../../../metadata-editor-fields/components/constants.js";
-import d from "./messages.js";
-import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import '../../../../../../styles/custom-instance.css';const V = "_customInstance_xq8r7_1", j = "_customInstanceField_xq8r7_7", P = "_customInstanceFieldInput_xq8r7_12", z = "_customInstanceFieldIcon_xq8r7_16", c = {
-  customInstance: V,
-  customInstanceField: j,
-  customInstanceFieldInput: P,
+import r from "./messages.js";
+import { jsx as t, jsxs as F } from "react/jsx-runtime";
+import '../../../../../../styles/custom-instance.css';const R = "_customInstance_xq8r7_1", V = "_customInstanceField_xq8r7_7", j = "_customInstanceFieldInput_xq8r7_12", z = "_customInstanceFieldIcon_xq8r7_16", c = {
+  customInstance: R,
+  customInstanceField: V,
+  customInstanceFieldInput: j,
   customInstanceFieldIcon: z
-}, O = (F) => {
+}, H = (p) => {
   const {
     isLoading: l
-  } = F, {
+  } = p, {
     values: e
-  } = A(), i = C(), [m, o] = I(!e.metadata.fields.length), [u, r] = I(0), h = () => {
-    r(e.metadata.fields.length);
-  }, b = (a) => {
-    r(a === 0 ? 0 : a - 1);
-  }, f = v(null);
+  } = A(), i = C(), [m, a] = f(!e.metadata.fields.length), [u, d] = f(0), h = () => {
+    d(e.metadata.fields.length);
+  }, b = (o) => {
+    d(o === 0 ? 0 : o - 1);
+  }, I = v(null);
   return y(() => {
-    e.metadata.fields.length > 0 ? f.current.focus() : o(!0);
+    e.metadata.fields.length > 0 ? I.current.focus() : a(!0);
   }, [u, e.metadata.fields.length]), /* @__PURE__ */ t("div", {
     children: /* @__PURE__ */ t(N, {
       name: "metadata.fields",
       children: ({
-        remove: a,
+        remove: o,
         push: _
-      }) => /* @__PURE__ */ p("div", {
+      }) => /* @__PURE__ */ F("div", {
         className: c.customInstance,
-        children: [e == null ? void 0 : e.metadata.fields.map((s, n) => /* @__PURE__ */ p("div", {
+        children: [e == null ? void 0 : e.metadata.fields.map((s, n) => /* @__PURE__ */ F("div", {
           className: c.customInstanceField,
           children: [/* @__PURE__ */ t("div", {
             className: c.customInstanceFieldInput,
@@ -42,24 +41,23 @@ import '../../../../../../styles/custom-instance.css';const V = "_customInstance
                 field: g,
                 meta: x
               }) => /* @__PURE__ */ t(q, {
-                ...R,
                 ...g,
-                ref: n === u ? f : null,
+                ref: n === u ? I : null,
                 disabled: l,
                 error: x.error,
                 label: s.key,
-                placeholder: i.formatMessage(d.setValuePlaceholder)
+                placeholder: i.formatMessage(r.setValuePlaceholder)
               })
             })
           }), /* @__PURE__ */ t(B, {
-            "aria-label": i.formatMessage(d.removeAttribute, {
+            "aria-label": i.formatMessage(r.removeAttribute, {
               fieldName: s.key
             }),
             className: c.customInstanceFieldIcon,
             disabled: l,
             icon: w,
             onClick: () => {
-              a(n), b(n);
+              o(n), b(n);
             },
             size: "x-small",
             "data-target-id": "IconButton-removeAttribute"
@@ -70,19 +68,19 @@ import '../../../../../../styles/custom-instance.css';const V = "_customInstance
             _({
               key: s,
               value: n
-            }), h(), o(!1);
+            }), h(), a(!1);
           },
-          onCancel: () => o(!1)
+          onCancel: () => a(!1)
         }), !m && /* @__PURE__ */ t(T, {
           disabled: l,
-          onClick: () => o(!0),
+          onClick: () => a(!0),
           "data-target-id": "TextButton-addAttribute",
-          children: i.formatMessage(d.addAttribute)
+          children: i.formatMessage(r.addAttribute)
         })]
       })
     })
   });
 };
 export {
-  O as CustomInstance
+  H as CustomInstance
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.93.0",
+  "version": "0.93.2",
   "peerDependencies": {
     "@ariakit/react": "0.4.15",
     "@box/blueprint-web": "^7.30.3",
@@ -14,7 +14,7 @@
   "devDependencies": {
     "@ariakit/react": "0.4.15",
     "@box/babel-plugin-target-attributes": "1.3.0",
-    "@box/blueprint-web": "^9.18.5",
+    "@box/blueprint-web": "^9.18.6",
     "@box/blueprint-web-assets": "^4.34.0",
     "@box/storybook-utils": "^0.8.3",
     "@testing-library/react": "^15.0.6",
@@ -53,5 +53,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "4186e6a642af66984f1fb57cad2b9188d4b8f89a"
+  "gitHead": "d7b0622598d060b689dc20c6767f6f43ea081211"
 }