@box/metadata-editor 0.64.0 → 0.65.0

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,43 +1,49 @@
 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 { useState as v } from "react";
+import { Card as E, Divider as m } from "@box/blueprint-web";
+import { useAutofill as D } from "../../../../utils/autofill-context.js";
+import { MetadataInstanceHeader as V } from "../metadata-instance-header/metadata-instance-header.js";
+import { MetadataInstanceContent as A } from "../metadata-instance-content/metadata-instance-content.js";
+import { MetadataInstanceFooter as S } 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 = {
+import { jsxs as a, jsx as o, Fragment as u } from "react/jsx-runtime";
+const H = "_topDivider_tzhlb_1", _ = "_bottomDivider_tzhlb_5", n = {
   topDivider: H,
-  bottomDivider: S
-}, w = ({
-  isAiSuggestionsFeatureEnabled: s,
-  onEdit: u,
-  onEditWithAutofill: p,
+  bottomDivider: _
+}, B = ({
+  areAiSuggestionsAvailable: p,
+  isAiSuggestionsFeatureEnabled: d,
+  onEdit: l,
   templateInstance: t
 }) => {
-  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, {
+  const e = t.fields, y = e.every((s) => !s.value), f = e.some((s) => !s.value), c = e.length > 0, [i, r] = v(!0), {
+    getAiSuggestions: h
+  } = D();
+  return /* @__PURE__ */ a(E, {
+    children: [/* @__PURE__ */ o(V, {
+      areAiSuggestionsAvailable: p,
       canEdit: !0,
-      isAiSuggestionsFeatureEnabled: s,
-      onAutofill: () => p(t),
-      onEdit: () => u(t),
+      isAiSuggestionsFeatureEnabled: d,
+      onAutofill: () => {
+        l(t), h(t.templateKey, e);
+      },
+      onEdit: () => l(t),
       templateName: t == null ? void 0 : t.displayName
     }), /* @__PURE__ */ o(m, {
       className: n.topDivider
     }), i && y ? /* @__PURE__ */ o(b, {
       isAnyEmptyValueHidden: c,
-      isBoxAiSuggestionsFeatureEnabled: s,
+      isBoxAiSuggestionsFeatureEnabled: d,
       level: "instance",
       onShowEmptyValues: () => r(!1)
-    }) : /* @__PURE__ */ d(l, {
-      children: [/* @__PURE__ */ o(D, {
+    }) : /* @__PURE__ */ a(u, {
+      children: [/* @__PURE__ */ o(A, {
         shouldHideEmptyValues: i,
         templateInstance: t
-      }), v && /* @__PURE__ */ d(l, {
+      }), f && /* @__PURE__ */ a(u, {
         children: [/* @__PURE__ */ o(m, {
           className: n.bottomDivider
-        }), /* @__PURE__ */ o(V, {
+        }), /* @__PURE__ */ o(S, {
           isAnyEmptyValueHidden: i,
           onHideEmptyValues: () => r(!0),
           onShowEmptyValues: () => r(!1)
@@ -47,5 +53,5 @@ const H = "_topDivider_tzhlb_1", S = "_bottomDivider_tzhlb_5", n = {
   });
 };
 export {
-  w as MetadataInstance
+  B 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.0",
+  "version": "0.65.0",
   "peerDependencies": {
     "@ariakit/react": "0.4.5",
     "@box/blueprint-web": "^7.30.3",
@@ -14,7 +14,7 @@
   "devDependencies": {
     "@ariakit/react": "0.4.5",
     "@box/babel-plugin-target-attributes": "1.3.0",
-    "@box/blueprint-web": "^7.32.1",
+    "@box/blueprint-web": "^7.33.0",
     "@box/blueprint-web-assets": "^4.27.0",
     "@box/storybook-utils": "^0.6.1",
     "@testing-library/react": "^15.0.6",
@@ -53,5 +53,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "f62fc0186afc974ccd50f3df0ad7e386024a430b"
+  "gitHead": "9210e9b3a6f169b12238b78e4c4060c1e228cd70"
 }

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[];
 };