@box/metadata-editor 0.64.1 → 0.65.1

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

@@ -4,16 +4,16 @@ import { jsx as a } from "react/jsx-runtime";
 const d = "_metadataInstanceList_bd83w_1", m = {
   metadataInstanceList: d
 }, L = ({
-  isAiSuggestionsFeatureEnabled: s,
-  onEdit: n,
-  onEditWithAutofill: e,
+  areAiSuggestionsAvailable: s,
+  isAiSuggestionsFeatureEnabled: n,
+  onEdit: e,
   templateInstances: i
 }) => /* @__PURE__ */ a("div", {
   className: m.metadataInstanceList,
   children: i.map((t) => /* @__PURE__ */ a(c, {
-    isAiSuggestionsFeatureEnabled: s,
-    onEdit: n,
-    onEditWithAutofill: e,
+    areAiSuggestionsAvailable: s,
+    isAiSuggestionsFeatureEnabled: n,
+    onEdit: e,
     templateInstance: t
   }, t.id))
 });

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

@@ -1,44 +1,50 @@
 import "../../../../../../styles/metadata-instance.css";
-import { useState as E } from "react";
-import { Card as f, Divider as m } from "@box/blueprint-web";
-import { MetadataInstanceHeader as h } from "../metadata-instance-header/metadata-instance-header.js";
-import { MetadataInstanceContent as D } from "../metadata-instance-content/metadata-instance-content.js";
-import { MetadataInstanceFooter as V } from "../metadata-instance-footer/metadata-instance-footer.js";
-import { MetadataEmptyState as b } from "../../../metadata-empty-state/metadata-empty-state.js";
-import { jsxs as d, jsx as o, Fragment as l } from "react/jsx-runtime";
-const H = "_topDivider_tzhlb_1", S = "_bottomDivider_tzhlb_5", n = {
-  topDivider: H,
-  bottomDivider: S
-}, w = ({
-  isAiSuggestionsFeatureEnabled: s,
-  onEdit: u,
-  onEditWithAutofill: p,
-  templateInstance: t
+import { Card as h, Divider as l } from "@box/blueprint-web";
+import { useState as D } from "react";
+import { useAutofill as V } from "../../../../utils/autofill-context.js";
+import { MetadataEmptyState as A } from "../../../metadata-empty-state/metadata-empty-state.js";
+import { MetadataInstanceContent as S } from "../metadata-instance-content/metadata-instance-content.js";
+import { MetadataInstanceFooter as b } from "../metadata-instance-footer/metadata-instance-footer.js";
+import { MetadataInstanceHeader as H } from "../metadata-instance-header/metadata-instance-header.js";
+import { jsxs as d, jsx as t, Fragment as u } from "react/jsx-runtime";
+const _ = "_topDivider_tzhlb_1", g = "_bottomDivider_tzhlb_5", n = {
+  topDivider: _,
+  bottomDivider: g
+}, K = ({
+  areAiSuggestionsAvailable: p,
+  isAiSuggestionsFeatureEnabled: a,
+  onEdit: m,
+  templateInstance: o
 }) => {
-  const e = t.fields, y = e.every((a) => !a.value), v = e.some((a) => !a.value), c = e.length > 0, [i, r] = E(!0);
-  return /* @__PURE__ */ d(f, {
-    children: [/* @__PURE__ */ o(h, {
-      canEdit: !0,
-      isAiSuggestionsFeatureEnabled: s,
-      onAutofill: () => p(t),
-      onEdit: () => u(t),
-      templateName: t == null ? void 0 : t.displayName
-    }), /* @__PURE__ */ o(m, {
+  const i = o.fields, y = i.every((s) => !s.value), f = i.some((s) => !s.value), c = i.length > 0, [e, r] = D(!0), {
+    getAiSuggestions: v
+  } = V(), E = () => {
+    m(o), v(o.templateKey, i);
+  };
+  return /* @__PURE__ */ d(h, {
+    children: [/* @__PURE__ */ t(H, {
+      areAiSuggestionsAvailable: p,
+      canEdit: o.canEdit,
+      isAiSuggestionsFeatureEnabled: a,
+      onAutofill: E,
+      onEdit: () => m(o),
+      templateName: o == null ? void 0 : o.displayName
+    }), /* @__PURE__ */ t(l, {
       className: n.topDivider
-    }), i && y ? /* @__PURE__ */ o(b, {
+    }), e && y ? /* @__PURE__ */ t(A, {
       isAnyEmptyValueHidden: c,
-      isBoxAiSuggestionsFeatureEnabled: s,
+      isBoxAiSuggestionsFeatureEnabled: a,
       level: "instance",
       onShowEmptyValues: () => r(!1)
-    }) : /* @__PURE__ */ d(l, {
-      children: [/* @__PURE__ */ o(D, {
-        shouldHideEmptyValues: i,
-        templateInstance: t
-      }), v && /* @__PURE__ */ d(l, {
-        children: [/* @__PURE__ */ o(m, {
+    }) : /* @__PURE__ */ d(u, {
+      children: [/* @__PURE__ */ t(S, {
+        shouldHideEmptyValues: e,
+        templateInstance: o
+      }), f && /* @__PURE__ */ d(u, {
+        children: [/* @__PURE__ */ t(l, {
           className: n.bottomDivider
-        }), /* @__PURE__ */ o(V, {
-          isAnyEmptyValueHidden: i,
+        }), /* @__PURE__ */ t(b, {
+          isAnyEmptyValueHidden: e,
           onHideEmptyValues: () => r(!0),
           onShowEmptyValues: () => r(!1)
         })]
@@ -47,5 +53,5 @@ const H = "_topDivider_tzhlb_1", S = "_bottomDivider_tzhlb_5", n = {
   });
 };
 export {
-  w as MetadataInstance
+  K as MetadataInstance
 };

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

@@ -1,32 +1,33 @@
 import "../../../../../../styles/metadata-instance-header.css";
-import { Text as f, Tooltip as i, IconButton as s } from "@box/blueprint-web";
+import { Text as b, Tooltip as i, IconButton as s } from "@box/blueprint-web";
 import { Pencil as g } from "@box/blueprint-web-assets/icons/Line";
-import { BoxAiLogo as b } from "@box/blueprint-web-assets/icons/Logo";
-import { useIntl as I } from "react-intl";
+import { BoxAiLogo as I } from "@box/blueprint-web-assets/icons/Logo";
+import { useIntl as _ } from "react-intl";
 import n from "./messages.js";
 import { jsxs as r, jsx as a } from "react/jsx-runtime";
-const _ = "_metadataInstanceHeader_1vbbg_1", h = "_iconButtonsContainer_1vbbg_7", p = "_title_1vbbg_15", e = {
-  metadataInstanceHeader: _,
-  iconButtonsContainer: h,
-  title: p
-}, T = ({
-  canEdit: c,
-  isAiSuggestionsFeatureEnabled: l,
-  onEdit: d,
-  onAutofill: u,
+const h = "_metadataInstanceHeader_1vbbg_1", p = "_iconButtonsContainer_1vbbg_7", v = "_title_1vbbg_15", e = {
+  metadataInstanceHeader: h,
+  iconButtonsContainer: p,
+  title: v
+}, j = ({
+  areAiSuggestionsAvailable: c,
+  canEdit: l,
+  isAiSuggestionsFeatureEnabled: d,
+  onEdit: u,
+  onAutofill: m,
   templateName: t
 }) => {
-  const o = I(), m = t || o.formatMessage(n.customInstanceTitle), B = l && t;
+  const o = _(), B = t || o.formatMessage(n.customInstanceTitle), f = d && t;
   return /* @__PURE__ */ r("div", {
     className: e.metadataInstanceHeader,
-    children: [/* @__PURE__ */ a(f, {
+    children: [/* @__PURE__ */ a(b, {
       as: "h1",
       className: e.title,
       variant: "titleMedium",
-      children: m
-    }), c && /* @__PURE__ */ r("div", {
+      children: B
+    }), l && /* @__PURE__ */ r("div", {
       className: e.iconButtonsContainer,
-      children: [B && /* @__PURE__ */ a(i, {
+      children: [f && /* @__PURE__ */ a(i, {
         content: o.formatMessage(n.autofillButtonTooltip, {
           templateName: t
         }),
@@ -34,8 +35,9 @@ const _ = "_metadataInstanceHeader_1vbbg_1", h = "_iconButtonsContainer_1vbbg_7"
           "aria-label": o.formatMessage(n.autofillButtonAriaLabel, {
             templateName: t
           }),
-          icon: b,
-          onClick: u,
+          disabled: !c,
+          icon: I,
+          onClick: m,
           variant: "icon-logo",
           "data-target-id": "IconButton-autofillButtonAriaLabel"
         })
@@ -46,7 +48,7 @@ const _ = "_metadataInstanceHeader_1vbbg_1", h = "_iconButtonsContainer_1vbbg_7"
             templateName: t
           }),
           icon: g,
-          onClick: d,
+          onClick: u,
           "data-target-id": "IconButton-editButtonAriaLabel"
         })
       })]
@@ -54,5 +56,5 @@ const _ = "_metadataInstanceHeader_1vbbg_1", h = "_iconButtonsContainer_1vbbg_7"
   });
 };
 export {
-  T as MetadataInstanceHeader
+  j as MetadataInstanceHeader
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.64.1",
+  "version": "0.65.1",
   "peerDependencies": {
     "@ariakit/react": "0.4.5",
     "@box/blueprint-web": "^7.30.3",
@@ -53,5 +53,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "655a58b8accd00ab49186551834a7a0c7b9237f4"
+  "gitHead": "b3c8f235ca17a93a637e7f0adbd794c167d54795"
 }

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

@@ -1,2 +1,2 @@
 import { type MetadataInstanceListProps } from './types';
-export declare const MetadataInstanceList: ({ isAiSuggestionsFeatureEnabled, onEdit, onEditWithAutofill, templateInstances, }: MetadataInstanceListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataInstanceList: ({ areAiSuggestionsAvailable, isAiSuggestionsFeatureEnabled, onEdit, templateInstances, }: MetadataInstanceListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { type MetadataInstanceProps } from './types';
-export declare const MetadataInstance: ({ isAiSuggestionsFeatureEnabled, onEdit, onEditWithAutofill, templateInstance, }: MetadataInstanceProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataInstance: ({ areAiSuggestionsAvailable, isAiSuggestionsFeatureEnabled, onEdit, templateInstance, }: MetadataInstanceProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { type MetadataTemplateInstance } from '../../../../types';
 export type MetadataInstanceProps = {
+    areAiSuggestionsAvailable: boolean;
     isAiSuggestionsFeatureEnabled: boolean;
     onEdit: (templateInstance: MetadataTemplateInstance) => void;
-    onEditWithAutofill: (templateInstance: MetadataTemplateInstance) => void;
     templateInstance: MetadataTemplateInstance;
 };

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

@@ -1,2 +1,2 @@
 import { type MetadataInstanceHeaderProps } from './types';
-export declare const MetadataInstanceHeader: ({ canEdit, isAiSuggestionsFeatureEnabled, onEdit, onAutofill, templateName, }: MetadataInstanceHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataInstanceHeader: ({ areAiSuggestionsAvailable, canEdit, isAiSuggestionsFeatureEnabled, onEdit, onAutofill, templateName, }: MetadataInstanceHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,5 @@
 export type MetadataInstanceHeaderProps = {
+    areAiSuggestionsAvailable: boolean;
     canEdit: boolean;
     isAiSuggestionsFeatureEnabled: boolean;
     onEdit: () => void;

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

@@ -1,7 +1,7 @@
 import { type MetadataTemplateInstance } from '../../types';
 export type MetadataInstanceListProps = {
+    areAiSuggestionsAvailable: boolean;
     isAiSuggestionsFeatureEnabled: boolean;
     onEdit: (templateInstacne: MetadataTemplateInstance) => void;
-    onEditWithAutofill: (templateInstance: MetadataTemplateInstance) => void;
     templateInstances: MetadataTemplateInstance[];
 };

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

@@ -24,6 +24,8 @@ declare const customTemplateInstance: MetadataTemplateInstance;
 declare const customTemplateInstanceWithoutEmptyValues: MetadataTemplateInstance;
 declare const emptyCustomTemplateInstance: MetadataTemplateInstance;
 declare const customTemplateInstanceWithAllFieldsEmpty: MetadataTemplateInstance;
+declare const templateInstanceWithoutEditPermissions: MetadataTemplateInstance;
+declare const customTemplateInstanceWithoutEditPermissions: MetadataTemplateInstance;
 declare const templateInstancesList: MetadataTemplateInstance[];
 declare const allFieldsWithAiSuggestions: MetadataTemplateField[];
 declare const allFieldsSuggestions: AutofillSuggestions;
@@ -33,4 +35,4 @@ declare const firstTemplateInstanceFieldsWithSuggestions: MetadataTemplateField[
 declare const secondTemplateInstance: MetadataTemplate;
 declare const secondTemplateSuggestions: AutofillSuggestions;
 declare const secondTemplateInstanceFieldsWithSuggestions: MetadataTemplateField[];
-export { allFieldsTemplate, allFieldsTemplateInstance, customTemplate, customTemplateInstance, customTemplateInstanceWithAllFieldsEmpty, customTemplateInstanceWithoutEmptyValues, dateField, emptyCustomTemplateInstance, emptyTemplateInstance, enumField, fields, floatField, hiddenField, multiSelectField, noFieldsTemplate, nonHiddenFieldsTemplate, nonHiddenFieldsWithValuesTemplate, noValueField, stringField, taxonomySingleSelectSingleLevelField, taxonomyMultiSelectSingleLevelField, templateInstancesList, templateInstanceWithAllFieldsEmpty, templateInstanceWithoutEmptyValues, templateOptions, templates, allFieldsWithAiSuggestions, allFieldsSuggestions, firstTemplateInstance, firstTemplateInstanceFieldsWithSuggestions, secondTemplateInstance, firstTemplateSuggestions, secondTemplateSuggestions, secondTemplateInstanceFieldsWithSuggestions, };
+export { allFieldsSuggestions, allFieldsTemplate, allFieldsTemplateInstance, allFieldsWithAiSuggestions, customTemplate, customTemplateInstance, customTemplateInstanceWithAllFieldsEmpty, customTemplateInstanceWithoutEditPermissions, customTemplateInstanceWithoutEmptyValues, dateField, emptyCustomTemplateInstance, emptyTemplateInstance, enumField, fields, firstTemplateInstance, firstTemplateInstanceFieldsWithSuggestions, firstTemplateSuggestions, floatField, hiddenField, multiSelectField, noFieldsTemplate, nonHiddenFieldsTemplate, nonHiddenFieldsWithValuesTemplate, noValueField, secondTemplateInstance, secondTemplateInstanceFieldsWithSuggestions, secondTemplateSuggestions, stringField, taxonomyMultiSelectSingleLevelField, taxonomySingleSelectSingleLevelField, templateInstancesList, templateInstanceWithAllFieldsEmpty, templateInstanceWithoutEditPermissions, templateInstanceWithoutEmptyValues, templateOptions, templates, };