@box/metadata-editor 0.50.8 → 0.51.0

package/esm/lib/utils/autofill-context.js

@@ -1,26 +1,27 @@
-import { createContext as w, useState as g, useCallback as C, useMemo as A, useContext as v } from "react";
+import { createContext as w, useState as f, useCallback as C, useMemo as A, useContext as v } from "react";
 import { TEMPLATE_CUSTOM_PROPERTIES as x } from "../constants.js";
-import "formik";
-import { jsx as E } from "react/jsx-runtime";
-import "../test-utils/sample-data.js";
-import { fetchSuggestions as P } from "../test-utils/test-utils.js";
-const m = /* @__PURE__ */ w(null), O = ({
-  children: e,
-  isAiSuggestionsFeatureEnabled: n
+import { jsx as y } from "react/jsx-runtime";
+import "@storybook/test";
+const E = async (o, s) => s.map((t) => ({
+  ...t,
+  aiSuggestion: `${t.key} suggestion`
+})), m = /* @__PURE__ */ w(null), I = ({
+  children: o,
+  isAiSuggestionsFeatureEnabled: s
 }) => {
-  const [t, h] = g({}), [i, u] = g(!1), a = C(async (r, l, p = !1) => {
-    let s = [];
-    if (!n)
+  const [t, S] = f({}), [i, u] = f(!1), a = C(async (n, c, p = !1) => {
+    let r = [];
+    if (!s)
       throw new Error("AI Suggestions feature not available.");
-    if (r === x)
+    if (n === x)
       throw new Error("Can't fetch suggestions for Custom Metadata instance");
-    if (!t[r] || p) {
+    if (!t[n] || p) {
       u(!0);
       try {
-        s = await P(r, l), h({
+        r = await E(n, c), S({
           ...t,
-          [r]: {
-            ...Object.fromEntries(s.map((o) => [o.key, o.aiSuggestion]))
+          [n]: {
+            ...Object.fromEntries(r.map((e) => [e.key, e.aiSuggestion]))
           }
         });
       } catch {
@@ -28,35 +29,35 @@ const m = /* @__PURE__ */ w(null), O = ({
         u(!1);
       }
     } else
-      s = l.map((o) => {
-        var f;
-        const c = (f = t == null ? void 0 : t.templateKey) == null ? void 0 : f[o.key];
+      r = c.map((e) => {
+        var g;
+        const l = (g = t == null ? void 0 : t.templateKey) == null ? void 0 : g[e.key];
         return {
-          ...o,
-          ...c ? {
-            aiSuggestion: c
+          ...e,
+          ...l ? {
+            aiSuggestion: l
           } : null
         };
       });
-    return s;
-  }, [t]), S = A(() => ({
+    return r;
+  }, [t]), h = A(() => ({
     getAiSuggestions: a,
-    isAiSuggestionsFeatureEnabled: n,
+    isAiSuggestionsFeatureEnabled: s,
     isFetchingSuggestions: i,
     suggestions: t
-  }), [a, n, i, t]);
-  return /* @__PURE__ */ E(m.Provider, {
-    value: S,
-    children: e
+  }), [a, s, i, t]);
+  return /* @__PURE__ */ y(m.Provider, {
+    value: h,
+    children: o
   });
-}, b = () => {
-  const e = v(m);
-  if (!e)
+}, O = () => {
+  const o = v(m);
+  if (!o)
     throw new Error("useAutofill should be wrapped inside AutofillProvider");
-  return e;
+  return o;
 };
 export {
   m as AutofillContext,
-  O as AutofillContextProvider,
-  b as useAutofill
+  I as AutofillContextProvider,
+  O as useAutofill
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.50.8",
+  "version": "0.51.0",
   "peerDependencies": {
     "@ariakit/react": "0.4.5",
     "@box/blueprint-web": "^7.20.0",
@@ -13,8 +13,8 @@
   },
   "devDependencies": {
     "@ariakit/react": "0.4.5",
-    "@box/blueprint-web": "^7.25.3",
-    "@box/blueprint-web-assets": "^4.22.0",
+    "@box/blueprint-web": "^7.25.4",
+    "@box/blueprint-web-assets": "^4.23.0",
     "@box/storybook-utils": "^0.6.1",
     "@testing-library/react": "^15.0.6",
     "react": "^18.3.0",
@@ -52,5 +52,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "93743d21d2e1213f9596085f664989972a58dbca"
+  "gitHead": "9088f58268c90960efb20ef3c5c4f03d66af30b8"
 }

package/types/lib/types.d.ts

@@ -1,3 +1,4 @@
+export type { JSONPatchOperations } from './components/metadata-instance-editor/subcomponents/metadata-instance-form/types';
 export type MetadataEmptyStateProps = {
     isBoxAiSuggestionsFeatureEnabled?: boolean;
     isAnyEmptyValueHidden?: boolean;

package/esm/lib/test-utils/formik-wrapper.js

@@ -1,26 +0,0 @@
-import { Formik as l, Form as d } from "formik";
-import { defaultInitialValues as n } from "../defaults.js";
-import { mapDataFromTemplate as p } from "../mappers.js";
-import { jsx as a } from "react/jsx-runtime";
-const F = (e) => {
-  const {
-    children: i,
-    selectedMetadataTemplate: t = null,
-    onSubmit: o = () => {
-    },
-    withUpdateMode: r = !1
-  } = e, m = t ? p(t, r) : n;
-  return /* @__PURE__ */ a(l, {
-    initialValues: {
-      metadata: m
-    },
-    onSubmit: o,
-    children: /* @__PURE__ */ a(d, {
-      "data-testid": "formik-form",
-      children: i
-    })
-  });
-};
-export {
-  F as FormikWrapper
-};

package/esm/lib/test-utils/index.js

@@ -1,41 +0,0 @@
-import { FormikWrapper as l } from "./formik-wrapper.js";
-import { allFieldsSuggestions as a, allFieldsTemplate as n, allFieldsTemplateInstance as i, allFieldsWithAiSuggestions as m, customTemplate as p, customTemplateInstance as o, customTemplateInstanceWithAllFieldsEmpty as d, customTemplateInstanceWithoutEmptyValues as c, dateField as u, emptyCustomTemplateInstance as F, emptyTemplateInstance as T, enumField as r, fields as g, firstTemplateInstance as I, firstTemplateInstanceFieldsWithSuggestions as f, firstTemplateSuggestions as h, floatField as S, multiSelectField as W, noFieldsTemplate as y, noValueField as x, nonHiddenFieldsTemplate as A, secondTemplateInstance as E, secondTemplateInstanceFieldsWithSuggestions as V, secondTemplateSuggestions as b, stringField as k, templateInstanceWithAllFieldsEmpty as B, templateInstanceWithoutEmptyValues as C, templateInstancesList as D, templateOptions as H, templates as L } from "./sample-data.js";
-import { blur as j, checkIfFormFieldsAreDisabled as q, fetchSuggestions as v, updateText as w, updateTextAndBlur as z } from "./test-utils.js";
-export {
-  l as FormikWrapper,
-  a as allFieldsSuggestions,
-  n as allFieldsTemplate,
-  i as allFieldsTemplateInstance,
-  m as allFieldsWithAiSuggestions,
-  j as blur,
-  q as checkIfFormFieldsAreDisabled,
-  p as customTemplate,
-  o as customTemplateInstance,
-  d as customTemplateInstanceWithAllFieldsEmpty,
-  c as customTemplateInstanceWithoutEmptyValues,
-  u as dateField,
-  F as emptyCustomTemplateInstance,
-  T as emptyTemplateInstance,
-  r as enumField,
-  v as fetchSuggestions,
-  g as fields,
-  I as firstTemplateInstance,
-  f as firstTemplateInstanceFieldsWithSuggestions,
-  h as firstTemplateSuggestions,
-  S as floatField,
-  W as multiSelectField,
-  y as noFieldsTemplate,
-  x as noValueField,
-  A as nonHiddenFieldsTemplate,
-  E as secondTemplateInstance,
-  V as secondTemplateInstanceFieldsWithSuggestions,
-  b as secondTemplateSuggestions,
-  k as stringField,
-  B as templateInstanceWithAllFieldsEmpty,
-  C as templateInstanceWithoutEmptyValues,
-  D as templateInstancesList,
-  H as templateOptions,
-  L as templates,
-  w as updateText,
-  z as updateTextAndBlur
-};

package/esm/lib/test-utils/sample-data.js

@@ -1,327 +0,0 @@
-import { mapTemplateOptionsFromTemplates as h } from "../mappers.js";
-const n = {
-  id: "1",
-  type: "string",
-  key: "signature",
-  hidden: !1,
-  displayName: "Signature"
-}, d = {
-  id: "2",
-  type: "date",
-  key: "effectiveDate",
-  hidden: !1,
-  displayName: "Effective Date"
-}, l = {
-  id: "3",
-  type: "enum",
-  key: "country",
-  hidden: !1,
-  displayName: "Country",
-  options: [{
-    id: "1",
-    key: "US"
-  }, {
-    id: "2",
-    key: "UK"
-  }]
-}, p = {
-  id: "4",
-  type: "float",
-  key: "caseNumber",
-  hidden: !1,
-  displayName: "Number of Cases"
-}, m = {
-  id: "5",
-  type: "multiSelect",
-  key: "orgs",
-  hidden: !1,
-  displayName: "Organizations",
-  options: [{
-    id: "Sales",
-    key: "Sales"
-  }, {
-    id: "Marketing",
-    key: "Marketing"
-  }, {
-    id: "Engineering",
-    key: "Engineering"
-  }]
-}, k = {
-  id: "6",
-  type: "string",
-  key: "hidden",
-  displayName: "Hidden",
-  hidden: !0
-}, F = {
-  id: "7",
-  type: "string",
-  key: "noValue",
-  hidden: !1,
-  displayName: "No value"
-}, o = {
-  id: "1",
-  displayName: "All metadata fields",
-  scope: "enterprise_1",
-  templateKey: "allFields",
-  type: "metadata_template",
-  hidden: !1,
-  fields: [n, l, p, d, m, k, F]
-}, H = {
-  hidden: !1,
-  id: "2",
-  displayName: "Non hidden metadata fields",
-  scope: "enterprise_1",
-  templateKey: "nonHiddenFields",
-  type: "metadata_template",
-  fields: [n, l, p, d, m]
-}, N = {
-  id: "3",
-  displayName: "No metadata fields",
-  scope: "enterprise_3",
-  templateKey: "noFields",
-  type: "metadata_template",
-  fields: [],
-  hidden: !1
-}, _ = {
-  id: "4",
-  displayName: "Hidden template",
-  scope: "enterprise_3",
-  templateKey: "hiddenTemplate",
-  type: "metadata_template",
-  fields: [],
-  hidden: !0
-}, I = [o, N, _], O = {
-  id: "5",
-  scope: "enterprise_3",
-  templateKey: "properties",
-  type: "metadata_template",
-  fields: [],
-  hidden: !1
-}, U = h(I), J = [n, l, p, d, m], y = {
-  id: "1",
-  type: "string",
-  key: "signature",
-  hidden: !1,
-  displayName: "Signature",
-  value: "Jan Kowalski"
-}, c = {
-  id: "2",
-  type: "enum",
-  key: "country",
-  hidden: !1,
-  displayName: "Country",
-  options: [{
-    id: "1",
-    key: "US"
-  }, {
-    id: "2",
-    key: "UK"
-  }],
-  value: "US"
-}, r = {
-  id: "3",
-  type: "float",
-  key: "caseNumber",
-  hidden: !1,
-  displayName: "Number of Cases",
-  value: "25"
-}, u = {
-  id: "4",
-  type: "date",
-  key: "effectiveDate",
-  hidden: !1,
-  displayName: "Effective Date",
-  value: "2024-02-08T00:00:00.000Z"
-}, f = {
-  id: "5",
-  type: "multiSelect",
-  key: "orgs",
-  hidden: !1,
-  displayName: "Organizations",
-  options: [{
-    id: "Sales",
-    key: "Sales"
-  }, {
-    id: "Marketing",
-    key: "Marketing"
-  }, {
-    id: "Engineering",
-    key: "Engineering"
-  }],
-  value: ["Sales", "Marketing"]
-}, g = {
-  id: "6",
-  type: "string",
-  key: "hidden",
-  displayName: "Hidden",
-  hidden: !0,
-  value: "should be hidden"
-}, a = {
-  id: "7",
-  type: "string",
-  key: "noValue",
-  hidden: !1,
-  displayName: "No value",
-  value: null
-}, T = {
-  ...a,
-  key: "noValue1"
-}, E = {
-  ...a,
-  key: "noValue2"
-}, S = {
-  canEdit: !0,
-  id: "1",
-  displayName: "All metadata fields",
-  scope: "enterprise_1",
-  templateKey: "allFields",
-  type: "metadata_template",
-  hidden: !1,
-  fields: [y, c, r, u, f, g, a]
-}, K = {
-  canEdit: !0,
-  id: "2",
-  displayName: "Without Empty Values",
-  scope: "enterprise_1",
-  templateKey: "withoutEmptyFields",
-  type: "metadata_template",
-  hidden: !1,
-  fields: [y, c, r, u, f, g]
-}, v = {
-  canEdit: !0,
-  id: "3",
-  displayName: "Empty Template",
-  scope: "enterprise_1",
-  templateKey: "emptyFields",
-  type: "metadata_template",
-  hidden: !1,
-  fields: []
-}, V = {
-  canEdit: !0,
-  id: "4",
-  displayName: "All Fields Empty Template",
-  scope: "enterprise_1",
-  templateKey: "emptyFields",
-  type: "metadata_template",
-  hidden: !1,
-  fields: [a, T, E]
-}, i = {
-  id: "1",
-  type: "string",
-  key: "signature",
-  hidden: !1,
-  value: "Jan Kowalski"
-}, s = {
-  id: "2",
-  type: "string",
-  key: "version number",
-  hidden: !1,
-  value: "2.1"
-}, t = {
-  id: "3",
-  type: "string",
-  key: "empty field",
-  hidden: !1
-}, A = {
-  canEdit: !0,
-  id: "5",
-  scope: "enterprise_1",
-  templateKey: "properties",
-  type: "metadata_template",
-  fields: [i, s, t],
-  hidden: !1
-}, b = {
-  canEdit: !0,
-  id: "6",
-  scope: "enterprise_1",
-  templateKey: "properties",
-  type: "metadata_template",
-  fields: [i, s],
-  hidden: !1
-}, C = {
-  canEdit: !0,
-  id: "7",
-  scope: "enterprise_1",
-  templateKey: "properties",
-  type: "metadata_template",
-  fields: [],
-  hidden: !1
-}, W = {
-  canEdit: !0,
-  id: "8",
-  scope: "enterprise_1",
-  templateKey: "properties",
-  type: "metadata_template",
-  fields: [t, t, t],
-  hidden: !1
-}, w = [S, K, V, v, A, b, C, W], M = o.fields.map((e) => ({
-  ...e,
-  aiSuggestion: "mock suggestion"
-})), B = {
-  [o.templateKey]: {
-    ...Object.fromEntries(M.map((e) => [e.key, e.aiSuggestion]))
-  }
-}, z = {
-  id: "1",
-  canEdit: !0,
-  displayName: "Metadata Template A",
-  scope: "enterprise_1",
-  templateKey: "templateA",
-  type: "metadata_template",
-  hidden: !1,
-  fields: [i]
-}, j = {
-  templateA: {
-    signature: "John Doe"
-  }
-}, x = [{
-  ...i,
-  aiSuggestion: "John Doe"
-}], L = {
-  id: "1",
-  displayName: "Metadata Template B",
-  scope: "enterprise_1",
-  templateKey: "templateB",
-  type: "metadata_template",
-  hidden: !1,
-  fields: [s]
-}, Z = {
-  templateB: {
-    "version number": "3.0"
-  }
-}, q = [{
-  ...s,
-  aiSuggestion: "3.0"
-}];
-export {
-  B as allFieldsSuggestions,
-  o as allFieldsTemplate,
-  S as allFieldsTemplateInstance,
-  M as allFieldsWithAiSuggestions,
-  O as customTemplate,
-  A as customTemplateInstance,
-  W as customTemplateInstanceWithAllFieldsEmpty,
-  b as customTemplateInstanceWithoutEmptyValues,
-  d as dateField,
-  C as emptyCustomTemplateInstance,
-  v as emptyTemplateInstance,
-  l as enumField,
-  J as fields,
-  z as firstTemplateInstance,
-  x as firstTemplateInstanceFieldsWithSuggestions,
-  j as firstTemplateSuggestions,
-  p as floatField,
-  m as multiSelectField,
-  N as noFieldsTemplate,
-  F as noValueField,
-  H as nonHiddenFieldsTemplate,
-  L as secondTemplateInstance,
-  q as secondTemplateInstanceFieldsWithSuggestions,
-  Z as secondTemplateSuggestions,
-  n as stringField,
-  V as templateInstanceWithAllFieldsEmpty,
-  K as templateInstanceWithoutEmptyValues,
-  w as templateInstancesList,
-  U as templateOptions,
-  I as templates
-};

package/esm/lib/test-utils/test-utils.js

@@ -1,30 +0,0 @@
-import { userEvent as s, within as d, expect as l } from "@storybook/test";
-const r = async (e, t) => {
-  await s.click(e), await s.clear(e), await s.type(e, t);
-}, y = async () => {
-  await s.click(document.body);
-}, u = async (e, t) => {
-  await r(e, t), await y();
-}, g = async (e, t) => {
-  const a = d(e);
-  t.filter((i) => !i.hidden).forEach((i) => {
-    const c = a.queryByTestId(`${i.displayName}-field`);
-    if (i.type === "date") {
-      const o = d(c).getByRole("group");
-      l(o).toHaveAttribute("aria-disabled");
-    } else
-      [...c.getElementsByTagName("input")].filter((n) => n.type !== "hidden").forEach((n) => {
-        l(n).toBeDisabled();
-      });
-  });
-}, m = async (e, t) => t.map((a) => ({
-  ...a,
-  aiSuggestion: `${a.key} suggestion`
-}));
-export {
-  y as blur,
-  g as checkIfFormFieldsAreDisabled,
-  m as fetchSuggestions,
-  r as updateText,
-  u as updateTextAndBlur
-};