@box/metadata-editor 1.38.1 → 1.38.2

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 (15) hide show
  1. package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js +98 -102
  2. package/dist/esm/lib/components/metadata-instance-list/metadata-instance-list.js +22 -25
  3. package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance/metadata-instance.js +27 -25
  4. package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-content/metadata-instance-content.js +11 -9
  5. package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/metadata-instance-entry.js +37 -39
  6. package/dist/types/lib/components/metadata-instance-list/subcomponents/metadata-instance/metadata-instance.d.ts +1 -1
  7. package/dist/types/lib/components/metadata-instance-list/subcomponents/metadata-instance/types.d.ts +1 -0
  8. package/dist/types/lib/components/metadata-instance-list/subcomponents/metadata-instance-content/metadata-instance-content.d.ts +1 -1
  9. package/dist/types/lib/components/metadata-instance-list/subcomponents/metadata-instance-content/types.d.ts +1 -0
  10. package/dist/types/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/metadata-instance-entry.d.ts +1 -1
  11. package/dist/types/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/types.d.ts +1 -0
  12. package/package.json +9 -9
  13. package/dist/esm/lib/utils/confidence-score-context.js +0 -24
  14. package/dist/types/lib/test-utils/storybook-decorators.d.ts +0 -6
  15. package/dist/types/lib/utils/confidence-score-context.d.ts +0 -11
@@ -1,149 +1,145 @@
1
1
  import "../custom-instance-new-field/custom-instance-new-field.js";
2
- import { DeleteConfirmationModal as z } from "../delete-confirmation-modal/delete-confirmation-modal.js";
2
+ import { DeleteConfirmationModal as J } from "../delete-confirmation-modal/delete-confirmation-modal.js";
3
3
  import "../metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js";
4
4
  import "../metadata-instance-form-header/metadata-instance-form-header.js";
5
- import G from "clsx";
6
- import { Formik as H, Form as Q } from "formik";
7
- import X from "lodash/isEqual";
8
- import { useState as y, useEffect as S, useRef as x, useMemo as Y } from "react";
9
- import { TEMPLATE_CUSTOM_PROPERTIES as Z } from "../../../../constants.js";
10
- import { useAutofill as ee } from "../../../../utils/autofill-context.js";
11
- import { ConfidenceScoreContextProvider as te } from "../../../../utils/confidence-score-context.js";
12
- import { TemplateInstance as ne } from "../../../metadata-editor-fields/metadata-editor-fields.js";
13
- import { MetadataEmptyState as ae } from "../../../metadata-empty-state/metadata-empty-state.js";
14
- import { AutofillOverlay as oe } from "../autofill-overlay/autofill-overlay.js";
15
- import { CustomInstance as se } from "../custom-instance/custom-instance.js";
16
- import { c as re } from "../../../../../../chunks/utils.js";
17
- import { s as d, M as ie } from "../../../../../../chunks/metadata-instance-form-card-wrapper.js";
18
- import { jsx as t, jsxs as O } from "react/jsx-runtime";
19
- import { UnsavedChangesModal as le } from "../../../unsaved-changes-modal/unsaved-changes-modal.js";
20
- const me = ({
5
+ import z from "clsx";
6
+ import { Formik as G, Form as H } from "formik";
7
+ import Q from "lodash/isEqual";
8
+ import { useState as y, useEffect as O, useRef as x, useMemo as X } from "react";
9
+ import { TEMPLATE_CUSTOM_PROPERTIES as Y } from "../../../../constants.js";
10
+ import { useAutofill as Z } from "../../../../utils/autofill-context.js";
11
+ import { TemplateInstance as ee } from "../../../metadata-editor-fields/metadata-editor-fields.js";
12
+ import { MetadataEmptyState as te } from "../../../metadata-empty-state/metadata-empty-state.js";
13
+ import { AutofillOverlay as ae } from "../autofill-overlay/autofill-overlay.js";
14
+ import { CustomInstance as ne } from "../custom-instance/custom-instance.js";
15
+ import { c as oe } from "../../../../../../chunks/utils.js";
16
+ import { s as d, M as se } from "../../../../../../chunks/metadata-instance-form-card-wrapper.js";
17
+ import { jsx as n, jsxs as S } from "react/jsx-runtime";
18
+ import { UnsavedChangesModal as re } from "../../../unsaved-changes-modal/unsaved-changes-modal.js";
19
+ const ie = ({
21
20
  dirty: i,
22
21
  onChange: l,
23
- values: n
22
+ values: t
24
23
  }) => {
25
- const s = x(n);
26
- return i && !X(s.current.metadata.fields, n.metadata.fields) && (s.current = n, l(n)), null;
27
- }, Ae = (i) => {
24
+ const s = x(t);
25
+ return i && !Q(s.current.metadata.fields, t.metadata.fields) && (s.current = t, l(t)), null;
26
+ }, Ie = (i) => {
28
27
  const {
29
28
  areAiSuggestionsAvailable: l,
30
- customRef: n,
29
+ customRef: t,
31
30
  isLargeFile: s,
32
31
  errorCode: m,
33
32
  isAiSuggestionsFeatureEnabled: c,
34
33
  isAdvancedExtractAgentEnabled: D = !1,
35
- isBetaLanguageEnabled: v,
36
- isDeleteButtonDisabled: I,
34
+ isBetaLanguageEnabled: I,
35
+ isDeleteButtonDisabled: v,
37
36
  isDeleteConfirmationModalCheckboxEnabled: A,
38
- isMultilevelTaxonomyFieldEnabled: f,
37
+ isMultilevelTaxonomyFieldEnabled: p,
39
38
  isUnsavedChangesModalOpen: T = !1,
40
39
  MetadataInstanceFormCustomWrapper: w,
41
40
  selectedTemplateInstance: e,
42
41
  onCancel: R,
43
- onChange: p,
42
+ onChange: f,
44
43
  onDelete: L,
45
- onDiscardUnsavedChanges: P,
46
- onSubmit: k,
44
+ onDiscardUnsavedChanges: k,
45
+ onSubmit: N,
47
46
  setIsUnsavedChangesModalOpen: u,
48
47
  taxonomyOptionsFetcher: g,
49
- isConfidenceScoreReviewEnabled: N = !1
50
- } = i, U = w ?? ie, [B, C] = y(!1), {
48
+ isConfidenceScoreReviewEnabled: le = !1
49
+ } = i, P = w ?? se, [U, E] = y(!1), {
51
50
  isFetchingSuggestions: o,
52
- isLongLoading: E,
53
- getAiSuggestions: K,
51
+ isLongLoading: C,
52
+ getAiSuggestions: B,
54
53
  clearState: h,
55
- suggestions: V
56
- } = ee();
57
- S(() => () => {
54
+ suggestions: K
55
+ } = Z();
56
+ O(() => () => {
58
57
  h();
59
58
  }, [h, e?.id]);
60
- const b = e?.templateKey === Z, W = async (a) => {
61
- await k(a, re(a, e));
62
- }, j = (a) => {
59
+ const b = e?.templateKey === Y, V = async (a) => {
60
+ await N(a, oe(a, e));
61
+ }, W = (a) => {
63
62
  a ? u(!0) : R();
64
- }, _ = () => {
65
- C(!0);
66
- }, $ = {
63
+ }, j = () => {
64
+ E(!0);
65
+ }, _ = {
67
66
  metadata: {
68
67
  ...e
69
68
  }
70
- }, F = x(null), [M, q] = y(null);
71
- S(() => {
72
- q(n ?? F.current);
73
- }, [n, e?.templateKey, e?.scope]);
74
- const J = Y(() => {
69
+ }, F = x(null), [M, $] = y(null);
70
+ O(() => {
71
+ $(t ?? F.current);
72
+ }, [t, e?.templateKey, e?.scope]);
73
+ const q = X(() => {
75
74
  const a = e?.fields.length === 0;
76
75
  if (b)
77
- return /* @__PURE__ */ t(se, {
76
+ return /* @__PURE__ */ n(ne, {
78
77
  isLoading: o
79
78
  });
80
79
  if (a)
81
- return /* @__PURE__ */ t(ae, {
80
+ return /* @__PURE__ */ n(te, {
82
81
  isBoxAiSuggestionsFeatureEnabled: c,
83
82
  level: "instance"
84
83
  });
85
84
  const r = !!(o || m);
86
- return /* @__PURE__ */ O("div", {
87
- className: G(d.metadataInstanceFormContent, r && d.showOverlay),
88
- children: [/* @__PURE__ */ t(oe, {
85
+ return /* @__PURE__ */ S("div", {
86
+ className: z(d.metadataInstanceFormContent, r && d.showOverlay),
87
+ children: [/* @__PURE__ */ n(ae, {
89
88
  errorCode: m,
90
89
  isFetchingSuggestions: o,
91
- isLongLoading: E
92
- }), /* @__PURE__ */ t(ne, {
90
+ isLongLoading: C
91
+ }), /* @__PURE__ */ n(ee, {
93
92
  disableForm: o,
94
93
  isExternallyOwned: e?.isExternallyOwned,
95
- isMultilevelTaxonomyFieldEnabled: f,
96
- portalElement: n ?? M,
94
+ isMultilevelTaxonomyFieldEnabled: p,
95
+ portalElement: t ?? M,
97
96
  taxonomyOptionsFetcher: g
98
97
  })]
99
98
  });
100
- }, [e?.fields.length, b, o, E, n, M, g, c, f, m, e?.isExternallyOwned]);
101
- return /* @__PURE__ */ t(te, {
102
- isConfidenceScoreReviewEnabled: N,
103
- children: /* @__PURE__ */ t(H, {
104
- initialValues: $,
105
- onSubmit: W,
106
- children: ({
107
- values: a,
108
- dirty: r
109
- }) => /* @__PURE__ */ O(Q, {
110
- children: [/* @__PURE__ */ t(U, {
111
- areAiSuggestionsAvailable: l,
112
- className: d.metadataInstanceForm,
113
- formRef: F,
114
- formValues: a,
115
- getAiSuggestions: K,
116
- handleCancel: j,
117
- handleDelete: _,
118
- isAdvancedExtractAgentEnabled: D,
119
- isAiSuggestionsFeatureEnabled: c,
120
- isBetaLanguageEnabled: v,
121
- isDeleteButtonDisabled: I,
122
- isFetchingSuggestions: o,
123
- isFormDirty: r,
124
- isLargeFile: s,
125
- selectedTemplateInstance: e,
126
- suggestions: V,
127
- children: e && J
128
- }), p && /* @__PURE__ */ t(me, {
129
- dirty: r,
130
- onChange: p,
131
- values: a
132
- }), /* @__PURE__ */ t(le, {
133
- onBackToEdit: () => u(!1),
134
- onDiscardChanges: P,
135
- open: T
136
- }), /* @__PURE__ */ t(z, {
137
- isCheckboxEnabled: A,
138
- onConfirm: () => L(e),
139
- onDismiss: () => C(!1),
140
- open: B,
141
- templateName: e?.displayName
142
- })]
143
- })
144
- }, `${e?.scope}.${e?.templateKey}`)
145
- });
99
+ }, [e?.fields.length, b, o, C, t, M, g, c, p, m, e?.isExternallyOwned]);
100
+ return /* @__PURE__ */ n(G, {
101
+ initialValues: _,
102
+ onSubmit: V,
103
+ children: ({
104
+ values: a,
105
+ dirty: r
106
+ }) => /* @__PURE__ */ S(H, {
107
+ children: [/* @__PURE__ */ n(P, {
108
+ areAiSuggestionsAvailable: l,
109
+ className: d.metadataInstanceForm,
110
+ formRef: F,
111
+ formValues: a,
112
+ getAiSuggestions: B,
113
+ handleCancel: W,
114
+ handleDelete: j,
115
+ isAdvancedExtractAgentEnabled: D,
116
+ isAiSuggestionsFeatureEnabled: c,
117
+ isBetaLanguageEnabled: I,
118
+ isDeleteButtonDisabled: v,
119
+ isFetchingSuggestions: o,
120
+ isFormDirty: r,
121
+ isLargeFile: s,
122
+ selectedTemplateInstance: e,
123
+ suggestions: K,
124
+ children: e && q
125
+ }), f && /* @__PURE__ */ n(ie, {
126
+ dirty: r,
127
+ onChange: f,
128
+ values: a
129
+ }), /* @__PURE__ */ n(re, {
130
+ onBackToEdit: () => u(!1),
131
+ onDiscardChanges: k,
132
+ open: T
133
+ }), /* @__PURE__ */ n(J, {
134
+ isCheckboxEnabled: A,
135
+ onConfirm: () => L(e),
136
+ onDismiss: () => E(!1),
137
+ open: U,
138
+ templateName: e?.displayName
139
+ })]
140
+ })
141
+ }, `${e?.scope}.${e?.templateKey}`);
146
142
  };
147
143
  export {
148
- Ae as MetadataInstanceForm
144
+ Ie as MetadataInstanceForm
149
145
  };
@@ -1,34 +1,31 @@
1
- import { ConfidenceScoreContextProvider as d } from "../../utils/confidence-score-context.js";
2
- import { getVisibleTemplates as f } from "../../utils/utils.js";
1
+ import { getVisibleTemplates as d } from "../../utils/utils.js";
3
2
  import { MetadataInstance as l } from "./subcomponents/metadata-instance/metadata-instance.js";
4
- import { jsx as t } from "react/jsx-runtime";
3
+ import { jsx as a } from "react/jsx-runtime";
5
4
  import "./subcomponents/metadata-instance-header/metadata-instance-header.js";
6
- import '../../../../styles/metadata-instance-list.css';const p = "_metadataInstanceList_bd83w_1", I = {
5
+ import '../../../../styles/metadata-instance-list.css';const p = "_metadataInstanceList_bd83w_1", f = {
7
6
  metadataInstanceList: p
8
- }, v = ({
9
- areAiSuggestionsAvailable: e,
10
- isAiSuggestionsFeatureEnabled: s,
7
+ }, x = ({
8
+ areAiSuggestionsAvailable: s,
9
+ isAiSuggestionsFeatureEnabled: e,
11
10
  isBetaLanguageEnabled: n,
12
11
  onEdit: i,
13
- templateInstances: o,
14
- taxonomyNodeFetcher: r,
15
- isAdvancedExtractAgentEnabled: m = !1,
12
+ templateInstances: m,
13
+ taxonomyNodeFetcher: o,
14
+ isAdvancedExtractAgentEnabled: r = !1,
16
15
  isConfidenceScoreReviewEnabled: c = !1
17
- }) => /* @__PURE__ */ t(d, {
18
- isConfidenceScoreReviewEnabled: c,
19
- children: /* @__PURE__ */ t("div", {
20
- className: I.metadataInstanceList,
21
- children: f(o).map((a) => /* @__PURE__ */ t(l, {
22
- areAiSuggestionsAvailable: e,
23
- isAdvancedExtractAgentEnabled: m,
24
- isAiSuggestionsFeatureEnabled: s,
25
- isBetaLanguageEnabled: n,
26
- onEdit: i,
27
- taxonomyNodeFetcher: r,
28
- templateInstance: a
29
- }, a.id))
30
- })
16
+ }) => /* @__PURE__ */ a("div", {
17
+ className: f.metadataInstanceList,
18
+ children: d(m).map((t) => /* @__PURE__ */ a(l, {
19
+ areAiSuggestionsAvailable: s,
20
+ isAdvancedExtractAgentEnabled: r,
21
+ isAiSuggestionsFeatureEnabled: e,
22
+ isBetaLanguageEnabled: n,
23
+ isConfidenceScoreReviewEnabled: c,
24
+ onEdit: i,
25
+ taxonomyNodeFetcher: o,
26
+ templateInstance: t
27
+ }, t.id))
31
28
  });
32
29
  export {
33
- v as MetadataInstanceList
30
+ x as MetadataInstanceList
34
31
  };
@@ -1,54 +1,56 @@
1
- import { Card as S, Divider as n } from "@box/blueprint-web";
2
- import { useState as b } from "react";
3
- import { useAutofill as g } from "../../../../utils/autofill-context.js";
4
- import { MetadataEmptyState as H } from "../../../metadata-empty-state/metadata-empty-state.js";
5
- import { MetadataInstanceContent as _ } from "../metadata-instance-content/metadata-instance-content.js";
6
- import { MetadataInstanceFooter as M } from "../metadata-instance-footer/metadata-instance-footer.js";
7
- import { MetadataInstanceHeader as N } from "../metadata-instance-header/metadata-instance-header.js";
1
+ import { Card as b, Divider as n } from "@box/blueprint-web";
2
+ import { useState as g } from "react";
3
+ import { useAutofill as H } from "../../../../utils/autofill-context.js";
4
+ import { MetadataEmptyState as _ } from "../../../metadata-empty-state/metadata-empty-state.js";
5
+ import { MetadataInstanceContent as M } from "../metadata-instance-content/metadata-instance-content.js";
6
+ import { MetadataInstanceFooter as N } from "../metadata-instance-footer/metadata-instance-footer.js";
7
+ import { MetadataInstanceHeader as x } from "../metadata-instance-header/metadata-instance-header.js";
8
8
  import { jsxs as r, jsx as o, Fragment as u } from "react/jsx-runtime";
9
- import '../../../../../../styles/metadata-instance.css';const x = "_topDivider_tzhlb_1", F = "_bottomDivider_tzhlb_5", p = {
10
- topDivider: x,
11
- bottomDivider: F
12
- }, q = ({
9
+ import '../../../../../../styles/metadata-instance.css';const F = "_topDivider_tzhlb_1", j = "_bottomDivider_tzhlb_5", p = {
10
+ topDivider: F,
11
+ bottomDivider: j
12
+ }, G = ({
13
13
  areAiSuggestionsAvailable: y,
14
14
  isAiSuggestionsFeatureEnabled: l,
15
15
  isBetaLanguageEnabled: c,
16
16
  onEdit: d,
17
17
  templateInstance: t,
18
18
  taxonomyNodeFetcher: h,
19
- isAdvancedExtractAgentEnabled: v = !1
19
+ isAdvancedExtractAgentEnabled: v = !1,
20
+ isConfidenceScoreReviewEnabled: E
20
21
  }) => {
21
- const i = t.fields, m = (e) => !e.value || Array.isArray(e.value) && e.value.length === 0, E = i.every(m), f = i.some(m), V = i.length > 0, [a, s] = b(!0), {
22
- getAiSuggestions: A
23
- } = g(), D = (e) => {
24
- d(t), A(t.templateKey, t.scope, e);
22
+ const i = t.fields, m = (e) => !e.value || Array.isArray(e.value) && e.value.length === 0, f = i.every(m), V = i.some(m), A = i.length > 0, [a, s] = g(!0), {
23
+ getAiSuggestions: D
24
+ } = H(), S = (e) => {
25
+ d(t), D(t.templateKey, t.scope, e);
25
26
  };
26
- return /* @__PURE__ */ r(S, {
27
- children: [/* @__PURE__ */ o(N, {
27
+ return /* @__PURE__ */ r(b, {
28
+ children: [/* @__PURE__ */ o(x, {
28
29
  areAiSuggestionsAvailable: y,
29
30
  canEdit: t.canEdit,
30
31
  isAdvancedExtractAgentEnabled: v,
31
32
  isAiSuggestionsFeatureEnabled: l,
32
33
  isBetaLanguageEnabled: c,
33
- onAutofill: D,
34
+ onAutofill: S,
34
35
  onEdit: () => d(t),
35
36
  templateName: t?.displayName
36
37
  }), /* @__PURE__ */ o(n, {
37
38
  className: p.topDivider
38
- }), a && E ? /* @__PURE__ */ o(H, {
39
- isAnyEmptyValueHidden: V,
39
+ }), a && f ? /* @__PURE__ */ o(_, {
40
+ isAnyEmptyValueHidden: A,
40
41
  isBoxAiSuggestionsFeatureEnabled: l,
41
42
  level: "instance",
42
43
  onShowEmptyValues: () => s(!1)
43
44
  }) : /* @__PURE__ */ r(u, {
44
- children: [/* @__PURE__ */ o(_, {
45
+ children: [/* @__PURE__ */ o(M, {
46
+ isConfidenceScoreReviewEnabled: E,
45
47
  shouldHideEmptyValues: a,
46
48
  taxonomyNodeFetcher: h,
47
49
  templateInstance: t
48
- }), f && /* @__PURE__ */ r(u, {
50
+ }), V && /* @__PURE__ */ r(u, {
49
51
  children: [/* @__PURE__ */ o(n, {
50
52
  className: p.bottomDivider
51
- }), /* @__PURE__ */ o(M, {
53
+ }), /* @__PURE__ */ o(N, {
52
54
  isAnyEmptyValueHidden: a,
53
55
  onHideEmptyValues: () => s(!0),
54
56
  onShowEmptyValues: () => s(!1)
@@ -58,5 +60,5 @@ import '../../../../../../styles/metadata-instance.css';const x = "_topDivider_t
58
60
  });
59
61
  };
60
62
  export {
61
- q as MetadataInstance
63
+ G as MetadataInstance
62
64
  };
@@ -1,20 +1,22 @@
1
- import { MetadataInstanceEntry as c } from "../metadata-instance-entry/metadata-instance-entry.js";
1
+ import { MetadataInstanceEntry as r } from "../metadata-instance-entry/metadata-instance-entry.js";
2
2
  import { jsx as e } from "react/jsx-runtime";
3
- import '../../../../../../styles/metadata-instance-content.css';const r = "_metadataInstanceContent_1a9zf_1", m = {
4
- metadataInstanceContent: r
5
- }, p = ({
3
+ import '../../../../../../styles/metadata-instance-content.css';const m = "_metadataInstanceContent_1a9zf_1", y = {
4
+ metadataInstanceContent: m
5
+ }, i = ({
6
6
  shouldHideEmptyValues: a,
7
7
  templateInstance: n,
8
- taxonomyNodeFetcher: o
8
+ taxonomyNodeFetcher: o,
9
+ isConfidenceScoreReviewEnabled: s
9
10
  }) => {
10
11
  const {
11
- fields: s = []
12
+ fields: c = []
12
13
  } = n;
13
14
  return /* @__PURE__ */ e("div", {
14
- className: m.metadataInstanceContent,
15
- children: s.filter((t) => !t.hidden).map((t) => /* @__PURE__ */ e(c, {
15
+ className: y.metadataInstanceContent,
16
+ children: c.filter((t) => !t.hidden).map((t) => /* @__PURE__ */ e(r, {
16
17
  confidenceScore: t.confidenceScore,
17
18
  description: t.description,
19
+ isConfidenceScoreReviewEnabled: s,
18
20
  isExternallyOwned: n.isExternallyOwned,
19
21
  name: t.displayName || t.key,
20
22
  scope: t.namespace,
@@ -27,5 +29,5 @@ import '../../../../../../styles/metadata-instance-content.css';const r = "_meta
27
29
  });
28
30
  };
29
31
  export {
30
- p as MetadataInstanceContent
32
+ i as MetadataInstanceContent
31
33
  };
@@ -1,91 +1,89 @@
1
- import { Tooltip as C, Status as _, Text as h } from "@box/blueprint-web";
2
- import { AlertCircle as x } from "@box/blueprint-web-assets/icons/Medium";
3
- import { useIntl as b, FormattedDate as g } from "react-intl";
4
- import { convertISOStringToUTCDate as T } from "../../../../utils/convertDate.js";
1
+ import { Tooltip as _, Status as h, Text as x } from "@box/blueprint-web";
2
+ import { AlertCircle as C } from "@box/blueprint-web-assets/icons/Medium";
3
+ import { useIntl as g, FormattedDate as T } from "react-intl";
4
+ import { convertISOStringToUTCDate as b } from "../../../../utils/convertDate.js";
5
5
  import { C as v } from "../../../../../../chunks/types.js";
6
- import { useIsConfidenceScoreReviewEnabled as E } from "../../../../utils/confidence-score-context.js";
7
6
  import { getConfidenceScoreTooltip as D } from "../../../../utils/confidence-score/get-confidence-score-tooltip.js";
8
- import w from "../../../interactive-text/interactive-text.js";
7
+ import E from "../../../interactive-text/interactive-text.js";
9
8
  import { MetadataEntryDisplay as L } from "./metadata-entry-display.js";
10
9
  import N from "./messages.js";
11
- import { jsxs as m, jsx as t } from "react/jsx-runtime";
12
- import '../../../../../../styles/metadata-instance-entry.css';const A = "_metadataInstanceEntry_fr9av_1", M = "_name_fr9av_6", j = "_labelContainer_fr9av_14", O = "_confidenceScoreIcon_fr9av_20", n = {
10
+ import { jsxs as m, jsx as e } from "react/jsx-runtime";
11
+ import '../../../../../../styles/metadata-instance-entry.css';const A = "_metadataInstanceEntry_fr9av_1", M = "_name_fr9av_6", j = "_labelContainer_fr9av_14", w = "_confidenceScoreIcon_fr9av_20", n = {
13
12
  metadataInstanceEntry: A,
14
13
  name: M,
15
14
  labelContainer: j,
16
- confidenceScoreIcon: O
17
- }, Q = ({
18
- description: r,
15
+ confidenceScoreIcon: w
16
+ }, K = ({
17
+ description: o,
19
18
  name: a,
20
19
  shouldHideEmptyValues: f,
21
20
  type: c,
22
- value: e,
21
+ value: t,
23
22
  taxonomyNodeFetcher: d,
24
23
  taxonomyKey: u,
25
- scope: S,
26
- isExternallyOwned: p,
27
- confidenceScore: o
24
+ scope: p,
25
+ isExternallyOwned: y,
26
+ confidenceScore: r,
27
+ isConfidenceScoreReviewEnabled: S = !1
28
28
  }) => {
29
- const {
30
- isConfidenceScoreReviewEnabled: y
31
- } = E(), i = b(), s = y && o?.status === v.ReviewIsNeeded ? D(i.formatMessage, o.status, o.value) : null, l = (() => {
32
- if (typeof e == "number")
33
- return e.toString();
34
- if (!e)
29
+ const i = g(), s = S && r?.status === v.ReviewIsNeeded ? D(i.formatMessage, r.status, r.value) : null, l = (() => {
30
+ if (typeof t == "number")
31
+ return t.toString();
32
+ if (!t)
35
33
  return null;
36
- if (Array.isArray(e))
37
- return e.join(", ");
38
- if (c === "date" && typeof e == "string") {
39
- const I = T(e);
40
- return /* @__PURE__ */ t(g, {
34
+ if (Array.isArray(t))
35
+ return t.join(", ");
36
+ if (c === "date" && typeof t == "string") {
37
+ const I = b(t);
38
+ return /* @__PURE__ */ e(T, {
41
39
  day: "numeric",
42
40
  month: "long",
43
41
  value: I,
44
42
  year: "numeric"
45
43
  });
46
44
  }
47
- return e;
45
+ return t;
48
46
  })();
49
47
  return f && !l ? null : /* @__PURE__ */ m("div", {
50
48
  className: n.metadataInstanceEntry,
51
49
  children: [/* @__PURE__ */ m("div", {
52
50
  className: n.labelContainer,
53
- children: [s && /* @__PURE__ */ t(C, {
51
+ children: [s && /* @__PURE__ */ e(_, {
54
52
  content: s,
55
- children: /* @__PURE__ */ t("span", {
53
+ children: /* @__PURE__ */ e("span", {
56
54
  className: n.confidenceScoreIcon,
57
- children: /* @__PURE__ */ t(_, {
55
+ children: /* @__PURE__ */ e(h, {
58
56
  color: "SurfaceStatusSurfaceGray",
59
57
  hideText: !0,
60
- icon: x,
58
+ icon: C,
61
59
  interactive: !0,
62
60
  text: i.formatMessage(N.confidenceScoreIconAriaLabel)
63
61
  })
64
62
  })
65
- }), /* @__PURE__ */ t(h, {
63
+ }), /* @__PURE__ */ e(x, {
66
64
  as: "h5",
67
65
  color: "textOnLightSecondary",
68
66
  variant: "bodyDefaultBold",
69
67
  className: n.name,
70
- children: r ? /* @__PURE__ */ t(w, {
68
+ children: o ? /* @__PURE__ */ e(E, {
71
69
  as: "span",
72
70
  color: "textOnLightSecondary",
73
- tooltipText: r,
71
+ tooltipText: o,
74
72
  variant: "bodyDefaultBold",
75
73
  children: a
76
74
  }) : a
77
75
  })]
78
- }), /* @__PURE__ */ t(L, {
76
+ }), /* @__PURE__ */ e(L, {
79
77
  formattedValue: l,
80
- isExternallyOwned: p,
81
- scope: S,
78
+ isExternallyOwned: y,
79
+ scope: p,
82
80
  taxonomyKey: u,
83
81
  taxonomyNodeFetcher: d,
84
82
  type: c,
85
- value: e
83
+ value: t
86
84
  })]
87
85
  });
88
86
  };
89
87
  export {
90
- Q as MetadataInstanceEntry
88
+ K as MetadataInstanceEntry
91
89
  };
@@ -1,2 +1,2 @@
1
1
  import { MetadataInstanceProps } from './types';
2
- export declare const MetadataInstance: ({ areAiSuggestionsAvailable, isAiSuggestionsFeatureEnabled, isBetaLanguageEnabled, onEdit, templateInstance, taxonomyNodeFetcher, isAdvancedExtractAgentEnabled, }: MetadataInstanceProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const MetadataInstance: ({ areAiSuggestionsAvailable, isAiSuggestionsFeatureEnabled, isBetaLanguageEnabled, onEdit, templateInstance, taxonomyNodeFetcher, isAdvancedExtractAgentEnabled, isConfidenceScoreReviewEnabled, }: MetadataInstanceProps) => import("react/jsx-runtime").JSX.Element;
@@ -8,4 +8,5 @@ export type MetadataInstanceProps = {
8
8
  templateInstance: MetadataTemplateInstance;
9
9
  taxonomyNodeFetcher: TaxonomyNodeFetcher;
10
10
  isAdvancedExtractAgentEnabled?: boolean;
11
+ isConfidenceScoreReviewEnabled?: boolean;
11
12
  };
@@ -1,2 +1,2 @@
1
1
  import { MetadataInstanceContentProps } from './types';
2
- export declare const MetadataInstanceContent: ({ shouldHideEmptyValues, templateInstance, taxonomyNodeFetcher, }: MetadataInstanceContentProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const MetadataInstanceContent: ({ shouldHideEmptyValues, templateInstance, taxonomyNodeFetcher, isConfidenceScoreReviewEnabled, }: MetadataInstanceContentProps) => import("react/jsx-runtime").JSX.Element;
@@ -4,4 +4,5 @@ export type MetadataInstanceContentProps = {
4
4
  shouldHideEmptyValues: boolean;
5
5
  templateInstance: MetadataTemplateInstance;
6
6
  taxonomyNodeFetcher: TaxonomyNodeFetcher;
7
+ isConfidenceScoreReviewEnabled?: boolean;
7
8
  };
@@ -1,2 +1,2 @@
1
1
  import { MetadataInstanceEntryProps } from './types';
2
- export declare const MetadataInstanceEntry: ({ description, name, shouldHideEmptyValues, type, value, taxonomyNodeFetcher, taxonomyKey, scope, isExternallyOwned, confidenceScore, }: MetadataInstanceEntryProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const MetadataInstanceEntry: ({ description, name, shouldHideEmptyValues, type, value, taxonomyNodeFetcher, taxonomyKey, scope, isExternallyOwned, confidenceScore, isConfidenceScoreReviewEnabled, }: MetadataInstanceEntryProps) => import("react/jsx-runtime").JSX.Element;
@@ -33,6 +33,7 @@ export type MetadataInstanceEntryProps = {
33
33
  description?: string;
34
34
  isExternallyOwned?: boolean;
35
35
  confidenceScore?: ConfidenceScoreData;
36
+ isConfidenceScoreReviewEnabled?: boolean;
36
37
  };
37
38
  export type MetadataEntryDisplayProps = {
38
39
  formattedValue: ReactNode;
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@box/metadata-editor",
3
- "version": "1.38.1",
3
+ "version": "1.38.2",
4
4
  "peerDependencies": {
5
5
  "@ariakit/react": "0.4.15",
6
- "@box/box-ai-agent-selector": "^1.30.3",
7
- "@box/blueprint-web": "^12.135.1",
8
- "@box/blueprint-web-assets": "^4.101.2",
9
- "@box/combobox-with-api": "^1.32.3",
6
+ "@box/box-ai-agent-selector": "^1.30.4",
7
+ "@box/blueprint-web": "^12.136.0",
8
+ "@box/blueprint-web-assets": "^4.101.3",
9
+ "@box/combobox-with-api": "^1.32.4",
10
10
  "formik": "^2.0.3",
11
11
  "lodash": "^4.17.15",
12
12
  "react": "^17.0.0 || ^18.0.0",
@@ -15,11 +15,11 @@
15
15
  },
16
16
  "devDependencies": {
17
17
  "@ariakit/react": "0.4.15",
18
- "@box/box-ai-agent-selector": "^1.30.3",
18
+ "@box/box-ai-agent-selector": "^1.30.4",
19
19
  "@box/babel-plugin-target-attributes": "1.4.0",
20
- "@box/blueprint-web": "^12.135.1",
21
- "@box/blueprint-web-assets": "^4.101.2",
22
- "@box/storybook-utils": "^0.16.39",
20
+ "@box/blueprint-web": "^12.136.0",
21
+ "@box/blueprint-web-assets": "^4.101.3",
22
+ "@box/storybook-utils": "^0.16.40",
23
23
  "@testing-library/react": "^15.0.6",
24
24
  "react": "^18.3.0",
25
25
  "react-dom": "^18.3.0",
@@ -1,24 +0,0 @@
1
- import { createContext as t, useMemo as c, useContext as s } from "react";
2
- import { jsx as i } from "react/jsx-runtime";
3
- const r = /* @__PURE__ */ t(null), C = ({
4
- children: e,
5
- isConfidenceScoreReviewEnabled: o
6
- }) => {
7
- const n = c(() => ({
8
- isConfidenceScoreReviewEnabled: o
9
- }), [o]);
10
- return /* @__PURE__ */ i(r.Provider, {
11
- value: n,
12
- children: e
13
- });
14
- }, f = () => {
15
- const e = s(r);
16
- if (!e)
17
- throw new Error("useConfidenceScore should be wrapped inside ConfidenceScoreContextProvider");
18
- return e;
19
- };
20
- export {
21
- r as ConfidenceScoreContext,
22
- C as ConfidenceScoreContextProvider,
23
- f as useIsConfidenceScoreReviewEnabled
24
- };
@@ -1,6 +0,0 @@
1
- import { Decorator } from '@storybook/react';
2
- /**
3
- * Decorator that wraps stories with ConfidenceScoreContextProvider
4
- * @param isConfidenceScoreReviewEnabled - Whether confidence score review is enabled
5
- */
6
- export declare const withConfidenceScoreContext: (isConfidenceScoreReviewEnabled: boolean) => Decorator;
@@ -1,11 +0,0 @@
1
- import { default as React } from 'react';
2
- export interface ConfidenceScoreContextType {
3
- isConfidenceScoreReviewEnabled: boolean;
4
- }
5
- export interface ConfidenceScoreContextProviderProps {
6
- children: React.ReactNode;
7
- isConfidenceScoreReviewEnabled: boolean;
8
- }
9
- export declare const ConfidenceScoreContext: React.Context<ConfidenceScoreContextType>;
10
- export declare const ConfidenceScoreContextProvider: ({ children, isConfidenceScoreReviewEnabled, }: ConfidenceScoreContextProviderProps) => React.ReactElement;
11
- export declare const useIsConfidenceScoreReviewEnabled: () => ConfidenceScoreContextType;