@box/metadata-editor 0.118.0 → 0.119.1

package/dist/chunks/metadata-instance-form-card-wrapper.js

@@ -4,52 +4,53 @@ import { TEMPLATE_CUSTOM_PROPERTIES as S } from "../esm/lib/constants.js";
 import { MetadataInstanceFormFooter as w } from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-footer/metadata-instance-form-footer.js";
 import { MetadataInstanceFormHeader as M } from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
 import { jsx as t, jsxs as b } from "react/jsx-runtime";
-import '../styles/metadata-instance-form-card-wrapper.css';const v = "_metadataInstanceForm_1e6l2_1", x = "_wrapperGradient_1e6l2_7", D = "_suggestionsFetching_1e6l2_12", I = "_metadataInstanceFormContent_1e6l2_18", L = "_showOverlay_1e6l2_25", s = {
+import '../styles/metadata-instance-form-card-wrapper.css';const v = "_metadataInstanceForm_1e6l2_1", x = "_wrapperGradient_1e6l2_7", D = "_suggestionsFetching_1e6l2_12", I = "_metadataInstanceFormContent_1e6l2_18", L = "_showOverlay_1e6l2_25", n = {
   metadataInstanceForm: v,
   wrapperGradient: x,
   suggestionsFetching: D,
   metadataInstanceFormContent: I,
   showOverlay: L
-}, B = (n) => {
+}, B = (o) => {
   const {
-    areAiSuggestionsAvailable: o,
-    children: r,
-    className: i,
-    formRef: g,
-    isAdvancedExtractAgentEnabled: m = !1,
-    isAiSuggestionsFeatureEnabled: l,
-    isBetaLanguageEnabled: d,
-    isLargeFile: c = !1,
-    isDeleteButtonDisabled: F,
-    suggestions: u,
+    areAiSuggestionsAvailable: r,
+    children: i,
+    className: g,
+    formRef: m,
+    isAdvancedExtractAgentEnabled: l = !1,
+    isAiSuggestionsFeatureEnabled: d,
+    isBetaLanguageEnabled: c,
+    isLargeFile: F = !1,
+    isDeleteButtonDisabled: u,
+    suggestions: _,
     isFetchingSuggestions: e,
-    isFormDirty: _ = !1,
+    isFormDirty: s = !1,
     selectedTemplateInstance: a,
     getAiSuggestions: p,
     handleCancel: h,
     handleDelete: f
-  } = n, A = (a == null ? void 0 : a.templateKey) === S, C = !!u[a == null ? void 0 : a.templateKey];
+  } = o, A = (a == null ? void 0 : a.templateKey) === S, C = !!_[a == null ? void 0 : a.templateKey];
   return /* @__PURE__ */ t("div", {
-    className: e && s.wrapperGradient,
+    className: e && n.wrapperGradient,
     children: /* @__PURE__ */ b(E, {
-      ref: g,
-      className: y(i, {
-        [s.suggestionsFetching]: e
+      ref: m,
+      className: y(g, {
+        [n.suggestionsFetching]: e
       }),
       children: [/* @__PURE__ */ t(M, {
-        areAiSuggestionsAvailable: o,
+        areAiSuggestionsAvailable: r,
         hasSuggestions: C,
-        isAdvancedExtractAgentEnabled: m,
-        isAiSuggestionsFeatureEnabled: l && !A,
-        isBetaLanguageEnabled: d,
-        isLargeFile: c,
+        isAdvancedExtractAgentEnabled: l,
+        isAiSuggestionsFeatureEnabled: d && !A,
+        isBetaLanguageEnabled: c,
+        isLargeFile: F,
         isLoading: e,
         onAutofill: p,
         templateName: a == null ? void 0 : a.displayName
-      }), a && r, /* @__PURE__ */ t(w, {
-        isDeleteButtonDisabled: F,
+      }), a && i, /* @__PURE__ */ t(w, {
+        isDeleteButtonDisabled: u,
+        isFormDirty: s,
         isLoading: e,
-        onCancel: () => h(_),
+        onCancel: () => h(s),
         onDelete: f
       })]
     })
@@ -57,5 +58,5 @@ import '../styles/metadata-instance-form-card-wrapper.css';const v = "_metadataI
 };
 export {
   B as M,
-  s
+  n as s
 };

package/dist/chunks/utils.js

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

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

@@ -10,20 +10,20 @@ import { TEMPLATE_CUSTOM_PROPERTIES as I } from "../../../../constants.js";
 import { useAutofill as T } from "../../../../utils/autofill-context.js";
 import { TemplateInstance as oo } from "../../../metadata-editor-fields/metadata-editor-fields.js";
 import { MetadataEmptyState as ro } from "../../../metadata-empty-state/metadata-empty-state.js";
-import { AutofillOverlay as to } from "../autofill-overlay/autofill-overlay.js";
-import { CustomInstance as io } from "../custom-instance/custom-instance.js";
-import { c as ao } from "../../../../../../chunks/utils.js";
-import { s as u, M as no } from "../../../../../../chunks/metadata-instance-form-card-wrapper.js";
-import { jsx as i, jsxs as D } from "react/jsx-runtime";
+import { AutofillOverlay as io } from "../autofill-overlay/autofill-overlay.js";
+import { CustomInstance as to } from "../custom-instance/custom-instance.js";
+import { e as ao, c as no } from "../../../../../../chunks/utils.js";
+import { s as u, M as so } from "../../../../../../chunks/metadata-instance-form-card-wrapper.js";
+import { jsx as t, jsxs as D } from "react/jsx-runtime";
 import { UnsavedChangesModal as eo } from "../../../unsaved-changes-modal/unsaved-changes-modal.js";
-const so = ({
-  dirty: s,
+const mo = ({
+  dirty: e,
   onChange: m,
   values: r
 }) => {
   const n = O(r);
-  return s && !Y(n.current.metadata.fields, r.metadata.fields) && (n.current = r, m(r)), null;
-}, Ao = (s) => {
+  return e && !Y(n.current.metadata.fields, r.metadata.fields) && (n.current = r, m(r)), null;
+}, vo = (e) => {
   const {
     areAiSuggestionsAvailable: m,
     customRef: r,
@@ -44,70 +44,71 @@ const so = ({
     onDiscardUnsavedChanges: U,
     onSubmit: B,
     setIsUnsavedChangesModalOpen: p,
-    taxonomyOptionsFetcher: c
-  } = s, w = k ?? no, [K, h] = S(!1), {
+    taxonomyOptionsFetcher: h
+  } = e, V = k ?? so, [W, C] = S(!1), {
     isFetchingSuggestions: a,
-    isLongLoading: C,
-    getAiSuggestions: V,
-    clearState: E,
-    suggestions: W
+    isLongLoading: E,
+    getAiSuggestions: w,
+    clearState: c,
+    suggestions: K
   } = T();
   y(() => () => {
-    E();
-  }, [E, o == null ? void 0 : o.id]);
-  const F = (o == null ? void 0 : o.templateKey) === I, j = async (t) => {
-    await B(t, ao(t, o));
-  }, _ = (t) => {
-    t ? p(!0) : N();
+    c();
+  }, [c, o == null ? void 0 : o.id]);
+  const F = (o == null ? void 0 : o.templateKey) === I, j = async (i) => {
+    await B(i, no(i, o));
+  }, _ = (i) => {
+    i ? p(!0) : N();
   }, $ = () => {
-    h(!0);
+    C(!0);
   }, q = {
     metadata: {
-      ...o
+      ...o,
+      fields: ao((o == null ? void 0 : o.fields) ?? [])
     }
   }, M = O(null), [b, J] = S(null);
   y(() => {
     J(r ?? M.current);
   }, [r, o == null ? void 0 : o.templateKey, o == null ? void 0 : o.scope]);
   const z = Z(() => {
-    const t = (o == null ? void 0 : o.fields.length) === 0;
+    const i = (o == null ? void 0 : o.fields.length) === 0;
     if (F)
-      return /* @__PURE__ */ i(io, {
+      return /* @__PURE__ */ t(to, {
         isLoading: a
       });
-    if (t)
-      return /* @__PURE__ */ i(ro, {
+    if (i)
+      return /* @__PURE__ */ t(ro, {
         isBoxAiSuggestionsFeatureEnabled: f,
         level: "instance"
       });
-    const e = !!(a || l);
+    const s = !!(a || l);
     return /* @__PURE__ */ D("div", {
-      className: H(u.metadataInstanceFormContent, e && u.showOverlay),
-      children: [/* @__PURE__ */ i(to, {
+      className: H(u.metadataInstanceFormContent, s && u.showOverlay),
+      children: [/* @__PURE__ */ t(io, {
         errorCode: l,
         isFetchingSuggestions: a,
-        isLongLoading: C
-      }), /* @__PURE__ */ i(oo, {
+        isLongLoading: E
+      }), /* @__PURE__ */ t(oo, {
         disableForm: a,
         isMultilevelTaxonomyFieldEnabled: d,
         portalElement: r ?? b,
-        taxonomyOptionsFetcher: c
+        taxonomyOptionsFetcher: h
       })]
     });
-  }, [o == null ? void 0 : o.fields.length, F, a, C, r, b, c, f, d, l]);
-  return /* @__PURE__ */ i(Q, {
+  }, [o == null ? void 0 : o.fields.length, F, a, E, r, b, h, f, d, l]);
+  return /* @__PURE__ */ t(Q, {
     initialValues: q,
     onSubmit: j,
     children: ({
-      values: t,
-      dirty: e
+      values: i,
+      dirty: s
     }) => /* @__PURE__ */ D(X, {
-      children: [/* @__PURE__ */ i(w, {
+      children: [/* @__PURE__ */ t(V, {
         areAiSuggestionsAvailable: m,
         className: u.metadataInstanceForm,
         formRef: M,
-        formValues: t,
-        getAiSuggestions: V,
+        formValues: i,
+        getAiSuggestions: w,
         handleCancel: _,
         handleDelete: $,
         isAdvancedExtractAgentEnabled: x,
@@ -115,29 +116,29 @@ const so = ({
         isBetaLanguageEnabled: A,
         isDeleteButtonDisabled: v,
         isFetchingSuggestions: a,
-        isFormDirty: e,
+        isFormDirty: s,
         isLargeFile: n,
         selectedTemplateInstance: o,
-        suggestions: W,
+        suggestions: K,
         children: o && z
-      }), g && /* @__PURE__ */ i(so, {
-        dirty: e,
+      }), g && /* @__PURE__ */ t(mo, {
+        dirty: s,
         onChange: g,
-        values: t
-      }), /* @__PURE__ */ i(eo, {
+        values: i
+      }), /* @__PURE__ */ t(eo, {
         onBackToEdit: () => p(!1),
         onDiscardChanges: U,
         open: R
-      }), /* @__PURE__ */ i(G, {
+      }), /* @__PURE__ */ t(G, {
         isCheckboxEnabled: L,
         onConfirm: () => P(o),
-        onDismiss: () => h(!1),
-        open: K,
+        onDismiss: () => C(!1),
+        open: W,
         templateName: o == null ? void 0 : o.displayName
       })]
     })
   }, `${o == null ? void 0 : o.scope}.${o == null ? void 0 : o.templateKey}`);
 };
 export {
-  Ao as MetadataInstanceForm
+  vo as MetadataInstanceForm
 };

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

@@ -1,8 +1,10 @@
 import "lodash/isEmpty";
 import "lodash/isArray";
-import { c as m, g as i } from "../../../../../../chunks/utils.js";
+import { c as m, e as l, g as p } from "../../../../../../chunks/utils.js";
 import "../../../../constants.js";
+import "../../../../defaults.js";
 export {
   m as createJSONPatch,
-  i as getFormatedFieldValue
+  l as enrichFieldsWithInitialValues,
+  p as getFormatedFieldValue
 };

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

@@ -1,29 +1,30 @@
-import { TextButton as b, Button as r } from "@box/blueprint-web";
-import { useFormikContext as g } from "formik";
-import { useIntl as B } from "react-intl";
+import { TextButton as g, Button as r } from "@box/blueprint-web";
+import { useFormikContext as B } from "formik";
+import { useIntl as F } from "react-intl";
 import o from "./messages.js";
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import '../../../../../../styles/metadata-instance-form-footer.css';const F = "_metadataInstanceFormFooter_sqpiw_1", f = "_buttonsContainer_sqpiw_7", p = "_buttons_sqpiw_7", n = {
-  metadataInstanceFormFooter: F,
-  buttonsContainer: f,
-  buttons: p
-}, I = ({
+import '../../../../../../styles/metadata-instance-form-footer.css';const f = "_metadataInstanceFormFooter_sqpiw_1", p = "_buttonsContainer_sqpiw_7", _ = "_buttons_sqpiw_7", n = {
+  metadataInstanceFormFooter: f,
+  buttonsContainer: p,
+  buttons: _
+}, M = ({
   isDeleteButtonDisabled: d,
+  isFormDirty: l = !1,
   isLoading: m,
   onCancel: c,
-  onDelete: l
+  onDelete: u
 }) => {
-  const t = B(), {
+  const t = F(), {
     isSubmitting: s,
-    submitForm: u
-  } = g(), a = m || s;
+    submitForm: b
+  } = B(), a = m || s;
   return /* @__PURE__ */ e("div", {
     className: n.metadataInstanceFormFooter,
     children: /* @__PURE__ */ i("div", {
       className: n.buttonsContainer,
-      children: [/* @__PURE__ */ e(b, {
+      children: [/* @__PURE__ */ e(g, {
         disabled: a || d,
-        onClick: l,
+        onClick: u,
         "data-target-id": "TextButton-deleteButton",
         children: t.formatMessage(o.deleteButton)
       }), /* @__PURE__ */ i("div", {
@@ -36,10 +37,10 @@ import '../../../../../../styles/metadata-instance-form-footer.css';const F = "_
           "data-target-id": "Button-cancelButton",
           children: t.formatMessage(o.cancelButton)
         }), /* @__PURE__ */ e(r, {
-          disabled: a,
+          disabled: a || !l,
           loading: s,
           loadingAriaLabel: t.formatMessage(o.loadingAriaLabel),
-          onClick: u,
+          onClick: b,
           size: "large",
           "data-target-id": "Button-saveButton",
           children: t.formatMessage(o.saveButton)
@@ -49,5 +50,5 @@ import '../../../../../../styles/metadata-instance-form-footer.css';const F = "_
   });
 };
 export {
-  I as MetadataInstanceFormFooter
+  M as MetadataInstanceFormFooter
 };

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

@@ -11,3 +11,4 @@ import { JSONPatchOperations } from './types';
  */
 export declare const createJSONPatch: (formValues: FormValues, originalData: MetadataTemplateInstance) => JSONPatchOperations;
 export declare const getFormatedFieldValue: (field: MetadataTemplateField) => MetadataFormFieldValue;
+export declare const enrichFieldsWithInitialValues: (fields: MetadataTemplateField[]) => MetadataTemplateField[];

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

@@ -1,2 +1,2 @@
 import { MetadataInstanceFormFooterProps } from './types';
-export declare const MetadataInstanceFormFooter: ({ isDeleteButtonDisabled, isLoading, onCancel, onDelete, }: MetadataInstanceFormFooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataInstanceFormFooter: ({ isDeleteButtonDisabled, isFormDirty, isLoading, onCancel, onDelete, }: MetadataInstanceFormFooterProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,6 @@
 export type MetadataInstanceFormFooterProps = {
     isDeleteButtonDisabled: boolean;
+    isFormDirty?: boolean;
     isLoading: boolean;
     onCancel: () => void;
     onDelete: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-editor",
-    "version": "0.118.0",
+    "version": "0.119.1",
     "peerDependencies": {
         "@ariakit/react": "0.4.15",
         "@box/box-ai-agent-selector": "^0.41.7",
@@ -15,11 +15,11 @@
     },
     "devDependencies": {
         "@ariakit/react": "0.4.15",
-        "@box/box-ai-agent-selector": "^0.46.0",
+        "@box/box-ai-agent-selector": "^0.46.1",
         "@box/babel-plugin-target-attributes": "1.3.0",
-        "@box/blueprint-web": "^12.24.0",
-        "@box/blueprint-web-assets": "^4.56.6",
-        "@box/storybook-utils": "^0.13.10",
+        "@box/blueprint-web": "^12.25.0",
+        "@box/blueprint-web-assets": "^4.57.0",
+        "@box/storybook-utils": "^0.13.11",
         "@testing-library/react": "^15.0.6",
         "react": "^18.3.0",
         "react-dom": "^18.3.0",