@box/metadata-editor 0.98.2 → 0.98.4

package/dist/esm/lib/components/metadata-editor-fields/components/update-mode-field-wrapper/update-mode-field-wrapper.js

@@ -1,22 +1,22 @@
 import { IconButton as b, Radio as i } from "@box/blueprint-web";
-import { Settings as A, XMark as E } from "@box/blueprint-web-assets/icons/Fill";
-import R from "clsx";
-import { useFormikContext as U, getIn as _, Field as w } from "formik";
-import C, { useState as S } from "react";
-import { useIntl as B } from "react-intl";
+import { Settings as y, XMark as A } from "@box/blueprint-web-assets/icons/Fill";
+import E from "clsx";
+import { useFormikContext as R, getIn as _, Field as U } from "formik";
+import C, { useState as q } from "react";
+import { useIntl as w } from "react-intl";
 import { U as r } from "../../../../../../chunks/types.js";
 import { messages as l } from "./messages.js";
-import { MULTI_VALUE_DEFAULT_OPTION as N } from "./mulitple-values-utils.js";
+import { MULTI_VALUE_DEFAULT_OPTION as S } from "./mulitple-values-utils.js";
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import '../../../../../../styles/update-mode-field-wrapper.css';const $ = "_wrapperContianer_1n09p_1", L = "_fieldContainer_1n09p_6", O = "_field_1n09p_6", V = "_collapseButton_1n09p_13", k = "_radioContainer_1n09p_19", x = "_additionalFieldContainer_1n09p_22", G = "_hidden_1n09p_26", t = {
-  wrapperContianer: $,
-  fieldContainer: L,
-  field: O,
-  collapseButton: V,
-  radioContainer: k,
-  additionalFieldContainer: x,
-  hidden: G
-}, j = (e) => e === r.ReplaceEntered, y = (e, a) => e === "string" || e === "multiSelect" || a, T = ({
+import '../../../../../../styles/update-mode-field-wrapper.css';const B = "_wrapperContianer_19nqy_1", N = "_fieldContainer_19nqy_6", $ = "_field_19nqy_6", L = "_collapseButton_19nqy_14", O = "_radioContainer_19nqy_20", V = "_additionalFieldContainer_19nqy_23", k = "_hidden_19nqy_27", t = {
+  wrapperContianer: B,
+  fieldContainer: N,
+  field: $,
+  collapseButton: L,
+  radioContainer: O,
+  additionalFieldContainer: V,
+  hidden: k
+}, x = (e) => e === r.ReplaceEntered, G = (e, a) => e === "string" || e === "multiSelect" || a, j = ({
   children: e,
   fieldNamePrefix: a,
   fieldType: f,
@@ -25,7 +25,7 @@ import '../../../../../../styles/update-mode-field-wrapper.css';const $ = "_wrap
   const {
     setFieldValue: M,
     values: m
-  } = U(), [c, h] = S(!0), n = B(), u = `${a}.updateMode.mode`, v = _(m, u), s = e && C.Children.only(e), I = _(m, `${a}.options`, []).filter((d) => d.id !== N.id).map(({
+  } = R(), [c, h] = q(!0), n = w(), u = `${a}.updateMode.mode`, v = _(m, u), s = e && C.Children.only(e), I = _(m, `${a}.options`, []).filter((d) => d.id !== S.id).map(({
     key: d
   }) => d);
   return /* @__PURE__ */ p("div", {
@@ -39,7 +39,7 @@ import '../../../../../../styles/update-mode-field-wrapper.css';const $ = "_wrap
         "aria-label": n.formatMessage(l.toggleUpdateModeSelectiorAriaLabel),
         className: t.collapseButton,
         "data-testid": `${s.props.label}-update-mode-toggle`,
-        icon: c ? A : E,
+        icon: c ? y : A,
         onClick: () => {
           h(!c);
         },
@@ -47,10 +47,10 @@ import '../../../../../../styles/update-mode-field-wrapper.css';const $ = "_wrap
         "data-target-id": "IconButton-toggleUpdateModeSelectiorAriaLabel"
       })]
     }), /* @__PURE__ */ p("div", {
-      className: R(t.radioContainer, {
+      className: E(t.radioContainer, {
         [t.hidden]: c
       }),
-      children: [/* @__PURE__ */ o(w, {
+      children: [/* @__PURE__ */ o(U, {
         name: `${a}.updateMode.mode`,
         children: ({
           field: d
@@ -60,7 +60,7 @@ import '../../../../../../styles/update-mode-field-wrapper.css';const $ = "_wrap
           onValueChange: (F) => M(u, F),
           orientation: "vertical",
           value: d.value,
-          children: [y(f, g) && /* @__PURE__ */ o(i.Item, {
+          children: [G(f, g) && /* @__PURE__ */ o(i.Item, {
             label: n.formatMessage(l.append),
             value: r.Append
           }), /* @__PURE__ */ o(i.Item, {
@@ -74,7 +74,7 @@ import '../../../../../../styles/update-mode-field-wrapper.css';const $ = "_wrap
             value: r.ReplaceEntered
           })]
         })
-      }), j(v) && s && /* @__PURE__ */ o("div", {
+      }), x(v) && s && /* @__PURE__ */ o("div", {
         className: t.additionalFieldContainer,
         children: /* @__PURE__ */ C.cloneElement(s, {
           // This field edits ${fieldNamePrefix}.updateMode.value, the '.value' is added by the field component
@@ -86,7 +86,7 @@ import '../../../../../../styles/update-mode-field-wrapper.css';const $ = "_wrap
     })]
   });
 };
-T.displayName = "UpdateModeFieldWrapper";
+j.displayName = "UpdateModeFieldWrapper";
 export {
-  T as UpdateModeFieldWrapper
+  j as UpdateModeFieldWrapper
 };

package/dist/styles/update-mode-field-wrapper.css

@@ -1 +1 @@
-._wrapperContianer_1n09p_1{display:flex;flex-direction:column;gap:var(--space-2)}._wrapperContianer_1n09p_1 ._fieldContainer_1n09p_6{display:flex;gap:var(--space-2)}._wrapperContianer_1n09p_1 ._fieldContainer_1n09p_6 ._field_1n09p_6{flex-grow:1}._wrapperContianer_1n09p_1 ._fieldContainer_1n09p_6 ._collapseButton_1n09p_13{flex-grow:0;flex-shrink:0;align-self:flex-end;margin-block-end:var(--space-1)}._wrapperContianer_1n09p_1 ._radioContainer_1n09p_19{padding-inline-start:var(--space-2)}._wrapperContianer_1n09p_1 ._radioContainer_1n09p_19 ._additionalFieldContainer_1n09p_22{padding-block-start:var(--space-2);padding-inline-start:var(--space-4)}._wrapperContianer_1n09p_1 ._hidden_1n09p_26{display:none}
+._wrapperContianer_19nqy_1{display:flex;flex-direction:column;gap:var(--space-2)}._wrapperContianer_19nqy_1 ._fieldContainer_19nqy_6{display:flex;gap:var(--space-2)}._wrapperContianer_19nqy_1 ._fieldContainer_19nqy_6 ._field_19nqy_6{flex-grow:1;overflow:hidden}._wrapperContianer_19nqy_1 ._fieldContainer_19nqy_6 ._collapseButton_19nqy_14{flex-grow:0;flex-shrink:0;align-self:flex-end;margin-block-end:var(--space-1)}._wrapperContianer_19nqy_1 ._radioContainer_19nqy_20{padding-inline-start:var(--space-2)}._wrapperContianer_19nqy_1 ._radioContainer_19nqy_20 ._additionalFieldContainer_19nqy_23{padding-block-start:var(--space-2);padding-inline-start:var(--space-4)}._wrapperContianer_19nqy_1 ._hidden_19nqy_27{display:none}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-editor",
-    "version": "0.98.2",
+    "version": "0.98.4",
     "peerDependencies": {
         "@ariakit/react": "0.4.15",
         "@box/blueprint-web": "^7.30.3",
@@ -15,7 +15,7 @@
     "devDependencies": {
         "@ariakit/react": "0.4.15",
         "@box/babel-plugin-target-attributes": "1.3.0",
-        "@box/blueprint-web": "^10.1.0",
+        "@box/blueprint-web": "^10.2.0",
         "@box/blueprint-web-assets": "^4.37.3",
         "@box/storybook-utils": "^0.9.0",
         "@testing-library/react": "^15.0.6",