@box/metadata-template-editor 2.2.22 → 2.2.24
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/dist/chunks/chip.js +3 -2
- package/dist/chunks/metadata-field-configurator.module.js +18 -18
- package/dist/esm/lib/components/metadata-field-configurator/components/field-edit-content/field-edit-content.js +53 -51
- package/dist/styles/chip.css +1 -1
- package/dist/styles/metadata-field-configurator.css +1 -1
- package/package.json +6 -6
package/dist/chunks/chip.js
CHANGED
|
@@ -4,8 +4,8 @@ import { useIntl as n } from "react-intl";
|
|
|
4
4
|
import { jsx as r } from "react/jsx-runtime";
|
|
5
5
|
import i from "clsx";
|
|
6
6
|
import '../styles/chip.css';var a = {
|
|
7
|
-
chip: "
|
|
8
|
-
selected: "
|
|
7
|
+
chip: "_chip_plmye_1",
|
|
8
|
+
selected: "_selected_plmye_8"
|
|
9
9
|
}, o = /* @__PURE__ */ function(e) {
|
|
10
10
|
return e.Selected = "selected", e.Unselected = "unselected", e;
|
|
11
11
|
}({}), s = ({ value: o, selected: s = !1 }) => {
|
|
@@ -13,6 +13,7 @@ import '../styles/chip.css';var a = {
|
|
|
13
13
|
return /* @__PURE__ */ r(t, {
|
|
14
14
|
as: "span",
|
|
15
15
|
className: i(a.chip, { [a.selected]: s }),
|
|
16
|
+
color: s ? "textOnDarkDefault" : "textOnLightDefault",
|
|
16
17
|
"data-state": s ? "selected" : "unselected",
|
|
17
18
|
"aria-label": `${o}: ${l}`,
|
|
18
19
|
children: o
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import '../styles/metadata-field-configurator.css';var e = {
|
|
2
|
-
fieldset: "
|
|
3
|
-
expandedContent: "
|
|
4
|
-
basic: "
|
|
5
|
-
fieldTypeSelect: "
|
|
6
|
-
typeSpecific: "
|
|
7
|
-
description: "
|
|
8
|
-
labelWithTooltip: "
|
|
9
|
-
fieldActionSlot: "
|
|
10
|
-
expandedToolbarActions: "
|
|
11
|
-
extensionTabsContainer: "
|
|
12
|
-
extensionContent: "
|
|
13
|
-
fieldCollapsedText: "
|
|
14
|
-
expanded: "
|
|
15
|
-
contextMenuWithCollapsedText: "
|
|
16
|
-
fieldAccordionItem: "
|
|
17
|
-
fieldContextMenu: "
|
|
18
|
-
menuOpen: "
|
|
19
|
-
hiddenBadge: "
|
|
2
|
+
fieldset: "_fieldset_vz23z_1",
|
|
3
|
+
expandedContent: "_expandedContent_vz23z_7",
|
|
4
|
+
basic: "_basic_vz23z_13",
|
|
5
|
+
fieldTypeSelect: "_fieldTypeSelect_vz23z_18",
|
|
6
|
+
typeSpecific: "_typeSpecific_vz23z_22",
|
|
7
|
+
description: "_description_vz23z_29",
|
|
8
|
+
labelWithTooltip: "_labelWithTooltip_vz23z_34",
|
|
9
|
+
fieldActionSlot: "_fieldActionSlot_vz23z_39",
|
|
10
|
+
expandedToolbarActions: "_expandedToolbarActions_vz23z_46",
|
|
11
|
+
extensionTabsContainer: "_extensionTabsContainer_vz23z_52",
|
|
12
|
+
extensionContent: "_extensionContent_vz23z_58",
|
|
13
|
+
fieldCollapsedText: "_fieldCollapsedText_vz23z_62",
|
|
14
|
+
expanded: "_expanded_vz23z_7",
|
|
15
|
+
contextMenuWithCollapsedText: "_contextMenuWithCollapsedText_vz23z_71",
|
|
16
|
+
fieldAccordionItem: "_fieldAccordionItem_vz23z_77",
|
|
17
|
+
fieldContextMenu: "_fieldContextMenu_vz23z_84",
|
|
18
|
+
menuOpen: "_menuOpen_vz23z_87",
|
|
19
|
+
hiddenBadge: "_hiddenBadge_vz23z_106"
|
|
20
20
|
};
|
|
21
21
|
export { e as t };
|
|
@@ -4,79 +4,81 @@ import { general as n } from "../../messages/configurator-messages.js";
|
|
|
4
4
|
import { t as r } from "../../../../../../chunks/metadata-field-configurator.module.js";
|
|
5
5
|
import { useFieldConfigurator as i } from "../../context/field-configurator-context.js";
|
|
6
6
|
import { getConfigurationByType as a } from "../../utils.js";
|
|
7
|
-
import { Select as o,
|
|
8
|
-
import { useIntl as
|
|
9
|
-
import { jsx as
|
|
10
|
-
import { useMemo as
|
|
11
|
-
var
|
|
12
|
-
let
|
|
13
|
-
if (
|
|
14
|
-
let t =
|
|
15
|
-
if (
|
|
16
|
-
},
|
|
17
|
-
infoBadgeAriaLabel:
|
|
18
|
-
infoText:
|
|
19
|
-
children: /* @__PURE__ */
|
|
7
|
+
import { Select as o, Text as s, TextInput as c, TextWithInfoBadge as l, TooltipProvider as u } from "@box/blueprint-web";
|
|
8
|
+
import { useIntl as d } from "react-intl";
|
|
9
|
+
import { jsx as f, jsxs as p } from "react/jsx-runtime";
|
|
10
|
+
import { useMemo as m } from "react";
|
|
11
|
+
var h = ({ nameInputId: h, descriptionInputId: g, isTypeEditable: _, externalErrors: v, externalTouched: y, handleTypeChange: b, hideDescription: x = !1, readOnly: S = !1 }) => {
|
|
12
|
+
let { formatMessage: C } = d(), w = t(), { values: T, errors: E, touched: D, handleChange: O, handleBlur: k } = i(), A = (e) => {
|
|
13
|
+
if (v && y?.[e]) return v[e];
|
|
14
|
+
let t = E[e];
|
|
15
|
+
if (D[e] && t != null && typeof t == "string") return t;
|
|
16
|
+
}, j = m(() => /* @__PURE__ */ f(u, { children: /* @__PURE__ */ f(l, {
|
|
17
|
+
infoBadgeAriaLabel: C(n.descriptionLearnMoreBadgeAriaLabel),
|
|
18
|
+
infoText: C(n.descriptionInfoTooltip),
|
|
19
|
+
children: /* @__PURE__ */ f(s, {
|
|
20
|
+
as: "label",
|
|
20
21
|
className: r.labelWithTooltip,
|
|
21
|
-
htmlFor:
|
|
22
|
-
|
|
22
|
+
htmlFor: g,
|
|
23
|
+
variant: "bodyDefaultBold",
|
|
24
|
+
children: C(n.fieldDescriptionLabel)
|
|
23
25
|
})
|
|
24
|
-
}) }), [
|
|
25
|
-
return /* @__PURE__ */
|
|
26
|
+
}) }), [g, C]), M = S || T.isFieldReadOnly;
|
|
27
|
+
return /* @__PURE__ */ f("fieldset", {
|
|
26
28
|
className: r.fieldset,
|
|
27
|
-
children: /* @__PURE__ */
|
|
29
|
+
children: /* @__PURE__ */ p("div", {
|
|
28
30
|
className: r.expandedContent,
|
|
29
31
|
children: [
|
|
30
|
-
/* @__PURE__ */
|
|
32
|
+
/* @__PURE__ */ p("div", {
|
|
31
33
|
className: r.basic,
|
|
32
|
-
children: [/* @__PURE__ */
|
|
34
|
+
children: [/* @__PURE__ */ f(c, {
|
|
33
35
|
name: "name",
|
|
34
|
-
id:
|
|
35
|
-
label:
|
|
36
|
-
placeholder:
|
|
37
|
-
value:
|
|
38
|
-
error:
|
|
39
|
-
onChange:
|
|
40
|
-
onBlur:
|
|
41
|
-
readOnly:
|
|
42
|
-
required: !
|
|
43
|
-
}), /* @__PURE__ */
|
|
36
|
+
id: h,
|
|
37
|
+
label: C(n.fieldNameLabel),
|
|
38
|
+
placeholder: C(n.fieldNameInputPlaceholder),
|
|
39
|
+
value: T.name,
|
|
40
|
+
error: M ? void 0 : A("name"),
|
|
41
|
+
onChange: O,
|
|
42
|
+
onBlur: k,
|
|
43
|
+
readOnly: M,
|
|
44
|
+
required: !M
|
|
45
|
+
}), /* @__PURE__ */ f(o, {
|
|
44
46
|
name: "type",
|
|
45
|
-
label:
|
|
46
|
-
placeholder:
|
|
47
|
-
value:
|
|
48
|
-
"aria-readonly":
|
|
49
|
-
readonly:
|
|
50
|
-
onValueChange:
|
|
47
|
+
label: C(n.fieldTypeLabel),
|
|
48
|
+
placeholder: C(n.fieldTypePlaceholder),
|
|
49
|
+
value: T.type,
|
|
50
|
+
"aria-readonly": M || !_,
|
|
51
|
+
readonly: M || !_,
|
|
52
|
+
onValueChange: b,
|
|
51
53
|
className: r.fieldTypeSelect,
|
|
52
|
-
required: !
|
|
53
|
-
children: /* @__PURE__ */
|
|
54
|
+
required: !M,
|
|
55
|
+
children: /* @__PURE__ */ f(o.Content, { children: w.availableFieldTypes.map((e) => /* @__PURE__ */ f(o.Option, {
|
|
54
56
|
text: typeof e.label == "string" ? e.label : String(e.label),
|
|
55
57
|
value: e.type
|
|
56
58
|
}, e.type)) })
|
|
57
59
|
})]
|
|
58
60
|
}),
|
|
59
|
-
[e.Dropdown, e.Taxonomy].includes(
|
|
61
|
+
[e.Dropdown, e.Taxonomy].includes(T.type) && /* @__PURE__ */ f("div", {
|
|
60
62
|
className: r.typeSpecific,
|
|
61
|
-
children: a(
|
|
63
|
+
children: a(T.type)
|
|
62
64
|
}),
|
|
63
|
-
!
|
|
65
|
+
!x && /* @__PURE__ */ f("div", {
|
|
64
66
|
className: r.description,
|
|
65
|
-
children: /* @__PURE__ */
|
|
67
|
+
children: /* @__PURE__ */ f(c, {
|
|
66
68
|
name: "description",
|
|
67
|
-
id:
|
|
68
|
-
label:
|
|
69
|
-
placeholder:
|
|
70
|
-
value:
|
|
71
|
-
error:
|
|
69
|
+
id: g,
|
|
70
|
+
label: j,
|
|
71
|
+
placeholder: C(n.fieldDescriptionInputPlaceholder),
|
|
72
|
+
value: T.description ?? "",
|
|
73
|
+
error: M ? void 0 : A("description"),
|
|
72
74
|
hideLabel: !0,
|
|
73
|
-
readOnly:
|
|
74
|
-
onChange:
|
|
75
|
-
onBlur:
|
|
75
|
+
readOnly: M,
|
|
76
|
+
onChange: O,
|
|
77
|
+
onBlur: k
|
|
76
78
|
})
|
|
77
79
|
})
|
|
78
80
|
]
|
|
79
81
|
})
|
|
80
82
|
});
|
|
81
83
|
};
|
|
82
|
-
export {
|
|
84
|
+
export { h as FieldEditContent };
|
package/dist/styles/chip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._chip_plmye_1{padding:var(--space-1) var(--space-3);background-color:var(--surface-inputchip-surface);border-radius:var(--radius-half);-webkit-user-select:none;user-select:none;display:inline-block}._chip_plmye_1._selected_plmye_8{background-color:var(--surface-surface-brand)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._fieldset_vz23z_1{border:0;margin:0;padding:0}._expandedContent_vz23z_7{gap:var(--space-4);flex-direction:column;display:flex}._basic_vz23z_13{gap:var(--space-4);grid-template-columns:3fr 2fr;display:grid}._basic_vz23z_13 ._fieldTypeSelect_vz23z_18{min-width:145px}._typeSpecific_vz23z_22{margin-top:var(--space-2);gap:var(--space-4);flex-direction:column;display:flex}._description_vz23z_29{gap:var(--space-4);flex-direction:column;display:flex}._description_vz23z_29 ._labelWithTooltip_vz23z_34{margin-block-end:var(--space-2);display:inline-block}._fieldActionSlot_vz23z_39{align-items:center;gap:var(--space-2);display:flex;position:relative}._expandedToolbarActions_vz23z_46{align-items:center;gap:var(--space-1);display:flex}._extensionTabsContainer_vz23z_52{border-right:1px solid var(--border-border-on-light);height:auto;overflow:visible}._extensionContent_vz23z_58{padding:var(--space-4) 0}._fieldCollapsedText_vz23z_62{visibility:visible;display:block}._expanded_vz23z_7 ._fieldCollapsedText_vz23z_62{visibility:hidden}._contextMenuWithCollapsedText_vz23z_71{background-color:#0000;position:absolute;right:0}._fieldAccordionItem_vz23z_77{max-width:650px}._fieldAccordionItem_vz23z_77[data-state=closed] ._fieldActionSlot_vz23z_39{position:relative}._fieldAccordionItem_vz23z_77[data-state=closed] ._fieldContextMenu_vz23z_84{display:none}._fieldAccordionItem_vz23z_77[data-state=closed] ._fieldContextMenu_vz23z_84._menuOpen_vz23z_87{display:flex}._fieldAccordionItem_vz23z_77[data-state=closed] ._extensionTabsContainer_vz23z_52{display:none}._fieldAccordionItem_vz23z_77[data-state=closed]:has(>:hover) ._fieldContextMenu_vz23z_84{background-color:#ebebeb;display:flex}._fieldAccordionItem_vz23z_77[data-state=closed]:has(>:hover) ._fieldContextMenu_vz23z_84:before{content:"";width:var(--space-3);background:linear-gradient(90deg,#0000,#ebebeb);position:absolute;top:0;bottom:0;right:99%}._fieldAccordionItem_vz23z_77[data-state=closed]:has(>:hover) ._hiddenBadge_vz23z_106{visibility:hidden}._fieldAccordionItem_vz23z_77[data-state=closed]:has(>:hover) ._contextMenuWithCollapsedText_vz23z_71{position:absolute;top:-50%;right:0}
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/metadata-template-editor",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.24",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"peerDependencies": {
|
|
6
|
-
"@box/blueprint-web": "^16.
|
|
7
|
-
"@box/blueprint-web-assets": "^5.5.
|
|
6
|
+
"@box/blueprint-web": "^16.13.0",
|
|
7
|
+
"@box/blueprint-web-assets": "^5.5.9",
|
|
8
8
|
"@dnd-kit/core": "^6.1.0",
|
|
9
9
|
"@dnd-kit/sortable": "^8.0.0",
|
|
10
10
|
"@dnd-kit/utilities": "^3.2.2",
|
|
@@ -17,10 +17,10 @@
|
|
|
17
17
|
"yup": "^1.6.1"
|
|
18
18
|
},
|
|
19
19
|
"devDependencies": {
|
|
20
|
-
"@box/blueprint-web": "^16.
|
|
21
|
-
"@box/blueprint-web-assets": "^5.5.
|
|
20
|
+
"@box/blueprint-web": "^16.13.0",
|
|
21
|
+
"@box/blueprint-web-assets": "^5.5.9",
|
|
22
22
|
"@box/eslint-plugin-blueprint": "2.1.10",
|
|
23
|
-
"@box/storybook-utils": "1.1.
|
|
23
|
+
"@box/storybook-utils": "1.1.33",
|
|
24
24
|
"@dnd-kit/core": "^6.1.0",
|
|
25
25
|
"@dnd-kit/sortable": "^8.0.0",
|
|
26
26
|
"@dnd-kit/utilities": "^3.2.2",
|