@box/metadata-editor 0.60.2 → 0.60.3

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/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.3",
   "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": "4853233b3f41ca53ca43c8d67896328a8905a9d5"
 }