@box/metadata-editor 0.59.1 → 0.59.3

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

@@ -2,24 +2,24 @@ import "../../../../../../styles/metadata-instance-form.css";
 import { Card as v } from "@box/blueprint-web";
 import { Formik as N, Form as P } from "formik";
 import { useState as c, useRef as U, useEffect as _, useMemo as x } from "react";
-import { TEMPLATE_CUSTOM_PROPERTIES as L } from "../../../../constants.js";
-import { useAutofill as R } from "../../../../utils/autofill-context.js";
-import { TemplateInstance as B } from "../../../metadata-editor-fields/metadata-editor-fields.js";
-import { MetadataEmptyState as j } from "../../../metadata-empty-state/metadata-empty-state.js";
-import { UnsavedChangesModal as k } from "../../../unsaved-changes-modal/unsaved-changes-modal.js";
-import { CustomInstance as w } from "../custom-instance/custom-instance.js";
-import { DeleteConfirmationModal as H } from "../delete-confirmation-modal/delete-confirmation-modal.js";
-import { MetadataInstanceFormFooter as J } from "../metadata-instance-form-footer/metadata-instance-form-footer.js";
-import { MetadataInstanceFormHeader as K } from "../metadata-instance-form-header/metadata-instance-form-header.js";
-import { createJSONPatch as V } from "./utils.js";
+import { TEMPLATE_CUSTOM_PROPERTIES as K } from "../../../../constants.js";
+import { useAutofill as L } from "../../../../utils/autofill-context.js";
+import { TemplateInstance as R } from "../../../metadata-editor-fields/metadata-editor-fields.js";
+import { MetadataEmptyState as B } from "../../../metadata-empty-state/metadata-empty-state.js";
+import { UnsavedChangesModal as j } from "../../../unsaved-changes-modal/unsaved-changes-modal.js";
+import { CustomInstance as k } from "../custom-instance/custom-instance.js";
+import { DeleteConfirmationModal as $ } from "../delete-confirmation-modal/delete-confirmation-modal.js";
+import { MetadataInstanceFormFooter as w } from "../metadata-instance-form-footer/metadata-instance-form-footer.js";
+import { MetadataInstanceFormHeader as H } from "../metadata-instance-form-header/metadata-instance-form-header.js";
+import { createJSONPatch as J } from "./utils.js";
 import { jsx as t, jsxs as d } from "react/jsx-runtime";
-const q = "_metadataInstanceForm_1hu4u_1", z = {
-  metadataInstanceForm: q
-}, me = (f) => {
+const V = "_metadataInstanceForm_1hu4u_1", q = {
+  metadataInstanceForm: V
+}, re = (p) => {
   const {
-    areAiSuggestionsAvailable: u,
+    areAiSuggestionsAvailable: f,
     isAiSuggestionsFeatureEnabled: o,
-    isDeleteButtonDisabled: p,
+    isDeleteButtonDisabled: u,
     isUnsavedChangesModalOpen: g = !1,
     onCancel: h,
     onDelete: C,
@@ -27,70 +27,70 @@ const q = "_metadataInstanceForm_1hu4u_1", z = {
     selectedTemplateInstance: e,
     setIsUnsavedChangesModalOpen: i,
     onDiscardUnsavedChanges: M
-  } = f, [S, r] = c(!1), {
+  } = p, [S, m] = c(!1), {
     isFetchingSuggestions: n,
     getAiSuggestions: E
-  } = R(), s = e.templateKey === L, I = async (a) => {
-    await F(a, V(a, e));
+  } = L(), s = e.templateKey === K, I = async (a) => {
+    await F(a, J(a, e));
   }, D = (a) => {
     a ? i(!0) : h();
-  }, b = () => {
-    r(!0);
-  }, A = {
+  }, y = () => {
+    m(!0);
+  }, b = {
     metadata: {
       ...e
     }
-  }, m = U(null), [l, y] = c(null);
+  }, r = U(null), [l, A] = c(null);
   _(() => {
-    y(m.current);
-  }, []);
+    A(r.current);
+  }, [e.templateKey, e.scope]);
   const O = x(() => {
     const a = e.fields.length === 0;
-    return s ? /* @__PURE__ */ t(w, {
+    return s ? /* @__PURE__ */ t(k, {
       isLoading: n
-    }) : a ? /* @__PURE__ */ t(j, {
+    }) : a ? /* @__PURE__ */ t(B, {
       isBoxAiSuggestionsFeatureEnabled: o,
       level: "instance"
-    }) : /* @__PURE__ */ t(B, {
+    }) : /* @__PURE__ */ t(R, {
       disableForm: n,
       portalElement: l
     });
-  }, [s, e.fields.length, n, o, l]);
+  }, [s, e.fields.length, e.templateKey, e.scope, n, o, l]);
   return /* @__PURE__ */ t(N, {
-    initialValues: A,
+    initialValues: b,
     onSubmit: I,
     children: ({
       values: a,
       dirty: T
     }) => /* @__PURE__ */ d(P, {
       children: [/* @__PURE__ */ d(v, {
-        ref: m,
-        className: z.metadataInstanceForm,
-        children: [/* @__PURE__ */ t(K, {
-          areAiSuggestionsAvailable: u,
+        ref: r,
+        className: q.metadataInstanceForm,
+        children: [/* @__PURE__ */ t(H, {
+          areAiSuggestionsAvailable: f,
           isAiSuggestionsFeatureEnabled: o && !s,
           isLoading: n,
           onAutofill: E,
           templateName: e.displayName
-        }), O, /* @__PURE__ */ t(J, {
-          isDeleteButtonDisabled: p,
+        }), O, /* @__PURE__ */ t(w, {
+          isDeleteButtonDisabled: u,
           isLoading: n,
           onCancel: () => D(T),
-          onDelete: b
+          onDelete: y
         })]
-      }), /* @__PURE__ */ t(k, {
+      }), /* @__PURE__ */ t(j, {
         onBackToEdit: () => i(!1),
         onDiscardChanges: M,
         open: g
-      }), /* @__PURE__ */ t(H, {
+      }), /* @__PURE__ */ t($, {
         onConfirm: () => C(e),
-        onDismiss: () => r(!1),
+        onDismiss: () => m(!1),
         open: S,
         templateName: e.displayName
       })]
     })
-  });
+  }, `${e.scope}.${e.templateKey}`);
 };
 export {
-  me as MetadataInstanceForm
+  re as MetadataInstanceForm
 };

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

@@ -1,12 +1,11 @@
 import "../../../../../../styles/metadata-instance-entry.css";
 import { Text as o } from "@box/blueprint-web";
-import { FormattedDate as s } from "react-intl";
-import { convertISOStringToUTCDate as d } from "./convertDate.js";
-import f from "../../../interactive-text/interactive-text.js";
-import { jsxs as y, jsx as r } from "react/jsx-runtime";
-const l = "_metadataInstanceEntry_kd217_1", p = {
-  metadataInstanceEntry: l
-}, S = ({
+import { FormattedDate as m } from "react-intl";
+import d from "../../../interactive-text/interactive-text.js";
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+const f = "_metadataInstanceEntry_kd217_1", y = {
+  metadataInstanceEntry: f
+}, D = ({
   description: a,
   name: e,
   shouldHideEmptyValues: i,
@@ -21,23 +20,23 @@ const l = "_metadataInstanceEntry_kd217_1", p = {
     if (Array.isArray(t))
       return t.join(", ");
     if (c === "date" && typeof t == "string") {
-      const m = d(t);
-      return /* @__PURE__ */ r(s, {
+      const s = new Date(t);
+      return /* @__PURE__ */ r(m, {
         day: "numeric",
         month: "long",
-        value: m,
+        value: s,
         year: "numeric"
       });
     }
     return t;
   })();
-  return i && !n ? null : /* @__PURE__ */ y("div", {
-    className: p.metadataInstanceEntry,
+  return i && !n ? null : /* @__PURE__ */ l("div", {
+    className: y.metadataInstanceEntry,
     children: [/* @__PURE__ */ r(o, {
       as: "p",
       color: "textOnLightSecondary",
       variant: "bodyDefaultBold",
-      children: a ? /* @__PURE__ */ r(f, {
+      children: a ? /* @__PURE__ */ r(d, {
         as: "span",
         color: "textOnLightSecondary",
         tooltipText: a,
@@ -51,5 +50,5 @@ const l = "_metadataInstanceEntry_kd217_1", p = {
   });
 };
 export {
-  S as MetadataInstanceEntry
+  D as MetadataInstanceEntry
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.59.1",
+  "version": "0.59.3",
   "peerDependencies": {
     "@ariakit/react": "0.4.5",
     "@box/blueprint-web": "^7.20.0",
@@ -53,5 +53,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "fcbe26ca4e43cc531f46c999749ca18d2f18a773"
+  "gitHead": "3e7439683617c58f47e2b395137406b726138e12"
 }

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

@@ -1,25 +0,0 @@
-const O = /\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{1,3})?/, E = /(Z$)/, T = /(?:[+-](?:([0-2]\d$)|([0-2]\d(?:00|30)$)|([0-2]\d:(?:00|30)$)))/, I = new RegExp(`^(${O.source})?(${E.source}|${T.source})$`), _ = 1, M = 2, S = 3, i = 4, r = 5, f = 6, D = 7;
-function u(n) {
-  if (I.test(n)) {
-    const t = n.split(I);
-    let e = t[_];
-    const o = t[M], s = t[S];
-    if (o || (e += ".000"), t[i])
-      return n;
-    if (t[r])
-      return `${e + s}:00`;
-    if (t[f])
-      return `${e + s.substring(0, 3)}:${s.substring(3)}`;
-    if (t[D])
-      return n;
-  }
-  return n;
-}
-function N(n) {
-  const t = new Date(u(n)), e = t.getTime(), s = t.getTimezoneOffset() * 6e4, c = e + s;
-  return new Date(c);
-}
-export {
-  N as convertISOStringToUTCDate,
-  u as convertISOStringtoRFC3339String
-};

package/types/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/convertDate.d.ts

@@ -1,30 +0,0 @@
-/**
- * Will convert ISO8601-compatible dates (with zone designators)
- *      2018-06-13T00:00:00.000-0500
- *      or
- *      2018-06-13T00:00:00.000-05
- *
- * to
- *      2018-06-13T00:00:00.000-05:00
- *
- * Equivalent formats between the two (e.g., uzing 'Z') will remain unchanged.
- * If the date format cannot be converted, it will pass along the existing value
- *
- * @public
- * @param isoString - the date to be converted
- * @returns converted date format, if applicable
- */
-export declare function convertISOStringtoRFC3339String(isoString: string): string;
-/**
- * Will convert
- *      2018-06-13T00:00:00.000Z
- * to
- *      2018-06-13T07:00:00.000Z
- *
- * This is the opposite of convertDateToUnixMidnightTime
- *
- * @public
- * @param isoString - ISO string in UTC time zone
- * @returns date in UTC time zone
- */
-export declare function convertISOStringToUTCDate(isoString: string): Date;