@box/metadata-editor 0.97.3 → 0.97.5

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import { AddMetadataTemplateDropdown as e } from "./lib/components/add-metadata-template-dropdown/add-metadata-template-dropdown.js";
 import { ComboboxWithApiPagination as r } from "./lib/components/combobox-with-api-pagination/combobox-with-api-pagination.js";
-import { FilterDropdownMenu as m } from "./lib/components/filter-dropdown-menu/index.js";
+import { FilterDropdownMenu as n } from "./lib/components/filter-dropdown-menu/index.js";
 import { FilterInstancesDropdown as f } from "./lib/components/filter-instances-dropdown/filter-instances-dropdown.js";
 import { MULTI_VALUE_DEFAULT_OPTION as x, MULTI_VALUE_DEFAULT_TAXONOMY_OPTION as i, MULTI_VALUE_DEFAULT_VALUE as l } from "./lib/components/metadata-editor-fields/components/update-mode-field-wrapper/mulitple-values-utils.js";
 import { MetadataEmptyState as s } from "./lib/components/metadata-empty-state/metadata-empty-state.js";
@@ -8,41 +8,43 @@ import { CustomInstanceNewField as I } from "./lib/components/metadata-instance-
 import { DeleteConfirmationModal as u } from "./lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/delete-confirmation-modal.js";
 import { MetadataInstanceFormAutofillButton as _ } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js";
 import { MetadataInstanceFormHeader as L } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
-import { MetadataInstanceForm as F } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js";
+import { MetadataInstanceForm as c } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js";
 import { J as D } from "../chunks/utils.js";
 import { MetadataInstanceList as N } from "./lib/components/metadata-instance-list/metadata-instance-list.js";
 import { MetadataInstanceHeader as w } from "./lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js";
-import { UnsavedChangesModal as h } from "./lib/components/unsaved-changes-modal/unsaved-changes-modal.js";
-import { defaultInitialValues as b, defaultMetadataValueMap as g } from "./lib/defaults.js";
-import { MetadataEditor as H } from "./lib/metadata-editor.js";
-import { U as W } from "../chunks/types.js";
-import { withApiWrapper as B } from "./lib/utils/api-wrapper.js";
-import { AutofillContext as Y, AutofillContextProvider as j, TIMEOUT_10_SECONDS as k, useAutofill as q } from "./lib/utils/autofill-context.js";
+import { MetadataInstance as h } from "./lib/components/metadata-instance-list/subcomponents/metadata-instance/metadata-instance.js";
+import { UnsavedChangesModal as b } from "./lib/components/unsaved-changes-modal/unsaved-changes-modal.js";
+import { defaultInitialValues as v, defaultMetadataValueMap as H } from "./lib/defaults.js";
+import { MetadataEditor as W } from "./lib/metadata-editor.js";
+import { U as B } from "../chunks/types.js";
+import { withApiWrapper as Y } from "./lib/utils/api-wrapper.js";
+import { AutofillContext as k, AutofillContextProvider as q, TIMEOUT_10_SECONDS as z, useAutofill as G } from "./lib/utils/autofill-context.js";
 export {
   e as AddMetadataTemplateDropdown,
-  Y as AutofillContext,
-  j as AutofillContextProvider,
+  k as AutofillContext,
+  q as AutofillContextProvider,
   r as ComboboxWithApiPagination,
   I as CustomInstanceNewField,
   u as DeleteConfirmationModal,
-  m as FilterDropdownMenu,
+  n as FilterDropdownMenu,
   f as FilterInstancesDropdown,
   D as JSONPatchOp,
   x as MULTI_VALUE_DEFAULT_OPTION,
   i as MULTI_VALUE_DEFAULT_TAXONOMY_OPTION,
   l as MULTI_VALUE_DEFAULT_VALUE,
-  H as MetadataEditor,
+  W as MetadataEditor,
   s as MetadataEmptyState,
-  F as MetadataInstanceForm,
+  h as MetadataInstance,
+  c as MetadataInstanceForm,
   _ as MetadataInstanceFormAutofillButton,
   L as MetadataInstanceFormHeader,
   w as MetadataInstanceHeader,
   N as MetadataInstanceList,
-  k as TIMEOUT_10_SECONDS,
-  h as UnsavedChangesModal,
-  W as UpdateMode,
-  b as defaultInitialValues,
-  g as defaultMetadataValueMap,
-  q as useAutofill,
-  B as withApiWrapper
+  z as TIMEOUT_10_SECONDS,
+  b as UnsavedChangesModal,
+  B as UpdateMode,
+  v as defaultInitialValues,
+  H as defaultMetadataValueMap,
+  G as useAutofill,
+  Y as withApiWrapper
 };

package/dist/esm/lib/components/metadata-editor-fields/metadata-editor-field-wrapper.js

@@ -1,84 +1,89 @@
-import C from "clsx";
-import { useFormikContext as E } from "formik";
-import P from "lodash/isUndefined";
-import { forwardRef as R, useState as V, useCallback as U, useEffect as j, useMemo as T } from "react";
-import { AiSuggestionField as $ } from "./components/ai-suggestion-field/ai-suggestion-field.js";
-import { UpdateModeFieldWrapper as b } from "./components/update-mode-field-wrapper/update-mode-field-wrapper.js";
-import { editorFieldTypes as B } from "./editor-field-types.js";
-import { s as n } from "../../../../chunks/utils2.js";
-import { jsx as a, jsxs as q } from "react/jsx-runtime";
-const Y = /* @__PURE__ */ R(({
-  disableForm: g,
-  portalElement: c,
+import w from "clsx";
+import { useFormikContext as C } from "formik";
+import T from "lodash/isUndefined";
+import { forwardRef as U, useState as $, useCallback as j, useEffect as x, useMemo as D } from "react";
+import { AiSuggestionField as L } from "./components/ai-suggestion-field/ai-suggestion-field.js";
+import { UpdateModeFieldWrapper as R } from "./components/update-mode-field-wrapper/update-mode-field-wrapper.js";
+import { editorFieldTypes as b } from "./editor-field-types.js";
+import { s as p } from "../../../../chunks/utils2.js";
+import { jsx as r, jsxs as B } from "react/jsx-runtime";
+var t = /* @__PURE__ */ function(o) {
+  return o.Pending = "PENDING", o.Applied = "APPLIED", o.Initial = "INITIAL", o;
+}(t || {});
+const Z = /* @__PURE__ */ U(({
+  disableForm: o,
+  portalElement: S,
   field: e,
-  index: W,
-  taxonomyOptionsFetcher: m,
-  isMultilevelTaxonomyFieldEnabled: f
-}, S) => {
-  var N;
+  index: F,
+  taxonomyOptionsFetcher: f,
+  isMultilevelTaxonomyFieldEnabled: y
+}, I) => {
+  var v;
   const {
-    setFieldValue: A
-  } = E(), [y, p] = V(!0), [r, h] = V(!1), l = B[e.type], {
-    aiSuggestion: t,
-    type: x,
-    value: d
-  } = e, k = l && !e.hidden, v = !P(e.updateMode), s = `metadata.fields[${W}]`, w = e.type === "taxonomy" && ((N = e.optionsRules) == null ? void 0 : N.multiSelect), i = t && y, I = C({
-    [n.suggestionApplied]: r,
-    [n.hasSuggestion]: i,
-    [n.dateField]: x === "date"
-  }), o = U((u) => {
-    A(`${s}.value`, u), p(!1), h(!0);
-  }, [s, A]);
-  j(() => {
-    !i || d || o(t);
-  }, [i, t, o]);
-  const F = T(() => t && d === t, [y]), M = () => {
-    r && h(!1), F && p(!1);
+    setFieldValue: l
+  } = C(), [d, u] = $(t.Initial), n = d === t.Pending, N = d === t.Applied, P = d === t.Initial, g = b[e.type], {
+    aiSuggestion: i,
+    type: h,
+    value: c
+  } = e, M = g && !e.hidden, E = !T(e.updateMode), s = `metadata.fields[${F}]`, V = e.type === "taxonomy" && ((v = e.optionsRules) == null ? void 0 : v.multiSelect), W = w({
+    [p.suggestionApplied]: N,
+    [p.hasSuggestion]: n,
+    [p.dateField]: h === "date"
+  }), a = j((A) => {
+    l(`${s}.value`, A), u(t.Applied);
+  }, [s, l]), m = () => {
+    u(t.Initial), l(`${s}.aiSuggestion`, void 0);
   };
-  return k ? v ? /* @__PURE__ */ a(b, {
+  x(() => {
+    n && !c && a(i);
+  }, [i, n, a]), x(() => {
+    P && i && u(t.Pending);
+  }, [P, i]);
+  const k = D(() => i && c === i, [n]);
+  return M ? E ? /* @__PURE__ */ r(R, {
     fieldNamePrefix: s,
     fieldType: e.type,
-    isTaxonomyMultiSelect: w,
-    children: /* @__PURE__ */ a(l, {
-      ref: S,
+    isTaxonomyMultiSelect: V,
+    children: /* @__PURE__ */ r(g, {
+      ref: I,
       description: e.description,
-      disableForm: g,
+      disableForm: o,
       fieldNamePrefix: s,
       isAiSuggestionApplied: !1,
-      isMultilevelTaxonomyFieldEnabled: f,
+      isMultilevelTaxonomyFieldEnabled: y,
       label: e.displayName,
       levels: e.levels,
-      onValueEdited: M,
-      portalElement: c,
-      taxonomyOptionsFetcher: m
+      onValueEdited: m,
+      portalElement: S,
+      taxonomyOptionsFetcher: f
     })
-  }, e.key) : /* @__PURE__ */ q("div", {
-    className: n.fieldWrapper,
-    children: [/* @__PURE__ */ a(l, {
-      ref: S,
-      className: I,
+  }, e.key) : /* @__PURE__ */ B("div", {
+    className: p.fieldWrapper,
+    children: [/* @__PURE__ */ r(g, {
+      ref: I,
+      className: W,
       description: e.description,
-      disableForm: g,
+      disableForm: o,
       fieldNamePrefix: s,
-      isAiSuggestionApplied: r,
-      isMultilevelTaxonomyFieldEnabled: f,
+      isAiSuggestionApplied: N,
+      isMultilevelTaxonomyFieldEnabled: y,
       label: e.displayName,
-      onValueEdited: M,
-      portalElement: c,
-      taxonomyOptionsFetcher: m
-    }), i && /* @__PURE__ */ a($, {
-      aiSuggestion: t,
-      isSameValue: F,
+      onValueEdited: m,
+      portalElement: S,
+      taxonomyOptionsFetcher: f
+    }), n && /* @__PURE__ */ r(L, {
+      aiSuggestion: i,
+      isSameValue: k,
       onAiSuggestionAppend: () => {
-        const u = [...new Set([d, t].flat().filter(Boolean))];
-        o(u);
+        const A = [...new Set([c, i].flat().filter(Boolean))];
+        a(A);
       },
-      onAiSuggestionIgnore: () => p(!1),
-      onAiSuggestionReplace: () => o(t),
-      type: x
+      onAiSuggestionIgnore: m,
+      onAiSuggestionReplace: () => a(i),
+      type: h
     })]
   }, e.key) : null;
 });
 export {
-  Y as MetadataEditorFieldWrapper
+  Z as MetadataEditorFieldWrapper
 };

package/dist/esm/lib/components/metadata-instance-list/index.js

@@ -1,6 +1,8 @@
 import { MetadataInstanceList as e } from "./metadata-instance-list.js";
 import { MetadataInstanceHeader as n } from "./subcomponents/metadata-instance-header/metadata-instance-header.js";
+import { MetadataInstance as d } from "./subcomponents/metadata-instance/metadata-instance.js";
 export {
+  d as MetadataInstance,
   n as MetadataInstanceHeader,
   e as MetadataInstanceList
 };

package/dist/types/lib/components/metadata-instance-list/index.d.ts

@@ -1,2 +1,3 @@
 export * from './metadata-instance-list';
 export * from './subcomponents/metadata-instance-header/metadata-instance-header';
+export * from './subcomponents/metadata-instance/metadata-instance';

package/dist/types/lib/test-utils/sample-data.d.ts

@@ -29,6 +29,8 @@ declare const templateOptions: MetadataTemplateOption[];
 declare const fields: MetadataTemplateField[];
 declare const floatInstanceField: MetadataTemplateField;
 declare const allFieldsTemplateInstance: MetadataTemplateInstance;
+declare const allFieldsTemplateInstanceWithoutTaxonomies: MetadataTemplateInstance;
+declare const allFieldsTemplateInstanceAiSuggestions: MetadataTemplateInstance;
 declare const dateSuggestionTemplateInstance: MetadataTemplateInstance;
 declare const templateInstanceWithoutEmptyValues: MetadataTemplateInstance;
 declare const emptyTemplateInstance: MetadataTemplateInstance;
@@ -50,4 +52,4 @@ declare const firstTemplateInstanceFieldsWithSuggestions: MetadataTemplateField[
 declare const secondTemplateInstance: MetadataTemplate;
 declare const secondTemplateSuggestions: AutofillSuggestions;
 declare const secondTemplateInstanceFieldsWithSuggestions: MetadataTemplateField[];
-export { allFieldsSuggestions, allFieldsTemplate, allFieldsTemplateInstance, allFieldsWithAiSuggestions, customTemplate, customTemplateInstance, customTemplateInstanceWithAllFieldsEmpty, customTemplateInstanceWithoutEditPermissions, customTemplateInstanceWithoutEmptyValues, dateField, dateSuggestionTemplateInstance, emptyCustomTemplateInstance, emptyTemplateInstance, enumField, fields, firstTemplateInstance, firstTemplateInstanceFieldsWithSuggestions, firstTemplateSuggestions, floatField, floatInstanceField, hiddenField, hiddenTemplate, hiddenTemplateInstance, multiSelectField, noFieldsTemplate, nonHiddenFieldsTemplate, nonHiddenFieldsWithValuesTemplate, noValueField, onlyRequiredPropsTemplateInstance, secondTemplateInstance, secondTemplateInstanceFieldsWithSuggestions, secondTemplateSuggestions, stringField, taxonomyLevels, taxonomyMultiSelectMultiLevelField, taxonomyMultiSelectSingleLevelField, taxonomyMultiSelectSingleLevelFieldWithValue, taxonomySingleSelectMultiLevelField, taxonomySingleSelectSingleLevelField, taxonomySingleSelectSingleLevelFieldWithValue, templateInstancesList, templateInstanceWithAllFieldsEmpty, templateInstanceWithoutEditPermissions, templateInstanceWithoutEmptyValues, templateInstanceWithSomeFieldsEmpty, templateOptions, templates, };
+export { allFieldsSuggestions, allFieldsTemplate, allFieldsTemplateInstance, allFieldsWithAiSuggestions, allFieldsTemplateInstanceWithoutTaxonomies, allFieldsTemplateInstanceAiSuggestions, customTemplate, customTemplateInstance, customTemplateInstanceWithAllFieldsEmpty, customTemplateInstanceWithoutEditPermissions, customTemplateInstanceWithoutEmptyValues, dateField, dateSuggestionTemplateInstance, emptyCustomTemplateInstance, emptyTemplateInstance, enumField, fields, firstTemplateInstance, firstTemplateInstanceFieldsWithSuggestions, firstTemplateSuggestions, floatField, floatInstanceField, hiddenField, hiddenTemplate, hiddenTemplateInstance, multiSelectField, noFieldsTemplate, nonHiddenFieldsTemplate, nonHiddenFieldsWithValuesTemplate, noValueField, onlyRequiredPropsTemplateInstance, secondTemplateInstance, secondTemplateInstanceFieldsWithSuggestions, secondTemplateSuggestions, stringField, taxonomyLevels, taxonomyMultiSelectMultiLevelField, taxonomyMultiSelectSingleLevelField, taxonomyMultiSelectSingleLevelFieldWithValue, taxonomySingleSelectMultiLevelField, taxonomySingleSelectSingleLevelField, taxonomySingleSelectSingleLevelFieldWithValue, templateInstancesList, templateInstanceWithAllFieldsEmpty, templateInstanceWithoutEditPermissions, templateInstanceWithoutEmptyValues, templateInstanceWithSomeFieldsEmpty, templateOptions, templates, };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-editor",
-    "version": "0.97.3",
+    "version": "0.97.5",
     "peerDependencies": {
         "@ariakit/react": "0.4.15",
         "@box/blueprint-web": "^7.30.3",
@@ -15,8 +15,8 @@
     "devDependencies": {
         "@ariakit/react": "0.4.15",
         "@box/babel-plugin-target-attributes": "1.3.0",
-        "@box/blueprint-web": "^9.19.1",
-        "@box/blueprint-web-assets": "^4.37.1",
+        "@box/blueprint-web": "^9.19.2",
+        "@box/blueprint-web-assets": "^4.37.2",
         "@box/storybook-utils": "^0.8.3",
         "@testing-library/react": "^15.0.6",
         "react": "^18.3.0",