@box/metadata-editor 0.105.2 → 0.105.4
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/filter-dropdown-menu.module.js +6 -6
- package/dist/chunks/taxonomy-ancestor-status-pill.js +27 -27
- package/dist/esm/lib/components/combobox-with-api-pagination/combobox-with-api-pagination.js +30 -30
- package/dist/esm/lib/components/filter-instances-dropdown/filter-instances-dropdown.js +23 -23
- package/dist/styles/combobox-with-api-pagination.css +1 -1
- package/dist/styles/filter-dropdown-menu.css +1 -1
- package/dist/styles/filter-instances-dropdown.css +1 -1
- package/dist/styles/taxonomy-ancestor-status-pill.css +1 -1
- package/package.json +4 -4
@@ -1,4 +1,4 @@
|
|
1
|
-
import '../styles/filter-dropdown-menu.css';const c = "
|
1
|
+
import '../styles/filter-dropdown-menu.css';const c = "_content_fupgp_1", e = "_scrollableContainer_fupgp_20", o = "_item_fupgp_25", t = "_option_fupgp_35", n = "_search_fupgp_56", _ = "_searchIcon_fupgp_61", a = "_global_fupgp_70", p = "_clearSearchIcon_fupgp_75", r = "_searchInput_fupgp_83", s = "_firefoxDefaultOpacityFix_fupgp_115", i = "_divider_fupgp_133", l = "_searchDivider_fupgp_137", f = {
|
2
2
|
content: c,
|
3
3
|
scrollableContainer: e,
|
4
4
|
item: o,
|
@@ -6,12 +6,12 @@ import '../styles/filter-dropdown-menu.css';const c = "_content_3uvu2_1", e = "_
|
|
6
6
|
search: n,
|
7
7
|
searchIcon: _,
|
8
8
|
global: a,
|
9
|
-
clearSearchIcon:
|
10
|
-
searchInput:
|
11
|
-
firefoxDefaultOpacityFix:
|
12
|
-
divider:
|
9
|
+
clearSearchIcon: p,
|
10
|
+
searchInput: r,
|
11
|
+
firefoxDefaultOpacityFix: s,
|
12
|
+
divider: i,
|
13
13
|
searchDivider: l
|
14
14
|
};
|
15
15
|
export {
|
16
|
-
|
16
|
+
f as s
|
17
17
|
};
|
@@ -1,11 +1,11 @@
|
|
1
|
-
import { Popover as t, FilterChip as
|
1
|
+
import { Popover as t, FilterChip as u, InlineNotice as A, TextButton as T, LoadingIndicator as I } from "@box/blueprint-web";
|
2
2
|
import { Loader as W } from "@box/blueprint-web-assets/icons/Fill";
|
3
3
|
import V from "lodash/orderBy";
|
4
4
|
import { useState as s } from "react";
|
5
|
-
import { useIntl as B, FormattedMessage as
|
5
|
+
import { useIntl as B, FormattedMessage as _ } from "react-intl";
|
6
6
|
import a from "../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/taxonomy-entry/messages.js";
|
7
|
-
import { jsxs as
|
8
|
-
import '../styles/taxonomy-ancestor-status-pill.css';const N = "
|
7
|
+
import { jsxs as l, jsx as e } from "react/jsx-runtime";
|
8
|
+
import '../styles/taxonomy-ancestor-status-pill.css';const N = "_popoverContentContainer_1heyb_1", w = "_popoverMainContent_1heyb_6", E = "_loadingIndicatorWrapper_1heyb_10", D = "_errorMessageWrapper_1heyb_17", P = "_errorMessageWrapperText_1heyb_22", R = "_container_1heyb_30", k = "_taxonomyAncestorTable_1heyb_36", K = "_taxonomyValueGroup_1heyb_79", G = "_taxonomyValueButton_1heyb_84", O = "_taxonomyValueLabel_1heyb_94", n = {
|
9
9
|
popoverContentContainer: N,
|
10
10
|
popoverMainContent: w,
|
11
11
|
loadingIndicatorWrapper: E,
|
@@ -25,37 +25,37 @@ import '../styles/taxonomy-ancestor-status-pill.css';const N = "_popoverContentC
|
|
25
25
|
};
|
26
26
|
function Y({
|
27
27
|
taxonomyNodeFetcher: r,
|
28
|
-
scope:
|
29
|
-
taxonomyKey:
|
30
|
-
value:
|
28
|
+
scope: b,
|
29
|
+
taxonomyKey: v,
|
30
|
+
value: x,
|
31
31
|
displayValue: c
|
32
32
|
}) {
|
33
33
|
const {
|
34
|
-
formatMessage:
|
35
|
-
} = B(), [C,
|
36
|
-
d(!0),
|
34
|
+
formatMessage: i
|
35
|
+
} = B(), [C, f] = s([]), [p, d] = s(!1), [m, y] = s(!1), [M, g] = s(!1), L = V(C, (o) => o.level), h = async () => {
|
36
|
+
d(!0), y(!1), g(!0);
|
37
37
|
try {
|
38
|
-
const o = await r(
|
39
|
-
|
38
|
+
const o = await r(b, v, x);
|
39
|
+
f(o);
|
40
40
|
} catch {
|
41
|
-
|
41
|
+
y(!0);
|
42
42
|
} finally {
|
43
43
|
d(!1);
|
44
44
|
}
|
45
45
|
};
|
46
|
-
return /* @__PURE__ */
|
47
|
-
onOpenChange:
|
46
|
+
return /* @__PURE__ */ l(t.Root, {
|
47
|
+
onOpenChange: g,
|
48
48
|
open: M,
|
49
49
|
children: [/* @__PURE__ */ e(t.Trigger, {
|
50
|
-
children: /* @__PURE__ */ e(
|
50
|
+
children: /* @__PURE__ */ e(u.ChipButton, {
|
51
51
|
"aria-checked": void 0,
|
52
52
|
className: n.taxonomyValueButton,
|
53
53
|
disabled: !r,
|
54
|
-
onClick:
|
54
|
+
onClick: h,
|
55
55
|
onKeyDown: z,
|
56
56
|
role: void 0,
|
57
57
|
value: c,
|
58
|
-
children: /* @__PURE__ */ e(
|
58
|
+
children: /* @__PURE__ */ e(u.Label, {
|
59
59
|
className: n.taxonomyValueLabel,
|
60
60
|
children: c
|
61
61
|
})
|
@@ -65,38 +65,38 @@ function Y({
|
|
65
65
|
className: n.popoverContentContainer,
|
66
66
|
collisionPadding: j,
|
67
67
|
onEscapeKeyDown: S,
|
68
|
-
children: /* @__PURE__ */
|
68
|
+
children: /* @__PURE__ */ l(t.MainContent, {
|
69
69
|
className: n.popoverMainContent,
|
70
|
-
children: [m && /* @__PURE__ */
|
70
|
+
children: [m && /* @__PURE__ */ l("div", {
|
71
71
|
className: n.errorMessageWrapper,
|
72
72
|
children: [/* @__PURE__ */ e(A, {
|
73
73
|
variant: "error",
|
74
|
-
variantIconAriaLabel:
|
75
|
-
children: /* @__PURE__ */ e(
|
74
|
+
variantIconAriaLabel: i(a.loadingResultsErrorIconLabel),
|
75
|
+
children: /* @__PURE__ */ e(_, {
|
76
76
|
...a.loadingResultsErrorMessage
|
77
77
|
})
|
78
78
|
}), /* @__PURE__ */ e(T, {
|
79
79
|
className: n.errorMessageWrapperText,
|
80
80
|
icon: W,
|
81
|
-
onClick:
|
81
|
+
onClick: h,
|
82
82
|
"data-target-id": "TextButton-loadingResultsErrorAction",
|
83
|
-
children:
|
83
|
+
children: i(a.loadingResultsErrorAction)
|
84
84
|
})]
|
85
85
|
}), p && /* @__PURE__ */ e("div", {
|
86
86
|
className: n.loadingIndicatorWrapper,
|
87
87
|
children: /* @__PURE__ */ e(I, {
|
88
|
-
"aria-label":
|
88
|
+
"aria-label": i(a.loadingAriaLabel),
|
89
89
|
size: "large"
|
90
90
|
})
|
91
91
|
}), !m && !p && /* @__PURE__ */ e("table", {
|
92
92
|
className: n.taxonomyAncestorTable,
|
93
93
|
children: /* @__PURE__ */ e("tbody", {
|
94
|
-
children: L.map((o) => /* @__PURE__ */
|
94
|
+
children: L.map((o) => /* @__PURE__ */ l("tr", {
|
95
95
|
children: [/* @__PURE__ */ e("th", {
|
96
96
|
scope: "row",
|
97
97
|
children: o.levelName
|
98
98
|
}), /* @__PURE__ */ e("td", {
|
99
|
-
children: o.levelValue || /* @__PURE__ */ e(
|
99
|
+
children: o.levelValue || /* @__PURE__ */ e(_, {
|
100
100
|
...a.emptyAncestorLevelValue
|
101
101
|
})
|
102
102
|
})]
|
package/dist/esm/lib/components/combobox-with-api-pagination/combobox-with-api-pagination.js
CHANGED
@@ -3,27 +3,27 @@ import { Combobox as m, useForkRef as te, LoadingIndicator as re, InlineNotice a
|
|
3
3
|
import { Search as se, Loader as ae } from "@box/blueprint-web-assets/icons/Fill";
|
4
4
|
import { IconIconOnLightSecondary as le, Size6 as M, Size1 as ce } from "@box/blueprint-web-assets/tokens/tokens";
|
5
5
|
import T from "clsx";
|
6
|
-
import { forwardRef as
|
7
|
-
import { useIntl as
|
6
|
+
import { forwardRef as k, useRef as v, useCallback as ue, useMemo as R, useEffect as de } from "react";
|
7
|
+
import { useIntl as F, FormattedMessage as V } from "react-intl";
|
8
8
|
import i from "./messages.js";
|
9
9
|
import { useAsyncList as me } from "./use-async-list.js";
|
10
10
|
import { useControllableState as pe } from "./utils/use-controllable-state.js";
|
11
11
|
import { useTrackVisibility as he } from "./utils/use-intersection-observer.js";
|
12
12
|
import { jsx as r, jsxs as N, Fragment as fe } from "react/jsx-runtime";
|
13
|
-
import '../../../../styles/combobox-with-api-pagination.css';const be = "
|
13
|
+
import '../../../../styles/combobox-with-api-pagination.css';const be = "_container_syvk5_1", ge = "_disabled_syvk5_7", xe = "_highlightOptionText_syvk5_11", _e = "_selected_syvk5_23", Oe = "_option_syvk5_34", ye = "_errorComboboxOption_syvk5_38", ve = "_errorComboboxOptionText_syvk5_43", a = {
|
14
14
|
container: be,
|
15
15
|
disabled: ge,
|
16
16
|
highlightOptionText: xe,
|
17
17
|
selected: _e,
|
18
18
|
option: Oe,
|
19
|
-
errorComboboxOption:
|
20
|
-
errorComboboxOptionText:
|
21
|
-
}, S = /* @__PURE__ */
|
22
|
-
onTryAgain:
|
19
|
+
errorComboboxOption: ye,
|
20
|
+
errorComboboxOptionText: ve
|
21
|
+
}, S = /* @__PURE__ */ k(({
|
22
|
+
onTryAgain: A
|
23
23
|
}, p) => {
|
24
24
|
const {
|
25
25
|
formatMessage: h
|
26
|
-
} =
|
26
|
+
} = F();
|
27
27
|
return /* @__PURE__ */ N(fe, {
|
28
28
|
children: [/* @__PURE__ */ r(ne, {
|
29
29
|
variant: "error",
|
@@ -34,7 +34,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
|
|
34
34
|
}), /* @__PURE__ */ r(m.Option, {
|
35
35
|
ref: p,
|
36
36
|
className: a.errorComboboxOption,
|
37
|
-
onClick:
|
37
|
+
onClick: A,
|
38
38
|
children: /* @__PURE__ */ N(ie, {
|
39
39
|
as: "span",
|
40
40
|
className: a.errorComboboxOptionText,
|
@@ -50,7 +50,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
|
|
50
50
|
})
|
51
51
|
})]
|
52
52
|
});
|
53
|
-
}),
|
53
|
+
}), C = "__LOADING__", L = "__LOADING_ERROR__", Re = "0px 0px 20px 0px", Ce = /* @__PURE__ */ r(se, {
|
54
54
|
color: le,
|
55
55
|
height: M,
|
56
56
|
role: "presentation",
|
@@ -59,9 +59,9 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
|
|
59
59
|
boxSizing: "border-box"
|
60
60
|
},
|
61
61
|
width: M
|
62
|
-
}), De = /* @__PURE__ */
|
62
|
+
}), De = /* @__PURE__ */ k(function(p, h) {
|
63
63
|
const {
|
64
|
-
defaultFetcher:
|
64
|
+
defaultFetcher: P,
|
65
65
|
onInputValueChange: f,
|
66
66
|
value: D,
|
67
67
|
onValueChange: w,
|
@@ -74,14 +74,14 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
|
|
74
74
|
...U
|
75
75
|
} = p, {
|
76
76
|
formatMessage: u
|
77
|
-
} =
|
77
|
+
} = F(), b = v(null), g = v(!0), e = me({
|
78
78
|
async load({
|
79
79
|
marker: o,
|
80
80
|
searchInput: t,
|
81
|
-
signal:
|
81
|
+
signal: y
|
82
82
|
}) {
|
83
|
-
const c = await
|
84
|
-
signal:
|
83
|
+
const c = await P({
|
84
|
+
signal: y,
|
85
85
|
marker: o,
|
86
86
|
searchInput: t
|
87
87
|
});
|
@@ -90,21 +90,21 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
|
|
90
90
|
marker: c.marker
|
91
91
|
};
|
92
92
|
}
|
93
|
-
}),
|
94
|
-
|
93
|
+
}), E = v(!1), q = ue(() => {
|
94
|
+
E.current || (e.reload(), E.current = !0);
|
95
95
|
}, []), [n, x] = pe({
|
96
96
|
prop: D,
|
97
97
|
defaultProp: W,
|
98
98
|
onChange: w
|
99
99
|
}), _ = !l && n.length === 1, H = (o) => {
|
100
100
|
o === void 0 ? (x([]), g.current || (e.search(""), g.current = !0)) : Array.isArray(o) ? x(o) : x([o]);
|
101
|
-
}, J =
|
101
|
+
}, J = R(() => n.length === 0 ? l ? [] : void 0 : l ? n : n[0], [l, n]), O = R(() => n.filter((o) => !e.items.some((t) => t.value === o.value)), [n, e.items]), K = (o) => {
|
102
102
|
const {
|
103
103
|
value: t,
|
104
|
-
displayValue:
|
104
|
+
displayValue: y,
|
105
105
|
...c
|
106
106
|
} = o;
|
107
|
-
if (t ===
|
107
|
+
if (t === C)
|
108
108
|
return e.hasNextPage ? /* @__PURE__ */ r(m.Option, {
|
109
109
|
...c,
|
110
110
|
ref: Y,
|
@@ -117,7 +117,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
|
|
117
117
|
}
|
118
118
|
})
|
119
119
|
}) : null;
|
120
|
-
if (t ===
|
120
|
+
if (t === L && e.hasError && !e.isEmpty)
|
121
121
|
return /* @__PURE__ */ r(S, {
|
122
122
|
onTryAgain: () => {
|
123
123
|
var s;
|
@@ -133,7 +133,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
|
|
133
133
|
value: t,
|
134
134
|
children: /* @__PURE__ */ r(oe, {
|
135
135
|
className: T(a.highlightOptionText, ee && a.selected),
|
136
|
-
value:
|
136
|
+
value: y || t
|
137
137
|
})
|
138
138
|
});
|
139
139
|
}, Q = (o) => {
|
@@ -154,7 +154,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
|
|
154
154
|
rootRef: Z,
|
155
155
|
isVisible: I
|
156
156
|
}] = he({
|
157
|
-
rootMargin:
|
157
|
+
rootMargin: Re
|
158
158
|
});
|
159
159
|
de(() => {
|
160
160
|
if (!(I && e.hasNextPage))
|
@@ -166,13 +166,13 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
|
|
166
166
|
clearTimeout(t);
|
167
167
|
};
|
168
168
|
}, [I]);
|
169
|
-
const $ =
|
169
|
+
const $ = R(() => {
|
170
170
|
const o = e.hasNextPage ? {
|
171
|
-
displayValue:
|
172
|
-
value:
|
171
|
+
displayValue: C,
|
172
|
+
value: C
|
173
173
|
} : null, t = !o && e.hasError && !e.isEmpty ? {
|
174
|
-
displayValue:
|
175
|
-
value:
|
174
|
+
displayValue: L,
|
175
|
+
value: L
|
176
176
|
} : null;
|
177
177
|
return [...e.items, ...O, o, t].filter(Boolean);
|
178
178
|
}, [e.hasNextPage, e.hasError, e.isEmpty, e.items, O]);
|
@@ -186,7 +186,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
|
|
186
186
|
clearButtonAriaLabel: u(i.clearButtonAriaLabel),
|
187
187
|
disabled: G || _,
|
188
188
|
displayValue: (o) => o.displayValue || o.value,
|
189
|
-
endComboboxIcon:
|
189
|
+
endComboboxIcon: Ce,
|
190
190
|
focusLoop: !1,
|
191
191
|
getPopoverRef: Z,
|
192
192
|
loading: e.isReloading,
|
@@ -1,15 +1,15 @@
|
|
1
|
-
import { TriggerButton as
|
1
|
+
import { TriggerButton as v, Text as C, ScrollableContainer as N, Divider as w } from "@box/blueprint-web";
|
2
2
|
import { useIntl as x } from "react-intl";
|
3
|
-
import { SelectProvider as B, Select as
|
4
|
-
import { Space1 as
|
5
|
-
import { useEffect as
|
6
|
-
import
|
3
|
+
import { SelectProvider as B, Select as b, SelectPopover as I, SelectItem as g, SelectItemCheck as k } from "@ariakit/react";
|
4
|
+
import { Space1 as M } from "@box/blueprint-web-assets/tokens/px-tokens";
|
5
|
+
import { useEffect as S } from "react";
|
6
|
+
import y from "clsx";
|
7
7
|
import { Checkmark as p } from "@box/blueprint-web-assets/icons/Fill";
|
8
|
-
import { getVisibleTemplates as
|
8
|
+
import { getVisibleTemplates as D, getTemplateDisplayName as _ } from "../../utils/utils.js";
|
9
9
|
import s from "./messages.js";
|
10
10
|
import { jsxs as o, jsx as t } from "react/jsx-runtime";
|
11
|
-
import '../../../../styles/filter-instances-dropdown.css';const
|
12
|
-
details:
|
11
|
+
import '../../../../styles/filter-instances-dropdown.css';const j = "_details_1ew6d_1", F = "_triggerContainer_1ew6d_5", O = "_triggerButton_1ew6d_10", P = "_popover_1ew6d_16", L = "_divider_1ew6d_33", V = "_scrollableContainer_1ew6d_36", z = "_item_1ew6d_40", E = "_indicator_1ew6d_67", G = "_indicatorIcon_1ew6d_76", R = "_testContainer_1ew6d_80", e = {
|
12
|
+
details: j,
|
13
13
|
triggerContainer: F,
|
14
14
|
triggerButton: O,
|
15
15
|
popover: P,
|
@@ -19,62 +19,62 @@ import '../../../../styles/filter-instances-dropdown.css';const w = "_details_18
|
|
19
19
|
indicator: E,
|
20
20
|
indicatorIcon: G,
|
21
21
|
testContainer: R
|
22
|
-
}, q = parseInt(
|
22
|
+
}, q = parseInt(M, 10);
|
23
23
|
function $({
|
24
24
|
appliedTemplates: u,
|
25
25
|
selectedTemplates: c,
|
26
26
|
setSelectedTemplates: l
|
27
27
|
}) {
|
28
|
-
const a = x(), m = a.formatMessage(s.customMetadataName), n =
|
28
|
+
const a = x(), m = a.formatMessage(s.customMetadataName), n = D(u), i = c.length, d = n.length, h = i === 0 ? a.formatMessage(s.allTemplatesTriggerButtonText) : a.formatMessage(s.selectedTemplatesTriggerButtonText, {
|
29
29
|
selectedTemplatesNumber: i,
|
30
30
|
visibleTemplatesNumber: d
|
31
|
-
}),
|
31
|
+
}), T = () => {
|
32
32
|
l([]);
|
33
33
|
};
|
34
|
-
return
|
34
|
+
return S(() => {
|
35
35
|
i === d && l([]);
|
36
36
|
}, [i, d]), /* @__PURE__ */ o(B, {
|
37
37
|
setValue: l,
|
38
38
|
value: c,
|
39
39
|
children: [/* @__PURE__ */ o("div", {
|
40
40
|
className: e.triggerContainer,
|
41
|
-
children: [/* @__PURE__ */ t(
|
42
|
-
render: /* @__PURE__ */ t(
|
41
|
+
children: [/* @__PURE__ */ t(b, {
|
42
|
+
render: /* @__PURE__ */ t(v, {
|
43
43
|
caretDirection: "down",
|
44
44
|
className: e.triggerButton,
|
45
|
-
label:
|
45
|
+
label: h,
|
46
46
|
size: "small",
|
47
47
|
variant: "tertiary",
|
48
48
|
"data-target-id": "TriggerButton-allTemplatesTriggerButtonText|selectedTemplatesTriggerButtonText"
|
49
49
|
})
|
50
|
-
}), n.length > 0 && /* @__PURE__ */ t(
|
50
|
+
}), n.length > 0 && /* @__PURE__ */ t(C, {
|
51
51
|
as: "p",
|
52
52
|
className: e.details,
|
53
53
|
color: "textOnLightSecondary",
|
54
54
|
"data-testid": "detailsList",
|
55
55
|
variant: "caption",
|
56
|
-
children: n.filter((r) => c.some((
|
56
|
+
children: n.filter((r) => c.some((f) => f === r.id)).map((r) => _(r, m)).join(", ")
|
57
57
|
})]
|
58
|
-
}), /* @__PURE__ */ t(
|
58
|
+
}), /* @__PURE__ */ t(I, {
|
59
59
|
className: e.popover,
|
60
60
|
gutter: q,
|
61
|
-
children: /* @__PURE__ */ o(
|
61
|
+
children: /* @__PURE__ */ o(N, {
|
62
62
|
className: e.scrollableContainer,
|
63
63
|
children: [/* @__PURE__ */ o(g, {
|
64
64
|
autoFocus: i === 0,
|
65
65
|
className: e.item,
|
66
66
|
hideOnClick: !0,
|
67
|
-
onClick:
|
67
|
+
onClick: T,
|
68
68
|
children: [i === 0 && /* @__PURE__ */ t(p, {
|
69
|
-
className:
|
69
|
+
className: y(e.indicator, e.indicatorIcon)
|
70
70
|
}), a.formatMessage(s.allTemplatesTriggerButtonText)]
|
71
|
-
}), /* @__PURE__ */ t(
|
71
|
+
}), /* @__PURE__ */ t(w, {
|
72
72
|
className: e.divider
|
73
73
|
}), n.map((r) => /* @__PURE__ */ o(g, {
|
74
74
|
className: e.item,
|
75
75
|
hideOnClick: !0,
|
76
76
|
value: r.id,
|
77
|
-
children: [/* @__PURE__ */ t(
|
77
|
+
children: [/* @__PURE__ */ t(k, {
|
78
78
|
className: e.indicator,
|
79
79
|
style: {
|
80
80
|
width: "none",
|
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._container_syvk5_1{display:flex;gap:var(--space-1);justify-content:center}._disabled_syvk5_7._disabled_syvk5_7{opacity:unset}._highlightOptionText_syvk5_11 [data-user-value]{font-weight:var(--body-default-bold-font-weight);font-size:var(--body-default-bold-font-size);font-family:var(--body-default-bold-font-family);line-height:var(--body-default-bold-line-height);letter-spacing:var(--body-default-bold-letter-spacing);text-transform:var(--body-default-bold-text-case);text-decoration:var(--body-default-bold-text-decoration)}._highlightOptionText_syvk5_11 [data-autocomplete-value]{color:var(--text-text-on-light-secondary)}._highlightOptionText_syvk5_11._selected_syvk5_23,._highlightOptionText_syvk5_11._selected_syvk5_23 span{color:var(--text-text-on-light);font-weight:var(--body-default-bold-font-weight);font-size:var(--body-default-bold-font-size);font-family:var(--body-default-bold-font-family);line-height:var(--body-default-bold-line-height);letter-spacing:var(--body-default-bold-letter-spacing);text-transform:var(--body-default-bold-text-case);text-decoration:var(--body-default-bold-text-decoration)}._option_syvk5_34:nth-last-child(1 of._option_syvk5_34){scroll-margin-block-end:var(--space-12)}._errorComboboxOption_syvk5_38[role=option]{display:flex;align-items:center;justify-content:center}._errorComboboxOption_syvk5_38[role=option] ._errorComboboxOptionText_syvk5_43{display:flex;gap:var(--space-1);align-items:center}
|
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._content_fupgp_1{font-weight:var(--body-default-font-weight);font-size:var(--body-default-font-size);font-family:var(--body-default-font-family);line-height:var(--body-default-line-height);letter-spacing:var(--body-default-letter-spacing);text-transform:var(--body-default-text-case);text-decoration:var(--body-default-text-decoration);z-index:2147483647;box-sizing:border-box;width:17.75rem;padding:0;color:var(--text-text-on-light);background-color:var(--surface-menu-surface);border:var(--border-1) solid var(--border-card-border);border-radius:var(--radius-3);box-shadow:var(--dropshadow-3)}._scrollableContainer_fupgp_20{max-height:22.5rem;padding:var(--space-3)}._item_fupgp_25{position:relative;align-items:center;padding:var(--border-8);border:var(--border-2) solid transparent;border-radius:var(--radius-3);outline:none;-webkit-user-select:none;user-select:none}._option_fupgp_35{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}._option_fupgp_35[aria-disabled]{color:var(--gray-65);pointer-events:none}._option_fupgp_35[data-active-item]:not(:hover),._option_fupgp_35[data-highlighted]:not(:hover){background-color:var(--surface-menu-surface-hover);border:var(--border-2) solid var(--border-input-border-focus)}._option_fupgp_35[data-state=open],._option_fupgp_35:hover{background-color:var(--surface-menu-surface-hover)}._search_fupgp_56{position:relative;height:fit-content;padding:var(--space-3)}._search_fupgp_56 ._searchIcon_fupgp_61{position:absolute;top:var(--space-8);left:var(--space-6);width:var(--size-4);height:var(--size-4);transform:translateY(-50%);pointer-events:none}._search_fupgp_56 ._searchIcon_fupgp_61._global_fupgp_70{left:var(--space-4);width:var(--size-5);height:var(--size-5)}._search_fupgp_56 ._clearSearchIcon_fupgp_75{position:absolute;top:var(--space-8);right:var(--space-6);width:var(--size-4);height:var(--size-4);transform:translateY(-50%)}._search_fupgp_56 ._searchInput_fupgp_83{font-weight:var(--body-default-font-weight);font-size:var(--body-default-font-size);font-family:var(--body-default-font-family);line-height:var(--body-default-line-height);letter-spacing:var(--body-default-letter-spacing);text-transform:var(--body-default-text-case);text-decoration:var(--body-default-text-decoration);box-sizing:border-box;width:100%;height:var(--size-10);padding-inline:var(--space-9) var(--space-6);padding-block:0;color:var(--text-text-on-light);background-color:var(--surface-search-surface);border:var(--border-1) solid transparent;border-radius:var(--radius-2);outline:0;box-shadow:unset;transition:border-color .15s ease,background-color .15s ease}._search_fupgp_56 ._searchInput_fupgp_83._global_fupgp_70{height:var(--size-12);border-radius:var(--radius-7);padding-inline:var(--space-12) var(--space-6)}._search_fupgp_56 ._searchInput_fupgp_83::-webkit-search-decoration,._search_fupgp_56 ._searchInput_fupgp_83::-webkit-search-cancel-button,._search_fupgp_56 ._searchInput_fupgp_83::-webkit-search-results-button,._search_fupgp_56 ._searchInput_fupgp_83::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}._search_fupgp_56 ._searchInput_fupgp_83:hover{box-shadow:unset}._search_fupgp_56 ._searchInput_fupgp_83 ._firefoxDefaultOpacityFix_fupgp_115,._search_fupgp_56 ._searchInput_fupgp_83 ._searchInput_fupgp_83::placeholder{opacity:1}._search_fupgp_56 ._searchInput_fupgp_83::placeholder{color:var(--text-text-on-light-secondary)}._search_fupgp_56 ._searchInput_fupgp_83:not(:placeholder-shown){padding-inline-end:var(--space-8)}._search_fupgp_56 ._searchInput_fupgp_83:focus-visible{padding-inline-start:calc(var(--space-9) - var(--border-1));background-color:var(--surface-search-surface-focused);border:var(--border-2) solid #2486fc}._search_fupgp_56 ._searchInput_fupgp_83:not(:focus-visible):not(:disabled):hover{background-color:var(--surface-search-surface-hover);border-color:#6f6f6f}._search_fupgp_56 ._divider_fupgp_133{box-shadow:var(--dropshadow-3)}._searchDivider_fupgp_137{box-shadow:var(--dropshadow-1)}
|
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._details_1ew6d_1{padding-inline:var(--size-1)}._triggerContainer_1ew6d_5{display:flex;flex-direction:column}._triggerButton_1ew6d_10{max-width:max-content;min-height:var(--size-6)!important;padding:0 var(--space-1)!important}._popover_1ew6d_16{font-weight:var(--body-default-font-weight);font-size:var(--body-default-font-size);font-family:var(--body-default-font-family);line-height:var(--body-default-line-height);letter-spacing:var(--body-default-letter-spacing);text-transform:var(--body-default-text-case);text-decoration:var(--body-default-text-decoration);z-index:var(--z-index-popover);box-sizing:border-box;max-width:17.75rem;padding:0;background-color:var(--surface-menu-surface);border:var(--border-1) solid var(--border-card-border);border-radius:var(--radius-3);box-shadow:var(--dropshadow-3)}._popover_1ew6d_16 ._divider_1ew6d_33{margin-block:var(--space-2)}._popover_1ew6d_16 ._scrollableContainer_1ew6d_36{max-height:22.5rem;padding:var(--space-3)}._popover_1ew6d_16 ._item_1ew6d_40{position:relative;align-items:center;padding:var(--border-8) var(--space-2) var(--border-8) var(--space-10);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:var(--border-2) solid transparent;border-radius:var(--radius-3);outline:none;cursor:pointer;-webkit-user-select:none;user-select:none}._popover_1ew6d_16 ._item_1ew6d_40[aria-disabled]{color:var(--gray-65);pointer-events:none}._popover_1ew6d_16 ._item_1ew6d_40[data-active-item]:not(:hover),._popover_1ew6d_16 ._item_1ew6d_40[data-highlighted]:not(:hover){background-color:var(--surface-menu-surface-hover);border:var(--border-2) solid var(--border-input-border-focus)}._popover_1ew6d_16 ._item_1ew6d_40[data-state=open],._popover_1ew6d_16 ._item_1ew6d_40:hover{background-color:var(--surface-menu-surface-hover)}._popover_1ew6d_16 ._indicator_1ew6d_67{position:absolute;top:0;left:var(--space-2);display:flex;align-items:center;justify-content:center;height:var(--size-9)}._popover_1ew6d_16 ._indicatorIcon_1ew6d_76 path{fill:var(--icon-icon-on-light)}._testContainer_1ew6d_80{display:flex;align-items:center;width:340px;height:56px;border:2px #9f3fed dashed}
|
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._popoverContentContainer_1heyb_1{width:18.25rem;outline:none}._popoverMainContent_1heyb_6{max-height:calc(var(--radix-popover-content-available-height) - var(--space-8) - var(--space-2) - var(--border-1))}._loadingIndicatorWrapper_1heyb_10{position:relative;display:flex;align-items:end;height:var(--size-8)}._errorMessageWrapper_1heyb_17{display:flex;flex-direction:column;justify-content:center}._errorMessageWrapper_1heyb_17 ._errorMessageWrapperText_1heyb_22{display:flex;gap:var(--space-1);align-items:center;justify-content:center;height:var(--size-8)}._container_1heyb_30{display:flex;gap:var(--space-1);justify-content:center}table._taxonomyAncestorTable_1heyb_36{width:100%;table-layout:fixed;border-spacing:0}table._taxonomyAncestorTable_1heyb_36>tbody>tr{display:flex;flex-direction:column}table._taxonomyAncestorTable_1heyb_36>tbody>tr:not(:last-child){margin-block-end:var(--space-2)}table._taxonomyAncestorTable_1heyb_36>tbody>tr>th{font-weight:var(--body-default-bold-font-weight);font-size:var(--body-default-bold-font-size);font-family:var(--body-default-bold-font-family);line-height:var(--body-default-bold-line-height);letter-spacing:var(--body-default-bold-letter-spacing);text-transform:var(--body-default-bold-text-case);text-decoration:var(--body-default-bold-text-decoration);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;padding:0;color:var(--text-text-on-light-secondary-hover);text-align:start}table._taxonomyAncestorTable_1heyb_36>tbody>tr>td{font-weight:var(--body-default-font-weight);font-size:var(--body-default-font-size);font-family:var(--body-default-font-family);line-height:var(--body-default-line-height);letter-spacing:var(--body-default-letter-spacing);text-transform:var(--body-default-text-case);text-decoration:var(--body-default-text-decoration);display:block;padding:0;color:var(--text-text-on-light);word-break:break-all}@media (max-width: 767px){._taxonomyValueGroup_1heyb_79{flex-wrap:wrap}}._taxonomyValueButton_1heyb_84{overflow-x:hidden}._taxonomyValueButton_1heyb_84:focus-visible{overflow-x:hidden}._taxonomyValueButton_1heyb_84:disabled{color:var(--text-text-on-light)}._taxonomyValueButton_1heyb_84 ._taxonomyValueLabel_1heyb_94{overflow-x:hidden;text-overflow:ellipsis}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@box/metadata-editor",
|
3
|
-
"version": "0.105.
|
3
|
+
"version": "0.105.4",
|
4
4
|
"peerDependencies": {
|
5
5
|
"@ariakit/react": "0.4.15",
|
6
6
|
"@box/blueprint-web": "^7.30.3",
|
@@ -15,9 +15,9 @@
|
|
15
15
|
"devDependencies": {
|
16
16
|
"@ariakit/react": "0.4.15",
|
17
17
|
"@box/babel-plugin-target-attributes": "1.3.0",
|
18
|
-
"@box/blueprint-web": "^11.
|
19
|
-
"@box/blueprint-web-assets": "^4.
|
20
|
-
"@box/storybook-utils": "^0.12.
|
18
|
+
"@box/blueprint-web": "^11.12.0",
|
19
|
+
"@box/blueprint-web-assets": "^4.44.0",
|
20
|
+
"@box/storybook-utils": "^0.12.3",
|
21
21
|
"@testing-library/react": "^15.0.6",
|
22
22
|
"react": "^18.3.0",
|
23
23
|
"react-dom": "^18.3.0",
|