@box/metadata-editor 0.73.0 → 0.73.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.
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import "../styles/taxonomy-ancestor-status-pill.css";
|
|
2
|
-
import { Popover as t, FilterChip as
|
|
3
|
-
import { Loader as
|
|
4
|
-
import
|
|
2
|
+
import { Popover as t, FilterChip as _, InlineNotice as A, TextButton as T, LoadingIndicator as I } from "@box/blueprint-web";
|
|
3
|
+
import { Loader as W } from "@box/blueprint-web-assets/icons/Fill";
|
|
4
|
+
import V from "lodash/orderBy";
|
|
5
5
|
import { useState as s } from "react";
|
|
6
|
-
import { useIntl as
|
|
6
|
+
import { useIntl as B, FormattedMessage as y } from "react-intl";
|
|
7
7
|
import a from "../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/taxonomy-entry/messages.js";
|
|
8
|
-
import { jsxs as
|
|
9
|
-
const
|
|
10
|
-
popoverContentContainer:
|
|
11
|
-
popoverMainContent:
|
|
8
|
+
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
9
|
+
const N = "_popoverContentContainer_sfidx_1", w = "_popoverMainContent_sfidx_6", E = "_loadingIndicatorWrapper_sfidx_10", D = "_errorMessageWrapper_sfidx_17", P = "_errorMessageWrapperText_sfidx_22", R = "_container_sfidx_30", k = "_taxonomyAncestorTable_sfidx_36", K = "_taxonomyValueGroup_sfidx_79", G = "_taxonomyValueButton_sfidx_84", O = "_taxonomyValueLabel_sfidx_94", n = {
|
|
10
|
+
popoverContentContainer: N,
|
|
11
|
+
popoverMainContent: w,
|
|
12
12
|
loadingIndicatorWrapper: E,
|
|
13
13
|
errorMessageWrapper: D,
|
|
14
14
|
errorMessageWrapperText: P,
|
|
@@ -26,37 +26,37 @@ const B = "_popoverContentContainer_6luwd_1", N = "_popoverMainContent_6luwd_6",
|
|
|
26
26
|
};
|
|
27
27
|
function Z({
|
|
28
28
|
taxonomyNodeFetcher: r,
|
|
29
|
-
scope:
|
|
30
|
-
taxonomyKey:
|
|
31
|
-
value:
|
|
29
|
+
scope: f,
|
|
30
|
+
taxonomyKey: h,
|
|
31
|
+
value: v,
|
|
32
32
|
displayValue: c
|
|
33
33
|
}) {
|
|
34
34
|
const {
|
|
35
|
-
formatMessage:
|
|
36
|
-
} =
|
|
37
|
-
d(!0),
|
|
35
|
+
formatMessage: l
|
|
36
|
+
} = B(), [C, b] = s([]), [p, d] = s(!1), [m, g] = s(!1), [M, x] = s(!1), L = V(C, (o) => o.level), u = async () => {
|
|
37
|
+
d(!0), g(!1), x(!0);
|
|
38
38
|
try {
|
|
39
|
-
const o = await r(
|
|
40
|
-
|
|
39
|
+
const o = await r(f, h, v);
|
|
40
|
+
b(o);
|
|
41
41
|
} catch {
|
|
42
|
-
|
|
42
|
+
g(!0);
|
|
43
43
|
} finally {
|
|
44
44
|
d(!1);
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
|
-
return /* @__PURE__ */
|
|
48
|
-
onOpenChange:
|
|
49
|
-
open:
|
|
47
|
+
return /* @__PURE__ */ i(t.Root, {
|
|
48
|
+
onOpenChange: x,
|
|
49
|
+
open: M,
|
|
50
50
|
children: [/* @__PURE__ */ e(t.Trigger, {
|
|
51
|
-
children: /* @__PURE__ */ e(
|
|
51
|
+
children: /* @__PURE__ */ e(_.ChipButton, {
|
|
52
52
|
"aria-checked": void 0,
|
|
53
53
|
className: n.taxonomyValueButton,
|
|
54
54
|
disabled: !r,
|
|
55
|
-
onClick:
|
|
55
|
+
onClick: u,
|
|
56
56
|
onKeyDown: z,
|
|
57
57
|
role: void 0,
|
|
58
58
|
value: c,
|
|
59
|
-
children: /* @__PURE__ */ e(
|
|
59
|
+
children: /* @__PURE__ */ e(_.Label, {
|
|
60
60
|
className: n.taxonomyValueLabel,
|
|
61
61
|
children: c
|
|
62
62
|
})
|
|
@@ -66,38 +66,38 @@ function Z({
|
|
|
66
66
|
className: n.popoverContentContainer,
|
|
67
67
|
collisionPadding: j,
|
|
68
68
|
onEscapeKeyDown: S,
|
|
69
|
-
children: /* @__PURE__ */
|
|
69
|
+
children: /* @__PURE__ */ i(t.MainContent, {
|
|
70
70
|
className: n.popoverMainContent,
|
|
71
|
-
children: [m && /* @__PURE__ */
|
|
71
|
+
children: [m && /* @__PURE__ */ i("div", {
|
|
72
72
|
className: n.errorMessageWrapper,
|
|
73
|
-
children: [/* @__PURE__ */ e(
|
|
73
|
+
children: [/* @__PURE__ */ e(A, {
|
|
74
74
|
variant: "error",
|
|
75
|
-
variantIconAriaLabel:
|
|
76
|
-
children: /* @__PURE__ */ e(
|
|
75
|
+
variantIconAriaLabel: l(a.loadingResultsErrorIconLabel),
|
|
76
|
+
children: /* @__PURE__ */ e(y, {
|
|
77
77
|
...a.loadingResultsErrorMessage
|
|
78
78
|
})
|
|
79
|
-
}), /* @__PURE__ */ e(
|
|
79
|
+
}), /* @__PURE__ */ e(T, {
|
|
80
80
|
className: n.errorMessageWrapperText,
|
|
81
|
-
icon:
|
|
82
|
-
onClick:
|
|
81
|
+
icon: W,
|
|
82
|
+
onClick: u,
|
|
83
83
|
"data-target-id": "TextButton-loadingResultsErrorAction",
|
|
84
|
-
children:
|
|
84
|
+
children: l(a.loadingResultsErrorAction)
|
|
85
85
|
})]
|
|
86
86
|
}), p && /* @__PURE__ */ e("div", {
|
|
87
87
|
className: n.loadingIndicatorWrapper,
|
|
88
|
-
children: /* @__PURE__ */ e(
|
|
89
|
-
"aria-label":
|
|
88
|
+
children: /* @__PURE__ */ e(I, {
|
|
89
|
+
"aria-label": l(a.loadingAriaLabel),
|
|
90
90
|
size: "large"
|
|
91
91
|
})
|
|
92
92
|
}), !m && !p && /* @__PURE__ */ e("table", {
|
|
93
93
|
className: n.taxonomyAncestorTable,
|
|
94
94
|
children: /* @__PURE__ */ e("tbody", {
|
|
95
|
-
children:
|
|
95
|
+
children: L.map((o) => /* @__PURE__ */ i("tr", {
|
|
96
96
|
children: [/* @__PURE__ */ e("th", {
|
|
97
97
|
scope: "row",
|
|
98
98
|
children: o.levelName
|
|
99
99
|
}), /* @__PURE__ */ e("td", {
|
|
100
|
-
children: o.levelValue || /* @__PURE__ */ e(
|
|
100
|
+
children: o.levelValue || /* @__PURE__ */ e(y, {
|
|
101
101
|
...a.emptyAncestorLevelValue
|
|
102
102
|
})
|
|
103
103
|
})]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/metadata-editor",
|
|
3
|
-
"version": "0.73.
|
|
3
|
+
"version": "0.73.2",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@ariakit/react": "0.4.5",
|
|
6
6
|
"@box/blueprint-web": "^7.30.3",
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"devDependencies": {
|
|
15
15
|
"@ariakit/react": "0.4.5",
|
|
16
16
|
"@box/babel-plugin-target-attributes": "1.3.0",
|
|
17
|
-
"@box/blueprint-web": "^8.
|
|
17
|
+
"@box/blueprint-web": "^8.5.0",
|
|
18
18
|
"@box/blueprint-web-assets": "^4.28.0",
|
|
19
19
|
"@box/storybook-utils": "^0.7.0",
|
|
20
20
|
"@testing-library/react": "^15.0.6",
|
|
@@ -53,5 +53,5 @@
|
|
|
53
53
|
"**/*.css"
|
|
54
54
|
],
|
|
55
55
|
"license": "SEE LICENSE IN LICENSE",
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "b963b0c33615aba9b65b3d3787ebb490b039070f"
|
|
57
57
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._popoverContentContainer_sfidx_1{width:18.25rem;outline:none}._popoverMainContent_sfidx_6{max-height:calc(var(--radix-popover-content-available-height) - var(--space-8) - var(--space-2) - var(--border-1))}._loadingIndicatorWrapper_sfidx_10{position:relative;display:flex;align-items:end;height:var(--size-8)}._errorMessageWrapper_sfidx_17{display:flex;flex-direction:column;justify-content:center}._errorMessageWrapper_sfidx_17 ._errorMessageWrapperText_sfidx_22{display:flex;gap:var(--space-1);align-items:center;justify-content:center;height:var(--size-8)}._container_sfidx_30{display:flex;gap:var(--space-1);justify-content:center}table._taxonomyAncestorTable_sfidx_36{width:100%;table-layout:fixed;border-spacing:0}table._taxonomyAncestorTable_sfidx_36>tbody>tr{display:flex;flex-direction:column}table._taxonomyAncestorTable_sfidx_36>tbody>tr:not(:last-child){margin-block-end:var(--space-2)}table._taxonomyAncestorTable_sfidx_36>tbody>tr>th{font-weight:700;font-size:.875rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.25rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none;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_sfidx_36>tbody>tr>td{font-weight:400;font-size:.875rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.25rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none;display:block;padding:0;color:var(--text-text-on-light);word-break:break-all}@media (max-width: 767px){._taxonomyValueGroup_sfidx_79{flex-wrap:wrap}}._taxonomyValueButton_sfidx_84{overflow-x:hidden}._taxonomyValueButton_sfidx_84:focus-visible{overflow-x:hidden}._taxonomyValueButton_sfidx_84:disabled{color:var(--text-text-on-light)}._taxonomyValueButton_sfidx_84 ._taxonomyValueLabel_sfidx_94{overflow-x:hidden;text-overflow:ellipsis}
|