@box/metadata-editor 0.60.2 → 0.60.4

package/esm/lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/delete-confirmation-modal.js

@@ -1,45 +1,46 @@
 import "../../../../../../styles/delete-confirmation-modal.css";
 import { Modal as a, Text as c, TextInput as b } from "@box/blueprint-web";
-import { useIntl as F, FormattedMessage as d } from "react-intl";
-import { useState as f, useEffect as I } from "react";
+import { useState as f, useEffect as F } from "react";
+import { useIntl as I, FormattedMessage as s } from "react-intl";
 import o from "./messages.js";
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-const x = "_modalBody_yiat3_1", P = {
-  modalBody: x
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+const P = "_modalBody_yiat3_1", x = {
+  modalBody: P
 }, T = ({
   onConfirm: u,
-  templateName: C,
-  onDismiss: p,
+  templateName: p,
+  onDismiss: C,
   open: h
 }) => {
-  const t = F(), [r, m] = f(""), [M, g] = f(!0), i = (n) => {
-    n || (p(), m(""));
-  }, l = C || t.formatMessage(o.deleteConfirmationModalCustomMetadata), B = (n) => {
-    m(n);
-  }, y = () => {
+  const n = I(), [r, m] = f(""), [M, g] = f(!0), i = (t) => {
+    t || (C(), m(""));
+  }, l = p || n.formatMessage(o.deleteConfirmationModalCustomMetadata), y = (t) => {
+    m(t);
+  }, B = () => {
     u(), i(!1);
   };
-  return I(() => {
+  return F(() => {
     g(r !== l);
   }, [r, l]), /* @__PURE__ */ e(a, {
     onOpenChange: i,
     open: h,
-    children: /* @__PURE__ */ s(a.Content, {
+    children: /* @__PURE__ */ d(a.Content, {
+      onEscapeKeyDown: (t) => t.stopPropagation(),
       size: "small",
       children: [/* @__PURE__ */ e(a.Header, {
-        "aria-label": t.formatMessage(o.deleteConfirmationModalHeaderAriaLabel),
-        children: /* @__PURE__ */ e(d, {
+        "aria-label": n.formatMessage(o.deleteConfirmationModalHeaderAriaLabel),
+        children: /* @__PURE__ */ e(s, {
           ...o.deleteConfirmationModalHeader,
           values: {
             templateName: l
           }
         })
       }), /* @__PURE__ */ e(a.ScrollableContainer, {
-        children: /* @__PURE__ */ s(a.Body, {
-          className: P.modalBody,
+        children: /* @__PURE__ */ d(a.Body, {
+          className: x.modalBody,
           children: [/* @__PURE__ */ e(c, {
             as: "p",
-            children: /* @__PURE__ */ e(d, {
+            children: /* @__PURE__ */ e(s, {
               ...o.deleteConfirmationModalBodyFirstParagraph,
               values: {
                 templateName: l
@@ -47,30 +48,30 @@ const x = "_modalBody_yiat3_1", P = {
             })
           }), /* @__PURE__ */ e(c, {
             as: "p",
-            children: /* @__PURE__ */ e(d, {
+            children: /* @__PURE__ */ e(s, {
               ...o.deleteConfirmationModalBodySecondParagraph
             })
           }), /* @__PURE__ */ e(b, {
-            label: t.formatMessage(o.deleteConfirmationModalBodyInputFieldLabel),
-            onChange: (n) => B(n.target.value),
+            label: n.formatMessage(o.deleteConfirmationModalBodyInputFieldLabel),
+            onChange: (t) => y(t.target.value),
             placeholder: l,
             required: !0,
             value: r
           })]
         })
-      }), /* @__PURE__ */ s(a.Footer, {
+      }), /* @__PURE__ */ d(a.Footer, {
         children: [/* @__PURE__ */ e(a.Footer.SecondaryButton, {
           onClick: () => i(!1),
           size: "large",
-          children: t.formatMessage(o.deleteConfirmationModalCancelButton)
+          children: n.formatMessage(o.deleteConfirmationModalCancelButton)
         }), /* @__PURE__ */ e(a.Footer.PrimaryButton, {
           disabled: M,
-          onClick: y,
+          onClick: B,
           size: "large",
-          children: t.formatMessage(o.deleteConfirmationModalConfirmButton)
+          children: n.formatMessage(o.deleteConfirmationModalConfirmButton)
         })]
       }), /* @__PURE__ */ e(a.Close, {
-        "aria-label": t.formatMessage(o.deleteConfirmationModalDismissButton)
+        "aria-label": n.formatMessage(o.deleteConfirmationModalDismissButton)
       })]
     })
   });

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

@@ -1,4 +1,4 @@
-import v from "lodash/isEmpty";
+import h from "lodash/isEmpty";
 import O from "lodash/isArray";
 import { TEMPLATE_CUSTOM_PROPERTIES as f } from "../../../../constants.js";
 const n = {
@@ -6,19 +6,19 @@ const n = {
   REMOVE: "remove",
   REPLACE: "replace",
   TEST: "test"
-}, o = (e) => e.value === null || e.value === "" || O(e.value) && v(e.value), S = (e, s) => {
-  const p = [], c = e.metadata.fields, r = s.templateKey === f, m = new Map(s.fields.map((t) => [t.key, t])), h = new Map(c.map((t) => [t.key, t]));
+}, p = (e) => e.value === void 0 || e.value === null || e.value === "" || O(e.value) && h(e.value), S = (e, s) => {
+  const o = [], c = e.metadata.fields, r = s.templateKey === f, v = new Map(s.fields.map((t) => [t.key, t])), m = new Map(c.map((t) => [t.key, t]));
   return c.forEach((t) => {
-    const a = m.get(t.key);
-    a ? JSON.stringify(t) === JSON.stringify(a) || (!r && o(a) && !o(t) ? p.push(y(t.key, u(t))) : (
+    const a = v.get(t.key);
+    a ? JSON.stringify(t) === JSON.stringify(a) || (!r && p(a) && !p(t) ? o.push(y(t.key, u(t))) : (
       // template instance
-      (!r && t.value !== a.value && a.value !== null && !o(t) || // custom instance
-      r && t.value !== a.value) && (p.push(E(a.key, u(a))), p.push(M(t.key, u(t))))
-    )) : p.push(y(t.key, t.value));
+      (!r && t.value !== a.value && a.value !== null && !p(t) || // custom instance
+      r && t.value !== a.value) && (o.push(E(a.key, u(a))), o.push(M(t.key, u(t))))
+    )) : o.push(y(t.key, t.value));
   }), s.fields.forEach((t) => {
-    const a = h.get(t.key);
-    (!a || !r && o(a) && !o(t)) && (p.push(E(t.key, u(t))), p.push(k(t.key)));
-  }), p;
+    const a = m.get(t.key);
+    (!a || !r && p(a) && !p(t)) && (o.push(E(t.key, u(t))), o.push(k(t.key)));
+  }), o;
 }, u = (e) => e.type === "float" ? Number(e.value) : e.value, E = (e, s) => ({
   op: n.TEST,
   path: `/${e}`,

package/esm/lib/components/unsaved-changes-modal/unsaved-changes-modal.js

@@ -1,28 +1,29 @@
 import { Modal as e } from "@box/blueprint-web";
-import { useState as M, useEffect as v, useCallback as t } from "react";
-import { useIntl as b, FormattedMessage as h } from "react-intl";
+import { useState as M, useEffect as p, useCallback as d } from "react";
+import { useIntl as v, FormattedMessage as h } from "react-intl";
 import n from "./messages.js";
 import { jsx as a, jsxs as C } from "react/jsx-runtime";
 function x({
-  onBackToEdit: d,
-  onDiscardChanges: i,
-  defaultOpen: m = !0,
-  open: s = m
+  onBackToEdit: i,
+  onDiscardChanges: c,
+  defaultOpen: g = !0,
+  open: r = g
 }) {
-  const l = b(), [g, o] = M(s);
-  v(() => o(s), [s]);
-  const r = t(() => {
-    d(), o(!1);
-  }, [d]), u = t(() => {
+  const t = v(), [m, o] = M(r);
+  p(() => o(r), [r]);
+  const l = d(() => {
     i(), o(!1);
-  }, [i]), f = t((c) => {
-    o(c), c || r();
-  }, [r]);
+  }, [i]), u = d(() => {
+    c(), o(!1);
+  }, [c]), f = d((s) => {
+    o(s), s || l();
+  }, [l]);
   return /* @__PURE__ */ a(e, {
     modal: !0,
     onOpenChange: f,
-    open: g,
+    open: m,
     children: /* @__PURE__ */ C(e.Content, {
+      onEscapeKeyDown: (s) => s.stopPropagation(),
       size: "small",
       children: [/* @__PURE__ */ a(e.Header, {
         children: /* @__PURE__ */ a(h, {
@@ -38,14 +39,14 @@ function x({
         children: [/* @__PURE__ */ a(e.Footer.SecondaryButton, {
           onClick: u,
           size: "large",
-          children: l.formatMessage(n.unsavedChangesModalDiscardChangesCTA)
+          children: t.formatMessage(n.unsavedChangesModalDiscardChangesCTA)
         }), /* @__PURE__ */ a(e.Footer.PrimaryButton, {
-          onClick: r,
+          onClick: l,
           size: "large",
-          children: l.formatMessage(n.unsavedChangesModalContinueEditingCTA)
+          children: t.formatMessage(n.unsavedChangesModalContinueEditingCTA)
         })]
       }), /* @__PURE__ */ a(e.Close, {
-        "aria-label": l.formatMessage(n.unsavedChangesModalCloseLabel)
+        "aria-label": t.formatMessage(n.unsavedChangesModalCloseLabel)
       })]
     })
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.60.2",
+  "version": "0.60.4",
   "peerDependencies": {
     "@ariakit/react": "0.4.5",
     "@box/blueprint-web": "^7.30.3",
@@ -53,5 +53,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "a917668414b5d0e1dc46512bd579e9cc958b51ea"
+  "gitHead": "cc88fe6001296a03f1dfce7edec7b6cd1b0ed9f0"
 }