@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.
- package/esm/index.js +16 -18
- package/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js +54 -51
- package/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-footer/metadata-instance-form-footer.js +18 -15
- package/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js +31 -23
- package/esm/lib/components/metadata-instance-list/index.js +3 -5
- package/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance/metadata-instance.js +22 -22
- package/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-header/messages.js +11 -3
- package/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js +27 -29
- package/esm/lib/test-utils/index.js +36 -26
- package/esm/lib/test-utils/sample-data.js +110 -64
- package/esm/lib/test-utils/test-utils.js +28 -11
- package/esm/lib/utils/autofill-context.js +62 -0
- package/i18n/bn-IN.js +3 -1
- package/i18n/da-DK.js +3 -1
- package/i18n/de-DE.js +3 -1
- package/i18n/en-AU.js +3 -1
- package/i18n/en-CA.js +3 -1
- package/i18n/en-GB.js +3 -1
- package/i18n/en-US.js +3 -1
- package/i18n/en-US.properties +4 -0
- package/i18n/en-x-pseudo.js +3 -1
- package/i18n/es-419.js +3 -1
- package/i18n/es-ES.js +3 -1
- package/i18n/fi-FI.js +3 -1
- package/i18n/fr-CA.js +3 -1
- package/i18n/fr-FR.js +3 -1
- package/i18n/hi-IN.js +3 -1
- package/i18n/it-IT.js +3 -1
- package/i18n/ja-JP.js +3 -1
- package/i18n/json/src/lib/components/metadata-instance-list/subcomponents/metadata-instance-header/messages.json +1 -1
- package/i18n/ko-KR.js +3 -1
- package/i18n/nb-NO.js +3 -1
- package/i18n/nl-NL.js +3 -1
- package/i18n/pl-PL.js +3 -1
- package/i18n/pt-BR.js +3 -1
- package/i18n/ru-RU.js +3 -1
- package/i18n/sv-SE.js +3 -1
- package/i18n/tr-TR.js +3 -1
- package/i18n/zh-CN.js +3 -1
- package/i18n/zh-TW.js +3 -1
- package/package.json +3 -2
- package/types/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.d.ts +1 -1
- package/types/lib/components/metadata-instance-list/subcomponents/metadata-instance/types.d.ts +1 -1
- package/types/lib/components/metadata-instance-list/subcomponents/metadata-instance-header/messages.d.ts +10 -0
- package/types/lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.d.ts +0 -2
- package/types/lib/test-utils/sample-data.d.ts +10 -2
- package/types/lib/test-utils/test-utils.d.ts +3 -0
- package/types/lib/types.d.ts +2 -0
- 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
|
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
|
6
|
-
import { CustomInstanceNewField as
|
7
|
-
import { MetadataInstanceForm as
|
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
|
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
|
13
|
-
import { MetadataEditor as
|
14
|
-
import { U as
|
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
|
-
|
17
|
+
M as CustomInstanceNewField,
|
18
18
|
p as DeleteConfirmationModal,
|
19
19
|
r as FilterDropdownMenu,
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
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
|
-
|
29
|
-
|
30
|
-
|
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 {
|
6
|
-
import {
|
7
|
-
import {
|
8
|
-
import {
|
9
|
-
import {
|
10
|
-
import {
|
11
|
-
import {
|
12
|
-
import {
|
13
|
-
import {
|
14
|
-
import {
|
15
|
-
|
16
|
-
|
17
|
-
|
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:
|
21
|
-
isUnsavedChangesModalOpen:
|
22
|
-
onCancel:
|
23
|
-
onDelete:
|
24
|
-
onSubmit:
|
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,
|
28
|
-
|
29
|
-
},
|
30
|
-
a
|
31
|
-
}, h = () => {
|
32
|
-
|
33
|
-
},
|
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
|
-
},
|
38
|
-
const a = e.
|
39
|
-
return
|
40
|
+
}, S = y(() => {
|
41
|
+
const a = e.fields.length === 0;
|
42
|
+
return i ? /* @__PURE__ */ t(_, {
|
40
43
|
isLoading: n
|
41
|
-
}) :
|
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
|
-
}, [
|
48
|
-
return /* @__PURE__ */ t(
|
49
|
-
initialValues:
|
50
|
-
onSubmit:
|
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:
|
54
|
-
}) => /* @__PURE__ */ l(
|
56
|
+
dirty: D
|
57
|
+
}) => /* @__PURE__ */ l(R, {
|
55
58
|
children: [/* @__PURE__ */ l(E, {
|
56
|
-
className:
|
57
|
-
children: [/* @__PURE__ */ 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
|
-
}),
|
64
|
+
}), S, /* @__PURE__ */ t(P, {
|
62
65
|
isLoading: n,
|
63
|
-
onCancel: () =>
|
64
|
-
onDelete:
|
66
|
+
onCancel: () => h(D),
|
67
|
+
onDelete: M
|
65
68
|
})]
|
66
|
-
}), /* @__PURE__ */ t(
|
69
|
+
}), /* @__PURE__ */ t(L, {
|
67
70
|
onDismiss: () => s(!1),
|
68
|
-
onSaveAndContinue: () =>
|
69
|
-
open:
|
70
|
-
}), /* @__PURE__ */ t(
|
71
|
-
onConfirm: () =>
|
72
|
-
onDismiss: () =>
|
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
|
-
|
83
|
+
te as MetadataInstanceForm
|
81
84
|
};
|
@@ -1,32 +1,35 @@
|
|
1
1
|
import "../../../../../../styles/metadata-instance-form-footer.css";
|
2
|
-
import { TextButton as
|
3
|
-
import { useFormikContext as
|
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
|
8
|
-
metadataInstanceFormFooter:
|
9
|
-
buttonsContainer:
|
10
|
-
buttons:
|
11
|
-
},
|
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:
|
18
|
+
isSubmitting: a,
|
18
19
|
submitForm: d
|
19
|
-
} =
|
20
|
+
} = g(), {
|
21
|
+
isFetchingSuggestions: u
|
22
|
+
} = f(), n = m || a || u;
|
20
23
|
return /* @__PURE__ */ e("div", {
|
21
|
-
className:
|
24
|
+
className: s.metadataInstanceFormFooter,
|
22
25
|
children: /* @__PURE__ */ i("div", {
|
23
|
-
className:
|
24
|
-
children: [/* @__PURE__ */ e(
|
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:
|
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:
|
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
|
-
|
52
|
+
A as MetadataInstanceFormFooter
|
50
53
|
};
|
@@ -1,40 +1,48 @@
|
|
1
1
|
import "../../../../../../styles/metadata-instance-form-header.css";
|
2
|
-
import { Text as
|
3
|
-
import { BoxAiLogo as
|
4
|
-
import { useFormikContext as
|
5
|
-
import { useIntl as
|
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
|
8
|
-
const
|
9
|
-
metadataInstanceFormHeader:
|
10
|
-
title:
|
11
|
-
},
|
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
|
-
|
15
|
-
templateName: i
|
15
|
+
templateName: m
|
16
16
|
}) => {
|
17
17
|
const {
|
18
|
-
isSubmitting:
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
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:
|
32
|
+
className: i.title,
|
25
33
|
variant: "titleMedium",
|
26
|
-
children:
|
27
|
-
}), n && /* @__PURE__ */
|
28
|
-
disabled:
|
29
|
-
icon:
|
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:
|
40
|
+
onClick: g,
|
33
41
|
variant: "secondary",
|
34
42
|
children: t.formatMessage(e.autofillButton)
|
35
43
|
})]
|
36
44
|
});
|
37
45
|
};
|
38
46
|
export {
|
39
|
-
|
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
|
2
|
+
import { MetadataInstanceHeader as n } from "./subcomponents/metadata-instance-header/metadata-instance-header.js";
|
3
3
|
export {
|
4
|
-
|
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
|
3
|
-
import { Card as
|
4
|
-
import { MetadataInstanceHeader as
|
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
|
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:
|
15
|
-
onEditWithAutofill:
|
16
|
-
templateInstance:
|
14
|
+
onEdit: u,
|
15
|
+
onEditWithAutofill: p,
|
16
|
+
templateInstance: t
|
17
17
|
}) => {
|
18
|
-
const o =
|
19
|
-
return /* @__PURE__ */ s(
|
20
|
-
children: [/* @__PURE__ */
|
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:
|
24
|
-
onEdit:
|
25
|
-
templateName:
|
26
|
-
}), /* @__PURE__ */
|
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__ */
|
28
|
+
}), i && y ? /* @__PURE__ */ e(b, {
|
29
29
|
isAnyEmptyValueHidden: v,
|
30
30
|
isBoxAiSuggestionsFeatureEnabled: d,
|
31
31
|
level: "instance",
|
32
|
-
onShowEmptyValues: () =>
|
32
|
+
onShowEmptyValues: () => r(!1)
|
33
33
|
}) : /* @__PURE__ */ s(l, {
|
34
|
-
children: [/* @__PURE__ */
|
34
|
+
children: [/* @__PURE__ */ e(D, {
|
35
35
|
shouldHideEmptyValues: i,
|
36
|
-
templateInstance:
|
36
|
+
templateInstance: t
|
37
37
|
}), c && /* @__PURE__ */ s(l, {
|
38
|
-
children: [/* @__PURE__ */
|
38
|
+
children: [/* @__PURE__ */ e(m, {
|
39
39
|
className: n.bottomDivider
|
40
|
-
}), /* @__PURE__ */
|
40
|
+
}), /* @__PURE__ */ e(V, {
|
41
41
|
isAnyEmptyValueHidden: i,
|
42
|
-
onHideEmptyValues: () =>
|
43
|
-
onShowEmptyValues: () =>
|
42
|
+
onHideEmptyValues: () => r(!0),
|
43
|
+
onShowEmptyValues: () => r(!1)
|
44
44
|
})]
|
45
45
|
})]
|
46
46
|
})]
|
package/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-header/messages.js
CHANGED
@@ -1,10 +1,18 @@
|
|
1
|
-
import { defineMessages as
|
2
|
-
const
|
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
|
-
|
17
|
+
e as default
|
10
18
|
};
|
@@ -1,46 +1,44 @@
|
|
1
1
|
import "../../../../../../styles/metadata-instance-header.css";
|
2
|
-
import { Text as
|
3
|
-
import { Pencil as
|
4
|
-
import { BoxAiLogo as
|
5
|
-
import { useIntl as
|
6
|
-
import
|
7
|
-
import { jsxs as
|
8
|
-
const _ = "_metadataInstanceHeader_1vbbg_1",
|
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:
|
10
|
+
iconButtonsContainer: I,
|
11
11
|
title: p
|
12
|
-
},
|
13
|
-
canEdit:
|
14
|
-
isAiSuggestionsFeatureEnabled:
|
15
|
-
onEdit:
|
16
|
-
onAutofill:
|
12
|
+
}, L = ({
|
13
|
+
canEdit: r,
|
14
|
+
isAiSuggestionsFeatureEnabled: c,
|
15
|
+
onEdit: l,
|
16
|
+
onAutofill: m,
|
17
17
|
templateName: o
|
18
18
|
}) => {
|
19
|
-
const
|
20
|
-
return /* @__PURE__ */
|
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__ */
|
22
|
+
children: [/* @__PURE__ */ e(b, {
|
23
23
|
as: "h1",
|
24
24
|
className: n.title,
|
25
25
|
variant: "titleMedium",
|
26
|
-
children:
|
27
|
-
}),
|
26
|
+
children: d
|
27
|
+
}), r && /* @__PURE__ */ s("div", {
|
28
28
|
className: n.iconButtonsContainer,
|
29
|
-
children: [
|
30
|
-
"aria-label":
|
31
|
-
icon:
|
32
|
-
onClick:
|
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__ */
|
35
|
-
"aria-label":
|
36
|
-
icon:
|
37
|
-
onClick:
|
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
|
-
|
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
|
3
|
-
import { blur as
|
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
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
o as
|
14
|
-
|
15
|
-
c as
|
16
|
-
|
17
|
-
|
18
|
-
T as
|
19
|
-
|
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
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
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
|
};
|