@box/metadata-editor 0.47.0 → 0.47.1

package/esm/lib/components/interactive-text/interactive-text.js

@@ -1,22 +1,26 @@
 import { Focusable as c } from "@ariakit/react";
-import { Tooltip as i, Text as a } from "@box/blueprint-web";
+import { Tooltip as a, Text as i } from "@box/blueprint-web";
 import { jsx as t } from "react/jsx-runtime";
-const f = ({
-  tooltipText: e,
-  children: r,
-  as: o = "span",
-  ...n
-}) => /* @__PURE__ */ t(i, {
-  __checkInteractivity: !1,
-  content: e,
-  children: /* @__PURE__ */ t(c, {
-    render: /* @__PURE__ */ t(a, {
-      as: o,
-      ...n,
-      children: r
+const l = ({
+  tooltipText: r,
+  children: o,
+  ...e
+}) => {
+  const {
+    as: n = "span"
+  } = e;
+  return /* @__PURE__ */ t(a, {
+    __checkInteractivity: !1,
+    content: r,
+    children: /* @__PURE__ */ t(c, {
+      render: /* @__PURE__ */ t(i, {
+        as: n,
+        ...e,
+        children: o
+      })
     })
-  })
-});
+  });
+};
 export {
-  f as default
+  l as default
 };

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

@@ -1,5 +1,5 @@
 import "../../../../../../styles/metadata-instance-form.css";
-import { useState as l, useMemo as S } from "react";
+import { useState as g, useMemo as S } from "react";
 import { Formik as D } from "formik";
 import { Card as E } from "@box/blueprint-web";
 import { CustomInstance as y } from "../custom-instance/custom-instance.js";
@@ -11,32 +11,34 @@ import { UnsavedChangesModal as v } from "../../../unsaved-changes-modal/unsaved
 import { TemplateInstance as _ } from "../../../metadata-editor-fields/metadata-editor-fields.js";
 import { TEMPLATE_CUSTOM_PROPERTIES as x } from "../../../../constants.js";
 import { createJSONPatch as A } from "./utils.js";
-import { jsx as t, jsxs as d, Fragment as P } from "react/jsx-runtime";
+import { jsx as t, jsxs as l, Fragment as P } from "react/jsx-runtime";
 const U = "_metadataInstanceForm_1hu4u_1", j = {
   metadataInstanceForm: U
-}, X = (c) => {
+}, X = (d) => {
   const {
     isAiSuggestionsFeatureEnabled: o,
     isLoading: n,
+    isUnsavedChangesModalOpen: c = !1,
     onCancel: p,
     onDelete: f,
     onSubmit: u,
-    selectedTemplateInstance: e
-  } = c, [C, m] = l(!1), [M, r] = l(!1), i = (a) => {
-    u(e.id, A(a, e));
-  }, h = (a) => {
-    a ? m(!0) : p();
-  }, F = () => {
+    selectedTemplateInstance: e,
+    setIsUnsavedChangesModalOpen: s
+  } = d, [C, r] = g(!1), i = (a) => {
+    u(e.id, A(a, e)), s(!1);
+  }, M = (a) => {
+    a ? s(!0) : p();
+  }, h = () => {
     r(!0);
-  }, I = {
+  }, F = {
     metadata: {
       ...e
     }
-  }, g = S(() => {
-    const a = e.templateKey === x, s = e.fields.length === 0;
+  }, I = S(() => {
+    const a = e.templateKey === x, m = e.fields.length === 0;
     return a ? /* @__PURE__ */ t(y, {
       isLoading: n
-    }) : s ? /* @__PURE__ */ t(b, {
+    }) : m ? /* @__PURE__ */ t(b, {
       isBoxAiSuggestionsFeatureEnabled: o,
       level: "instance"
     }) : /* @__PURE__ */ t(_, {
@@ -44,31 +46,31 @@ const U = "_metadataInstanceForm_1hu4u_1", j = {
     });
   }, [e.templateKey, e.fields.length, n, o]);
   return /* @__PURE__ */ t(D, {
-    initialValues: I,
+    initialValues: F,
     onSubmit: i,
     children: ({
       values: a,
-      dirty: s
-    }) => /* @__PURE__ */ d(P, {
-      children: [/* @__PURE__ */ d(E, {
+      dirty: m
+    }) => /* @__PURE__ */ l(P, {
+      children: [/* @__PURE__ */ l(E, {
         className: j.metadataInstanceForm,
         children: [/* @__PURE__ */ t(T, {
           isAiSuggestionsFeatureEnabled: o,
           isLoading: n,
           templateName: e.displayName
-        }), g, /* @__PURE__ */ t(N, {
+        }), I, /* @__PURE__ */ t(N, {
           isLoading: n,
-          onCancel: () => h(s),
-          onDelete: F
+          onCancel: () => M(m),
+          onDelete: h
         })]
       }), /* @__PURE__ */ t(v, {
-        onDismiss: () => m(!1),
+        onDismiss: () => s(!1),
         onSaveAndContinue: () => i(a),
-        open: C
+        open: c
       }), /* @__PURE__ */ t(O, {
         onConfirm: () => f(e.id),
         onDismiss: () => r(!1),
-        open: M,
+        open: C,
         templateName: e.displayName
       })]
     })

package/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/metadata-instance-entry.js

@@ -4,14 +4,14 @@ import { FormattedDate as d } from "react-intl";
 import { convertISOStringToUTCDate as l } from "./convertDate.js";
 import y from "../../../interactive-text/interactive-text.js";
 import { jsxs as f, jsx as a } from "react/jsx-runtime";
-const I = "_metadataInstanceEntry_1qhk8_1", u = "_metadataInstanceEntryInteractiveLabel_1qhk8_7", c = {
+const I = "_metadataInstanceEntry_1qhk8_1", p = "_metadataInstanceEntryInteractiveLabel_1qhk8_7", c = {
   metadataInstanceEntry: I,
-  metadataInstanceEntryInteractiveLabel: u
+  metadataInstanceEntryInteractiveLabel: p
 }, _ = ({
   description: r,
   name: e,
   shouldHideEmptyValues: i,
-  type: m,
+  type: s,
   value: t
 }) => {
   const n = (() => {
@@ -21,12 +21,12 @@ const I = "_metadataInstanceEntry_1qhk8_1", u = "_metadataInstanceEntryInteracti
       return null;
     if (Array.isArray(t))
       return t.join(", ");
-    if (m === "date" && typeof t == "string") {
-      const s = l(t);
+    if (s === "date" && typeof t == "string") {
+      const m = l(t);
       return /* @__PURE__ */ a(d, {
         day: "numeric",
         month: "long",
-        value: s,
+        value: m,
         year: "numeric"
       });
     }
@@ -39,6 +39,7 @@ const I = "_metadataInstanceEntry_1qhk8_1", u = "_metadataInstanceEntryInteracti
       color: "textOnLightSecondary",
       variant: "bodyDefaultBold",
       children: r ? /* @__PURE__ */ a(y, {
+        as: "span",
         className: c.metadataInstanceEntryInteractiveLabel,
         color: "textOnLightSecondary",
         tooltipText: r,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.47.0",
+  "version": "0.47.1",
   "peerDependencies": {
     "@ariakit/react": "0.4.5",
     "@box/blueprint-web": "^7.20.0",
@@ -13,9 +13,9 @@
   },
   "devDependencies": {
     "@ariakit/react": "0.4.5",
-    "@box/blueprint-web": "^7.24.0",
-    "@box/blueprint-web-assets": "^4.21.4",
-    "@box/storybook-utils": "^0.6.0",
+    "@box/blueprint-web": "^7.24.1",
+    "@box/blueprint-web-assets": "^4.21.5",
+    "@box/storybook-utils": "^0.6.1",
     "react": "^18.3.0",
     "react-dom": "^18.3.0",
     "react-intl": "6.4.2"
@@ -51,5 +51,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "37b063b25167acf31fea09e1971732ad1d169709"
+  "gitHead": "bb2a831c3e3b11c1af207a693263069f26f7076a"
 }

package/types/lib/components/interactive-text/interactive-text.d.ts

@@ -1,10 +1,9 @@
 import { type TextProps } from '@box/blueprint-web';
-export type InteractiveTextProps = Omit<TextProps, 'as'> & {
-    as?: TextProps['as'];
+export type InteractiveTextProps = TextProps & {
     tooltipText: string;
 };
 /**
  * Wrapper component for displaying tooltip content on focusing text nodes
  */
-declare const InteractiveText: ({ tooltipText, children, as, ...props }: InteractiveTextProps) => import("react/jsx-runtime").JSX.Element;
+declare const InteractiveText: ({ tooltipText, children, ...props }: InteractiveTextProps) => import("react/jsx-runtime").JSX.Element;
 export default InteractiveText;

package/types/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/types.d.ts

@@ -2,11 +2,13 @@ import { type MetadataTemplate, type MetadataTemplateInstance } from '../../../.
 export type MetadataInstanceFormProps = {
     isAiSuggestionsFeatureEnabled: boolean;
     isLoading: boolean;
+    isUnsavedChangesModalOpen: boolean;
     /** The MetadataTemplate is used when creating a new instance, while MetadataTemplateInstance is applied when editing an existing one. */
     selectedTemplateInstance: MetadataTemplateInstance | MetadataTemplate;
     onCancel: () => void;
     onDelete: (id: string) => void;
     onSubmit: (id: string, operations: JSONPatchOperations) => void;
+    setIsUnsavedChangesModalOpen: (isUnsavedChangesModalOpen: boolean) => void;
 };
 export declare const JSONPatchOp: {
     readonly ADD: "add";