@box/metadata-editor 0.47.1 → 0.49.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/esm/index.js +16 -18
  2. package/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js +54 -51
  3. package/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-footer/metadata-instance-form-footer.js +18 -15
  4. package/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js +31 -23
  5. package/esm/lib/components/metadata-instance-list/index.js +3 -5
  6. package/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance/metadata-instance.js +22 -22
  7. package/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-header/messages.js +11 -3
  8. package/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js +27 -29
  9. package/esm/lib/test-utils/index.js +36 -26
  10. package/esm/lib/test-utils/sample-data.js +110 -64
  11. package/esm/lib/test-utils/test-utils.js +28 -11
  12. package/esm/lib/utils/autofill-context.js +62 -0
  13. package/i18n/bn-IN.js +3 -1
  14. package/i18n/da-DK.js +3 -1
  15. package/i18n/de-DE.js +3 -1
  16. package/i18n/en-AU.js +3 -1
  17. package/i18n/en-CA.js +3 -1
  18. package/i18n/en-GB.js +3 -1
  19. package/i18n/en-US.js +3 -1
  20. package/i18n/en-US.properties +4 -0
  21. package/i18n/en-x-pseudo.js +3 -1
  22. package/i18n/es-419.js +3 -1
  23. package/i18n/es-ES.js +3 -1
  24. package/i18n/fi-FI.js +3 -1
  25. package/i18n/fr-CA.js +3 -1
  26. package/i18n/fr-FR.js +3 -1
  27. package/i18n/hi-IN.js +3 -1
  28. package/i18n/it-IT.js +3 -1
  29. package/i18n/ja-JP.js +3 -1
  30. package/i18n/json/src/lib/components/metadata-instance-list/subcomponents/metadata-instance-header/messages.json +1 -1
  31. package/i18n/ko-KR.js +3 -1
  32. package/i18n/nb-NO.js +3 -1
  33. package/i18n/nl-NL.js +3 -1
  34. package/i18n/pl-PL.js +3 -1
  35. package/i18n/pt-BR.js +3 -1
  36. package/i18n/ru-RU.js +3 -1
  37. package/i18n/sv-SE.js +3 -1
  38. package/i18n/tr-TR.js +3 -1
  39. package/i18n/zh-CN.js +3 -1
  40. package/i18n/zh-TW.js +3 -1
  41. package/package.json +3 -2
  42. package/types/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.d.ts +1 -1
  43. package/types/lib/components/metadata-instance-list/subcomponents/metadata-instance/types.d.ts +1 -1
  44. package/types/lib/components/metadata-instance-list/subcomponents/metadata-instance-header/messages.d.ts +10 -0
  45. package/types/lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.d.ts +0 -2
  46. package/types/lib/test-utils/sample-data.d.ts +10 -2
  47. package/types/lib/test-utils/test-utils.d.ts +3 -0
  48. package/types/lib/types.d.ts +2 -0
  49. package/types/lib/utils/autofill-context.d.ts +14 -0
package/esm/index.js CHANGED
@@ -1,33 +1,31 @@
1
1
  import { AddMetadataTemplateDropdown as a } from "./lib/components/add-metadata-template-dropdown/add-metadata-template-dropdown.js";
2
2
  import { FilterDropdownMenu as r } from "./lib/components/filter-dropdown-menu/index.js";
3
- import { MetadataEmptyState as n } from "./lib/components/metadata-empty-state/metadata-empty-state.js";
3
+ import { MetadataEmptyState as m } from "./lib/components/metadata-empty-state/metadata-empty-state.js";
4
4
  import { DeleteConfirmationModal as p } from "./lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/delete-confirmation-modal.js";
5
- import { MetadataInstanceFormHeader as l } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
6
- import { CustomInstanceNewField as i } from "./lib/components/metadata-instance-editor/subcomponents/custom-instance-new-field/custom-instance-new-field.js";
7
- import { MetadataInstanceForm as s } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js";
5
+ import { MetadataInstanceFormHeader as x } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
6
+ import { CustomInstanceNewField as M } from "./lib/components/metadata-instance-editor/subcomponents/custom-instance-new-field/custom-instance-new-field.js";
7
+ import { MetadataInstanceForm as i } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js";
8
8
  import { MetadataInstanceList as I } from "./lib/components/metadata-instance-list/metadata-instance-list.js";
9
- import { MetadataInstanceHeader as F, autofillButtonAriaLabel as L, editButtonAriaLabel as w } from "./lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js";
9
+ import { MetadataInstanceHeader as F } from "./lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js";
10
10
  import { SingleLevelTaxonomyField as C } from "./lib/components/metadata-taxonomy-field/single-level-taxonomy-field.js";
11
11
  import { UnsavedChangesModal as U } from "./lib/components/unsaved-changes-modal/unsaved-changes-modal.js";
12
- import { defaultInitialValues as g, defaultMetadataValueMap as v } from "./lib/defaults.js";
13
- import { MetadataEditor as B } from "./lib/metadata-editor.js";
14
- import { U as H } from "../chunks/types.js";
12
+ import { defaultInitialValues as v, defaultMetadataValueMap as y } from "./lib/defaults.js";
13
+ import { MetadataEditor as H } from "./lib/metadata-editor.js";
14
+ import { U as S } from "../chunks/types.js";
15
15
  export {
16
16
  a as AddMetadataTemplateDropdown,
17
- i as CustomInstanceNewField,
17
+ M as CustomInstanceNewField,
18
18
  p as DeleteConfirmationModal,
19
19
  r as FilterDropdownMenu,
20
- B as MetadataEditor,
21
- n as MetadataEmptyState,
22
- s as MetadataInstanceForm,
23
- l as MetadataInstanceFormHeader,
20
+ H as MetadataEditor,
21
+ m as MetadataEmptyState,
22
+ i as MetadataInstanceForm,
23
+ x as MetadataInstanceFormHeader,
24
24
  F as MetadataInstanceHeader,
25
25
  I as MetadataInstanceList,
26
26
  C as SingleLevelTaxonomyField,
27
27
  U as UnsavedChangesModal,
28
- H as UpdateMode,
29
- L as autofillButtonAriaLabel,
30
- g as defaultInitialValues,
31
- v as defaultMetadataValueMap,
32
- w as editButtonAriaLabel
28
+ S as UpdateMode,
29
+ v as defaultInitialValues,
30
+ y as defaultMetadataValueMap
33
31
  };
@@ -1,75 +1,78 @@
1
1
  import "../../../../../../styles/metadata-instance-form.css";
2
- import { useState as g, useMemo as S } from "react";
3
- import { Formik as D } from "formik";
4
2
  import { Card as E } from "@box/blueprint-web";
5
- import { CustomInstance as y } from "../custom-instance/custom-instance.js";
6
- import { DeleteConfirmationModal as O } from "../delete-confirmation-modal/delete-confirmation-modal.js";
7
- import { MetadataEmptyState as b } from "../../../metadata-empty-state/metadata-empty-state.js";
8
- import { MetadataInstanceFormFooter as N } from "../metadata-instance-form-footer/metadata-instance-form-footer.js";
9
- import { MetadataInstanceFormHeader as T } from "../metadata-instance-form-header/metadata-instance-form-header.js";
10
- import { UnsavedChangesModal as v } from "../../../unsaved-changes-modal/unsaved-changes-modal.js";
11
- import { TemplateInstance as _ } from "../../../metadata-editor-fields/metadata-editor-fields.js";
12
- import { TEMPLATE_CUSTOM_PROPERTIES as x } from "../../../../constants.js";
13
- import { createJSONPatch as A } from "./utils.js";
14
- import { jsx as t, jsxs as l, Fragment as P } from "react/jsx-runtime";
15
- const U = "_metadataInstanceForm_1hu4u_1", j = {
16
- metadataInstanceForm: U
17
- }, X = (d) => {
3
+ import { Formik as b } from "formik";
4
+ import { useState as O, useMemo as y } from "react";
5
+ import { TEMPLATE_CUSTOM_PROPERTIES as A } from "../../../../constants.js";
6
+ import { useAutofill as N } from "../../../../utils/autofill-context.js";
7
+ import { TemplateInstance as T } from "../../../metadata-editor-fields/metadata-editor-fields.js";
8
+ import { MetadataEmptyState as v } from "../../../metadata-empty-state/metadata-empty-state.js";
9
+ import { UnsavedChangesModal as L } from "../../../unsaved-changes-modal/unsaved-changes-modal.js";
10
+ import { CustomInstance as _ } from "../custom-instance/custom-instance.js";
11
+ import { DeleteConfirmationModal as x } from "../delete-confirmation-modal/delete-confirmation-modal.js";
12
+ import { MetadataInstanceFormFooter as P } from "../metadata-instance-form-footer/metadata-instance-form-footer.js";
13
+ import { MetadataInstanceFormHeader as U } from "../metadata-instance-form-header/metadata-instance-form-header.js";
14
+ import { createJSONPatch as j } from "./utils.js";
15
+ import { jsx as t, jsxs as l, Fragment as R } from "react/jsx-runtime";
16
+ const k = "_metadataInstanceForm_1hu4u_1", B = {
17
+ metadataInstanceForm: k
18
+ }, te = (d) => {
18
19
  const {
19
20
  isAiSuggestionsFeatureEnabled: o,
20
- isLoading: n,
21
- isUnsavedChangesModalOpen: c = !1,
22
- onCancel: p,
23
- onDelete: f,
24
- onSubmit: u,
21
+ isLoading: c,
22
+ isUnsavedChangesModalOpen: p = !1,
23
+ onCancel: f,
24
+ onDelete: u,
25
+ onSubmit: g,
25
26
  selectedTemplateInstance: e,
26
27
  setIsUnsavedChangesModalOpen: s
27
- } = d, [C, r] = g(!1), i = (a) => {
28
- u(e.id, A(a, e)), s(!1);
29
- }, M = (a) => {
30
- a ? s(!0) : p();
31
- }, h = () => {
32
- r(!0);
33
- }, F = {
28
+ } = d, [C, m] = O(!1), {
29
+ isFetchingSuggestions: F
30
+ } = N(), n = c || F, i = e.templateKey === A, r = (a) => {
31
+ g(e.id, j(a, e)), s(!1);
32
+ }, h = (a) => {
33
+ a ? s(!0) : f();
34
+ }, M = () => {
35
+ m(!0);
36
+ }, I = {
34
37
  metadata: {
35
38
  ...e
36
39
  }
37
- }, I = S(() => {
38
- const a = e.templateKey === x, m = e.fields.length === 0;
39
- return a ? /* @__PURE__ */ t(y, {
40
+ }, S = y(() => {
41
+ const a = e.fields.length === 0;
42
+ return i ? /* @__PURE__ */ t(_, {
40
43
  isLoading: n
41
- }) : m ? /* @__PURE__ */ t(b, {
44
+ }) : a ? /* @__PURE__ */ t(v, {
42
45
  isBoxAiSuggestionsFeatureEnabled: o,
43
46
  level: "instance"
44
- }) : /* @__PURE__ */ t(_, {
47
+ }) : /* @__PURE__ */ t(T, {
45
48
  disableForm: n
46
49
  });
47
- }, [e.templateKey, e.fields.length, n, o]);
48
- return /* @__PURE__ */ t(D, {
49
- initialValues: F,
50
- onSubmit: i,
50
+ }, [i, e.fields.length, n, o]);
51
+ return /* @__PURE__ */ t(b, {
52
+ initialValues: I,
53
+ onSubmit: r,
51
54
  children: ({
52
55
  values: a,
53
- dirty: m
54
- }) => /* @__PURE__ */ l(P, {
56
+ dirty: D
57
+ }) => /* @__PURE__ */ l(R, {
55
58
  children: [/* @__PURE__ */ l(E, {
56
- className: j.metadataInstanceForm,
57
- children: [/* @__PURE__ */ t(T, {
58
- isAiSuggestionsFeatureEnabled: o,
59
+ className: B.metadataInstanceForm,
60
+ children: [/* @__PURE__ */ t(U, {
61
+ isAiSuggestionsFeatureEnabled: o && !i,
59
62
  isLoading: n,
60
63
  templateName: e.displayName
61
- }), I, /* @__PURE__ */ t(N, {
64
+ }), S, /* @__PURE__ */ t(P, {
62
65
  isLoading: n,
63
- onCancel: () => M(m),
64
- onDelete: h
66
+ onCancel: () => h(D),
67
+ onDelete: M
65
68
  })]
66
- }), /* @__PURE__ */ t(v, {
69
+ }), /* @__PURE__ */ t(L, {
67
70
  onDismiss: () => s(!1),
68
- onSaveAndContinue: () => i(a),
69
- open: c
70
- }), /* @__PURE__ */ t(O, {
71
- onConfirm: () => f(e.id),
72
- onDismiss: () => r(!1),
71
+ onSaveAndContinue: () => r(a),
72
+ open: p
73
+ }), /* @__PURE__ */ t(x, {
74
+ onConfirm: () => u(e.id),
75
+ onDismiss: () => m(!1),
73
76
  open: C,
74
77
  templateName: e.displayName
75
78
  })]
@@ -77,5 +80,5 @@ const U = "_metadataInstanceForm_1hu4u_1", j = {
77
80
  });
78
81
  };
79
82
  export {
80
- X as MetadataInstanceForm
83
+ te as MetadataInstanceForm
81
84
  };
@@ -1,32 +1,35 @@
1
1
  import "../../../../../../styles/metadata-instance-form-footer.css";
2
- import { TextButton as u, Button as r } from "@box/blueprint-web";
3
- import { useFormikContext as b } from "formik";
2
+ import { TextButton as b, Button as r } from "@box/blueprint-web";
3
+ import { useFormikContext as g } from "formik";
4
4
  import { useIntl as F } from "react-intl";
5
+ import { useAutofill as f } from "../../../../utils/autofill-context.js";
5
6
  import o from "./messages.js";
6
7
  import { jsx as e, jsxs as i } from "react/jsx-runtime";
7
- const g = "_metadataInstanceFormFooter_17478_1", f = "_buttonsContainer_17478_8", _ = "_buttons_17478_8", a = {
8
- metadataInstanceFormFooter: g,
9
- buttonsContainer: f,
10
- buttons: _
11
- }, x = ({
8
+ const _ = "_metadataInstanceFormFooter_17478_1", p = "_buttonsContainer_17478_8", C = "_buttons_17478_8", s = {
9
+ metadataInstanceFormFooter: _,
10
+ buttonsContainer: p,
11
+ buttons: C
12
+ }, A = ({
12
13
  isLoading: m,
13
14
  onCancel: c,
14
15
  onDelete: l
15
16
  }) => {
16
17
  const t = F(), {
17
- isSubmitting: s,
18
+ isSubmitting: a,
18
19
  submitForm: d
19
- } = b(), n = m || s;
20
+ } = g(), {
21
+ isFetchingSuggestions: u
22
+ } = f(), n = m || a || u;
20
23
  return /* @__PURE__ */ e("div", {
21
- className: a.metadataInstanceFormFooter,
24
+ className: s.metadataInstanceFormFooter,
22
25
  children: /* @__PURE__ */ i("div", {
23
- className: a.buttonsContainer,
24
- children: [/* @__PURE__ */ e(u, {
26
+ className: s.buttonsContainer,
27
+ children: [/* @__PURE__ */ e(b, {
25
28
  disabled: n,
26
29
  onClick: l,
27
30
  children: t.formatMessage(o.deleteButton)
28
31
  }), /* @__PURE__ */ i("div", {
29
- className: a.buttons,
32
+ className: s.buttons,
30
33
  children: [/* @__PURE__ */ e(r, {
31
34
  disabled: n,
32
35
  onClick: c,
@@ -35,7 +38,7 @@ const g = "_metadataInstanceFormFooter_17478_1", f = "_buttonsContainer_17478_8"
35
38
  children: t.formatMessage(o.cancelButton)
36
39
  }), /* @__PURE__ */ e(r, {
37
40
  disabled: n,
38
- loading: s,
41
+ loading: a,
39
42
  loadingAriaLabel: t.formatMessage(o.loadingAriaLabel),
40
43
  onClick: d,
41
44
  size: "large",
@@ -46,5 +49,5 @@ const g = "_metadataInstanceFormFooter_17478_1", f = "_buttonsContainer_17478_8"
46
49
  });
47
50
  };
48
51
  export {
49
- x as MetadataInstanceFormFooter
52
+ A as MetadataInstanceFormFooter
50
53
  };
@@ -1,40 +1,48 @@
1
1
  import "../../../../../../styles/metadata-instance-form-header.css";
2
- import { Text as l, Button as d } from "@box/blueprint-web";
3
- import { BoxAiLogo as f } from "@box/blueprint-web-assets/icons/Logo";
4
- import { useFormikContext as u } from "formik";
5
- import { useIntl as g } from "react-intl";
2
+ import { Text as h, Button as x } from "@box/blueprint-web";
3
+ import { BoxAiLogo as A } from "@box/blueprint-web-assets/icons/Logo";
4
+ import { useFormikContext as _, getIn as s } from "formik";
5
+ import { useIntl as y } from "react-intl";
6
+ import { useAutofill as B } from "../../../../utils/autofill-context.js";
6
7
  import e from "./messages.js";
7
- import { jsxs as p, jsx as a } from "react/jsx-runtime";
8
- const I = "_metadataInstanceFormHeader_1b2cc_1", b = "_title_1b2cc_8", o = {
9
- metadataInstanceFormHeader: I,
10
- title: b
11
- }, v = ({
8
+ import { jsxs as H, jsx as o } from "react/jsx-runtime";
9
+ const M = "_metadataInstanceFormHeader_1b2cc_1", v = "_title_1b2cc_8", i = {
10
+ metadataInstanceFormHeader: M,
11
+ title: v
12
+ }, w = ({
12
13
  isAiSuggestionsFeatureEnabled: n,
13
14
  isLoading: r,
14
- onAutofill: s,
15
- templateName: i
15
+ templateName: m
16
16
  }) => {
17
17
  const {
18
- isSubmitting: m
19
- } = u(), t = g(), c = i ?? t.formatMessage(e.customInstanceTitle);
20
- return /* @__PURE__ */ p("div", {
21
- className: o.metadataInstanceFormHeader,
22
- children: [/* @__PURE__ */ a(l, {
18
+ isSubmitting: l,
19
+ values: a,
20
+ setFieldValue: c
21
+ } = _(), {
22
+ getAiSuggestions: d,
23
+ isFetchingSuggestions: u
24
+ } = B(), t = y(), g = async () => {
25
+ const F = s(a, "metadata.fields"), I = s(a, "metadata.templateKey"), b = await d(I, F);
26
+ c("metadata.fields", b);
27
+ }, f = m ?? t.formatMessage(e.customInstanceTitle), p = l || u;
28
+ return /* @__PURE__ */ H("div", {
29
+ className: i.metadataInstanceFormHeader,
30
+ children: [/* @__PURE__ */ o(h, {
23
31
  as: "h1",
24
- className: o.title,
32
+ className: i.title,
25
33
  variant: "titleMedium",
26
- children: c
27
- }), n && /* @__PURE__ */ a(d, {
28
- disabled: m,
29
- icon: f,
34
+ children: f
35
+ }), n && /* @__PURE__ */ o(x, {
36
+ disabled: p,
37
+ icon: A,
30
38
  loading: r,
31
39
  loadingAriaLabel: t.formatMessage(e.loadingButtonAriaLabel),
32
- onClick: s,
40
+ onClick: g,
33
41
  variant: "secondary",
34
42
  children: t.formatMessage(e.autofillButton)
35
43
  })]
36
44
  });
37
45
  };
38
46
  export {
39
- v as MetadataInstanceFormHeader
47
+ w as MetadataInstanceFormHeader
40
48
  };
@@ -1,8 +1,6 @@
1
1
  import { MetadataInstanceList as e } from "./metadata-instance-list.js";
2
- import { MetadataInstanceHeader as r, autofillButtonAriaLabel as n, editButtonAriaLabel as i } from "./subcomponents/metadata-instance-header/metadata-instance-header.js";
2
+ import { MetadataInstanceHeader as n } from "./subcomponents/metadata-instance-header/metadata-instance-header.js";
3
3
  export {
4
- r as MetadataInstanceHeader,
5
- e as MetadataInstanceList,
6
- n as autofillButtonAriaLabel,
7
- i as editButtonAriaLabel
4
+ n as MetadataInstanceHeader,
5
+ e as MetadataInstanceList
8
6
  };
@@ -1,46 +1,46 @@
1
1
  import "../../../../../../styles/metadata-instance.css";
2
- import { useState as f } from "react";
3
- import { Card as h, Divider as m } from "@box/blueprint-web";
4
- import { MetadataInstanceHeader as E } from "../metadata-instance-header/metadata-instance-header.js";
2
+ import { useState as E } from "react";
3
+ import { Card as f, Divider as m } from "@box/blueprint-web";
4
+ import { MetadataInstanceHeader as h } from "../metadata-instance-header/metadata-instance-header.js";
5
5
  import { MetadataInstanceContent as D } from "../metadata-instance-content/metadata-instance-content.js";
6
6
  import { MetadataInstanceFooter as V } from "../metadata-instance-footer/metadata-instance-footer.js";
7
7
  import { MetadataEmptyState as b } from "../../../metadata-empty-state/metadata-empty-state.js";
8
- import { jsxs as s, jsx as t, Fragment as l } from "react/jsx-runtime";
8
+ import { jsxs as s, jsx as e, Fragment as l } from "react/jsx-runtime";
9
9
  const H = "_topDivider_tzhlb_1", S = "_bottomDivider_tzhlb_5", n = {
10
10
  topDivider: H,
11
11
  bottomDivider: S
12
12
  }, w = ({
13
13
  isAiSuggestionsFeatureEnabled: d,
14
- onEdit: p,
15
- onEditWithAutofill: u,
16
- templateInstance: e
14
+ onEdit: u,
15
+ onEditWithAutofill: p,
16
+ templateInstance: t
17
17
  }) => {
18
- const o = e.fields, y = o.every((r) => !r.value), c = o.some((r) => !r.value), v = o.length > 0, [i, a] = f(!0);
19
- return /* @__PURE__ */ s(h, {
20
- children: [/* @__PURE__ */ t(E, {
18
+ const o = t.fields, y = o.every((a) => !a.value), c = o.some((a) => !a.value), v = o.length > 0, [i, r] = E(!0);
19
+ return /* @__PURE__ */ s(f, {
20
+ children: [/* @__PURE__ */ e(h, {
21
21
  canEdit: !0,
22
22
  isAiSuggestionsFeatureEnabled: d,
23
- onAutofill: u,
24
- onEdit: p,
25
- templateName: e == null ? void 0 : e.displayName
26
- }), /* @__PURE__ */ t(m, {
23
+ onAutofill: p,
24
+ onEdit: () => u(t),
25
+ templateName: t == null ? void 0 : t.displayName
26
+ }), /* @__PURE__ */ e(m, {
27
27
  className: n.topDivider
28
- }), i && y ? /* @__PURE__ */ t(b, {
28
+ }), i && y ? /* @__PURE__ */ e(b, {
29
29
  isAnyEmptyValueHidden: v,
30
30
  isBoxAiSuggestionsFeatureEnabled: d,
31
31
  level: "instance",
32
- onShowEmptyValues: () => a(!1)
32
+ onShowEmptyValues: () => r(!1)
33
33
  }) : /* @__PURE__ */ s(l, {
34
- children: [/* @__PURE__ */ t(D, {
34
+ children: [/* @__PURE__ */ e(D, {
35
35
  shouldHideEmptyValues: i,
36
- templateInstance: e
36
+ templateInstance: t
37
37
  }), c && /* @__PURE__ */ s(l, {
38
- children: [/* @__PURE__ */ t(m, {
38
+ children: [/* @__PURE__ */ e(m, {
39
39
  className: n.bottomDivider
40
- }), /* @__PURE__ */ t(V, {
40
+ }), /* @__PURE__ */ e(V, {
41
41
  isAnyEmptyValueHidden: i,
42
- onHideEmptyValues: () => a(!0),
43
- onShowEmptyValues: () => a(!1)
42
+ onHideEmptyValues: () => r(!0),
43
+ onShowEmptyValues: () => r(!1)
44
44
  })]
45
45
  })]
46
46
  })]
@@ -1,10 +1,18 @@
1
- import { defineMessages as e } from "react-intl";
2
- const t = e({
1
+ import { defineMessages as a } from "react-intl";
2
+ const e = a({
3
3
  customInstanceTitle: {
4
4
  id: "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle",
5
5
  defaultMessage: "Custom Metadata"
6
+ },
7
+ autofillButtonAriaLabel: {
8
+ id: "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel",
9
+ defaultMessage: "Autofill with Box AI"
10
+ },
11
+ editButtonAriaLabel: {
12
+ id: "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel",
13
+ defaultMessage: "Edit"
6
14
  }
7
15
  });
8
16
  export {
9
- t as default
17
+ e as default
10
18
  };
@@ -1,46 +1,44 @@
1
1
  import "../../../../../../styles/metadata-instance-header.css";
2
- import { Text as u, IconButton as a } from "@box/blueprint-web";
3
- import { Pencil as b } from "@box/blueprint-web-assets/icons/Line";
4
- import { BoxAiLogo as B } from "@box/blueprint-web-assets/icons/Logo";
5
- import { useIntl as f } from "react-intl";
6
- import I from "./messages.js";
7
- import { jsxs as e, jsx as t } from "react/jsx-runtime";
8
- const _ = "_metadataInstanceHeader_1vbbg_1", g = "_iconButtonsContainer_1vbbg_7", p = "_title_1vbbg_15", n = {
2
+ import { Text as b, IconButton as i } from "@box/blueprint-web";
3
+ import { Pencil as f } from "@box/blueprint-web-assets/icons/Line";
4
+ import { BoxAiLogo as g } from "@box/blueprint-web-assets/icons/Logo";
5
+ import { useIntl as B } from "react-intl";
6
+ import a from "./messages.js";
7
+ import { jsxs as s, jsx as e } from "react/jsx-runtime";
8
+ const _ = "_metadataInstanceHeader_1vbbg_1", I = "_iconButtonsContainer_1vbbg_7", p = "_title_1vbbg_15", n = {
9
9
  metadataInstanceHeader: _,
10
- iconButtonsContainer: g,
10
+ iconButtonsContainer: I,
11
11
  title: p
12
- }, v = "Autofill with Box AI", h = "Edit", k = ({
13
- canEdit: i,
14
- isAiSuggestionsFeatureEnabled: s,
15
- onEdit: r,
16
- onAutofill: c,
12
+ }, L = ({
13
+ canEdit: r,
14
+ isAiSuggestionsFeatureEnabled: c,
15
+ onEdit: l,
16
+ onAutofill: m,
17
17
  templateName: o
18
18
  }) => {
19
- const l = f(), m = o || l.formatMessage(I.customInstanceTitle), d = s && o;
20
- return /* @__PURE__ */ e("div", {
19
+ const t = B(), d = o || t.formatMessage(a.customInstanceTitle), u = c && o;
20
+ return /* @__PURE__ */ s("div", {
21
21
  className: n.metadataInstanceHeader,
22
- children: [/* @__PURE__ */ t(u, {
22
+ children: [/* @__PURE__ */ e(b, {
23
23
  as: "h1",
24
24
  className: n.title,
25
25
  variant: "titleMedium",
26
- children: m
27
- }), i && /* @__PURE__ */ e("div", {
26
+ children: d
27
+ }), r && /* @__PURE__ */ s("div", {
28
28
  className: n.iconButtonsContainer,
29
- children: [d && /* @__PURE__ */ t(a, {
30
- "aria-label": v,
31
- icon: B,
32
- onClick: c,
29
+ children: [u && /* @__PURE__ */ e(i, {
30
+ "aria-label": t.formatMessage(a.autofillButtonAriaLabel),
31
+ icon: g,
32
+ onClick: m,
33
33
  variant: "icon-logo"
34
- }), /* @__PURE__ */ t(a, {
35
- "aria-label": h,
36
- icon: b,
37
- onClick: r
34
+ }), /* @__PURE__ */ e(i, {
35
+ "aria-label": t.formatMessage(a.editButtonAriaLabel),
36
+ icon: f,
37
+ onClick: l
38
38
  })]
39
39
  })]
40
40
  });
41
41
  };
42
42
  export {
43
- k as MetadataInstanceHeader,
44
- v as autofillButtonAriaLabel,
45
- h as editButtonAriaLabel
43
+ L as MetadataInstanceHeader
46
44
  };
@@ -1,31 +1,41 @@
1
1
  import { FormikWrapper as l } from "./formik-wrapper.js";
2
- import { allFieldsTemplate as m, allFieldsTemplateInstance as p, customTemplate as s, customTemplateInstance as n, customTemplateInstanceWithAllFieldsEmpty as i, customTemplateInstanceWithoutEmptyValues as d, dateField as o, emptyCustomTemplateInstance as u, emptyTemplateInstance as c, enumField as F, fields as r, floatField as T, multiSelectField as I, noFieldsTemplate as y, noValueField as f, nonHiddenFieldsTemplate as x, stringField as W, templateInstanceWithAllFieldsEmpty as h, templateInstanceWithoutEmptyValues as E, templateInstancesList as A, templateOptions as V, templates as b } from "./sample-data.js";
3
- import { blur as k, updateText as B, updateTextAndBlur as C } from "./test-utils.js";
2
+ 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";
3
+ import { blur as j, checkIfFormFieldsAreDisabled as q, fetchSuggestions as v, updateText as w, updateTextAndBlur as z } from "./test-utils.js";
4
4
  export {
5
5
  l as FormikWrapper,
6
- m as allFieldsTemplate,
7
- p as allFieldsTemplateInstance,
8
- k as blur,
9
- s as customTemplate,
10
- n as customTemplateInstance,
11
- i as customTemplateInstanceWithAllFieldsEmpty,
12
- d as customTemplateInstanceWithoutEmptyValues,
13
- o as dateField,
14
- u as emptyCustomTemplateInstance,
15
- c as emptyTemplateInstance,
16
- F as enumField,
17
- r as fields,
18
- T as floatField,
19
- I as multiSelectField,
6
+ a as allFieldsSuggestions,
7
+ n as allFieldsTemplate,
8
+ i as allFieldsTemplateInstance,
9
+ m as allFieldsWithAiSuggestions,
10
+ j as blur,
11
+ q as checkIfFormFieldsAreDisabled,
12
+ p as customTemplate,
13
+ o as customTemplateInstance,
14
+ d as customTemplateInstanceWithAllFieldsEmpty,
15
+ c as customTemplateInstanceWithoutEmptyValues,
16
+ u as dateField,
17
+ F as emptyCustomTemplateInstance,
18
+ T as emptyTemplateInstance,
19
+ r as enumField,
20
+ v as fetchSuggestions,
21
+ g as fields,
22
+ I as firstTemplateInstance,
23
+ f as firstTemplateInstanceFieldsWithSuggestions,
24
+ h as firstTemplateSuggestions,
25
+ S as floatField,
26
+ W as multiSelectField,
20
27
  y as noFieldsTemplate,
21
- f as noValueField,
22
- x as nonHiddenFieldsTemplate,
23
- W as stringField,
24
- h as templateInstanceWithAllFieldsEmpty,
25
- E as templateInstanceWithoutEmptyValues,
26
- A as templateInstancesList,
27
- V as templateOptions,
28
- b as templates,
29
- B as updateText,
30
- C as updateTextAndBlur
28
+ x as noValueField,
29
+ A as nonHiddenFieldsTemplate,
30
+ E as secondTemplateInstance,
31
+ V as secondTemplateInstanceFieldsWithSuggestions,
32
+ b as secondTemplateSuggestions,
33
+ k as stringField,
34
+ B as templateInstanceWithAllFieldsEmpty,
35
+ C as templateInstanceWithoutEmptyValues,
36
+ D as templateInstancesList,
37
+ H as templateOptions,
38
+ L as templates,
39
+ w as updateText,
40
+ z as updateTextAndBlur
31
41
  };