@box/metadata-taxonomy-picker 3.1.32 → 3.1.34
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/empty-state.js +5 -5
- package/dist/chunks/error-state.js +9 -9
- package/dist/chunks/load-more-error-row.js +11 -12
- package/dist/chunks/load-more-loading-row.js +4 -4
- package/dist/chunks/loading-state.js +4 -4
- package/dist/chunks/metadata-taxonomy-picker-shell.js +20 -21
- package/dist/chunks/taxonomy-level-filter.js +13 -13
- package/dist/chunks/taxonomy-menu-item.js +9 -9
- package/dist/styles/load-more-error-row.css +1 -1
- package/dist/styles/metadata-taxonomy-picker-shell.css +1 -1
- package/package.json +6 -6
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { messages as e } from "../esm/lib/components/taxonomy-items-list/messages.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { useIntl as t } from "react-intl";
|
|
3
|
+
import { Text as n } from "@box/blueprint-web";
|
|
4
4
|
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
5
5
|
import '../styles/empty-state.css';var a = { root: "_root_1fze8_1" };
|
|
6
6
|
function o({ isSearchMode: o = !1 }) {
|
|
7
|
-
let { formatMessage: s } =
|
|
7
|
+
let { formatMessage: s } = t(), c = s(o ? e.searchEmptyStateHeading : e.emptyStateHeading), l = s(o ? e.searchEmptyStateBody : e.emptyStateBody);
|
|
8
8
|
return /* @__PURE__ */ i("div", {
|
|
9
9
|
className: a.root,
|
|
10
10
|
role: "status",
|
|
11
|
-
children: [/* @__PURE__ */ r(
|
|
11
|
+
children: [/* @__PURE__ */ r(n, {
|
|
12
12
|
as: "h3",
|
|
13
13
|
variant: "titleSmall",
|
|
14
14
|
children: c
|
|
15
|
-
}), /* @__PURE__ */ r(
|
|
15
|
+
}), /* @__PURE__ */ r(n, {
|
|
16
16
|
as: "p",
|
|
17
17
|
color: "textOnLightSecondary",
|
|
18
18
|
children: l
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { messages as e } from "../esm/lib/components/taxonomy-items-list/messages.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
2
|
+
import { useIntl as t } from "react-intl";
|
|
3
|
+
import { Button as n, EmptyState as r, Text as i } from "@box/blueprint-web";
|
|
4
|
+
import { Loader as a } from "@box/blueprint-web-assets/icons/Fill";
|
|
5
5
|
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
6
6
|
import { Unplugged as c } from "@box/blueprint-web-assets/illustrations/Medium";
|
|
7
7
|
import '../styles/error-state.css';var l = {
|
|
@@ -9,17 +9,17 @@ import '../styles/error-state.css';var l = {
|
|
|
9
9
|
body: "_body_1ml46_8"
|
|
10
10
|
};
|
|
11
11
|
function u({ onRetry: u }) {
|
|
12
|
-
let { formatMessage: d } =
|
|
12
|
+
let { formatMessage: d } = t();
|
|
13
13
|
return /* @__PURE__ */ o("div", {
|
|
14
14
|
className: l.root,
|
|
15
|
-
children: /* @__PURE__ */ o(
|
|
15
|
+
children: /* @__PURE__ */ o(r, {
|
|
16
16
|
body: /* @__PURE__ */ s("div", {
|
|
17
17
|
className: l.body,
|
|
18
|
-
children: [/* @__PURE__ */ o(
|
|
18
|
+
children: [/* @__PURE__ */ o(i, {
|
|
19
19
|
as: "p",
|
|
20
20
|
variant: "bodyDefault",
|
|
21
21
|
children: d(e.errorStateHeading)
|
|
22
|
-
}), /* @__PURE__ */ o(
|
|
22
|
+
}), /* @__PURE__ */ o(i, {
|
|
23
23
|
as: "p",
|
|
24
24
|
variant: "bodyDefault",
|
|
25
25
|
children: d(e.errorStateBody)
|
|
@@ -28,8 +28,8 @@ function u({ onRetry: u }) {
|
|
|
28
28
|
illustration: c,
|
|
29
29
|
role: "alert",
|
|
30
30
|
size: "large",
|
|
31
|
-
children: /* @__PURE__ */ o(
|
|
32
|
-
endIcon:
|
|
31
|
+
children: /* @__PURE__ */ o(n, {
|
|
32
|
+
endIcon: a,
|
|
33
33
|
onClick: u,
|
|
34
34
|
size: "large",
|
|
35
35
|
variant: "secondary",
|
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
import { messages as e } from "../esm/lib/components/taxonomy-items-list/load-more-feedback/messages.js";
|
|
2
2
|
import { useEffect as t } from "react";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
3
|
+
import { useIntl as n } from "react-intl";
|
|
4
|
+
import { InlineNotice as r, Text as i, TextButton as a } from "@box/blueprint-web";
|
|
5
|
+
import { Loader as o } from "@box/blueprint-web-assets/icons/Fill";
|
|
6
6
|
import { jsx as s, jsxs as c } from "react/jsx-runtime";
|
|
7
7
|
import { AlertCircle as l } from "@box/blueprint-web-assets/icons/Medium";
|
|
8
8
|
import { bpIconIconErrorOnColor as u } from "@box/blueprint-web-assets/tokens/tokens";
|
|
9
9
|
import '../styles/load-more-error-row.css';var d = {
|
|
10
|
-
container: "
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
reloadButton: "_reloadButton_19xfu_20"
|
|
10
|
+
container: "_container_1sz1a_1",
|
|
11
|
+
errorText: "_errorText_1sz1a_11",
|
|
12
|
+
reloadButton: "_reloadButton_1sz1a_16"
|
|
14
13
|
};
|
|
15
14
|
function f({ onRetry: f }) {
|
|
16
|
-
let { formatMessage: p } =
|
|
15
|
+
let { formatMessage: p } = n();
|
|
17
16
|
return t(() => {
|
|
18
17
|
let e = document.activeElement, t = e?.closest("[role=\"listbox\"]") != null;
|
|
19
18
|
return () => {
|
|
@@ -23,7 +22,7 @@ function f({ onRetry: f }) {
|
|
|
23
22
|
"aria-live": "polite",
|
|
24
23
|
className: d.container,
|
|
25
24
|
role: "status",
|
|
26
|
-
children: [/* @__PURE__ */ s(
|
|
25
|
+
children: [/* @__PURE__ */ s(r, {
|
|
27
26
|
icon: () => /* @__PURE__ */ s(l, {
|
|
28
27
|
width: 20,
|
|
29
28
|
height: 20,
|
|
@@ -31,7 +30,7 @@ function f({ onRetry: f }) {
|
|
|
31
30
|
}),
|
|
32
31
|
variant: "error",
|
|
33
32
|
variantIconAriaLabel: p(e.errorNoticeIconAriaLabel),
|
|
34
|
-
children: /* @__PURE__ */ s(
|
|
33
|
+
children: /* @__PURE__ */ s(i, {
|
|
35
34
|
as: "span",
|
|
36
35
|
className: d.errorText,
|
|
37
36
|
color: "textOnLightError",
|
|
@@ -40,9 +39,9 @@ function f({ onRetry: f }) {
|
|
|
40
39
|
})
|
|
41
40
|
}), /* @__PURE__ */ s("div", {
|
|
42
41
|
className: d.reloadButton,
|
|
43
|
-
children: /* @__PURE__ */ s(
|
|
42
|
+
children: /* @__PURE__ */ s(a, {
|
|
44
43
|
"data-testid": "reload-button",
|
|
45
|
-
icon:
|
|
44
|
+
icon: o,
|
|
46
45
|
onClick: f,
|
|
47
46
|
type: "button",
|
|
48
47
|
children: p(e.reloadButtonLabel)
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import "../esm/lib/constants.js";
|
|
2
2
|
import { messages as e } from "../esm/lib/components/taxonomy-items-list/load-more-feedback/messages.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { useIntl as t } from "react-intl";
|
|
4
|
+
import { Ghost as n } from "@box/blueprint-web";
|
|
5
5
|
import { jsx as r } from "react/jsx-runtime";
|
|
6
6
|
import '../styles/load-more-loading-row.css';var i = { container: "_container_1ubpr_1" };
|
|
7
7
|
function a() {
|
|
8
|
-
let { formatMessage: a } =
|
|
8
|
+
let { formatMessage: a } = t();
|
|
9
9
|
return /* @__PURE__ */ r("div", {
|
|
10
10
|
"aria-busy": "true",
|
|
11
11
|
"aria-label": a(e.loadingRowAriaLabel),
|
|
12
12
|
className: i.container,
|
|
13
13
|
role: "status",
|
|
14
|
-
children: Array.from({ length: 3 }, (e,
|
|
14
|
+
children: Array.from({ length: 3 }, (e, t) => /* @__PURE__ */ r(n, { height: 16 }, t))
|
|
15
15
|
});
|
|
16
16
|
}
|
|
17
17
|
export { a as t };
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import "../esm/lib/constants.js";
|
|
2
2
|
import { messages as e } from "../esm/lib/components/taxonomy-items-list/messages.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { useIntl as t } from "react-intl";
|
|
4
|
+
import { Ghost as n } from "@box/blueprint-web";
|
|
5
5
|
import { jsx as r } from "react/jsx-runtime";
|
|
6
6
|
import '../styles/loading-state.css';var i = { root: "_root_t50cx_1" };
|
|
7
7
|
function a() {
|
|
8
|
-
let { formatMessage: a } =
|
|
8
|
+
let { formatMessage: a } = t();
|
|
9
9
|
return /* @__PURE__ */ r("div", {
|
|
10
10
|
"aria-busy": "true",
|
|
11
11
|
"aria-label": a(e.loadingAriaLabel),
|
|
12
12
|
className: i.root,
|
|
13
13
|
role: "status",
|
|
14
|
-
children: Array.from({ length: 9 }, (e,
|
|
14
|
+
children: Array.from({ length: 9 }, (e, t) => /* @__PURE__ */ r(n, { height: 16 }, t))
|
|
15
15
|
});
|
|
16
16
|
}
|
|
17
17
|
export { a as t };
|
|
@@ -4,24 +4,23 @@ import { t as n } from "./taxonomy-items-list.js";
|
|
|
4
4
|
import { t as r } from "./taxonomy-level-filter.js";
|
|
5
5
|
import { messages as i } from "../esm/lib/components/metadata-taxonomy-picker-shell/messages.js";
|
|
6
6
|
import { forwardRef as a, useCallback as o, useEffect as ee, useId as te, useLayoutEffect as s, useMemo as c, useRef as l, useState as u } from "react";
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
9
|
-
import
|
|
10
|
-
import {
|
|
7
|
+
import ne from "clsx";
|
|
8
|
+
import { useIntl as re } from "react-intl";
|
|
9
|
+
import { Breadcrumb as ie, ChipsGroup as ae, IconButton as oe, InputChip as d, Popover as f, useForkRef as se } from "@box/blueprint-web";
|
|
10
|
+
import { Search as ce, XMark as le } from "@box/blueprint-web-assets/icons/Fill";
|
|
11
11
|
import { jsx as p, jsxs as m } from "react/jsx-runtime";
|
|
12
12
|
import '../styles/metadata-taxonomy-picker-shell.css';var h = /* @__PURE__ */ function(e) {
|
|
13
13
|
return e.SingleLevel = "single-level", e.MultiLevel = "multi-level", e;
|
|
14
14
|
}({}), g = {
|
|
15
|
-
container: "
|
|
16
|
-
label: "
|
|
17
|
-
trigger: "
|
|
18
|
-
searchInput: "
|
|
19
|
-
chips: "
|
|
20
|
-
searchIcon: "
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
breadcrumbContainer: "_breadcrumbContainer_hdbsq_110"
|
|
15
|
+
container: "_container_1mgby_1",
|
|
16
|
+
label: "_label_1mgby_8",
|
|
17
|
+
trigger: "_trigger_1mgby_16",
|
|
18
|
+
searchInput: "_searchInput_1mgby_34",
|
|
19
|
+
chips: "_chips_1mgby_46",
|
|
20
|
+
searchIcon: "_searchIcon_1mgby_83",
|
|
21
|
+
popover: "_popover_1mgby_92",
|
|
22
|
+
clearButton: "_clearButton_1mgby_100",
|
|
23
|
+
breadcrumbContainer: "_breadcrumbContainer_1mgby_104"
|
|
25
24
|
};
|
|
26
25
|
function ue(e) {
|
|
27
26
|
let t = null;
|
|
@@ -33,7 +32,7 @@ function fe(e) {
|
|
|
33
32
|
if (e != null) return (typeof e == "function" ? e() : e) ?? void 0;
|
|
34
33
|
}
|
|
35
34
|
var _ = /*#__PURE__*/ a(function({ itemsService: a, eventService: _, levels: v = de, mode: pe, multiSelect: y, value: b, onValueChange: x, placeholder: me, disabled: S = !1, label: C, containerClassName: he, portalElement: ge }, _e) {
|
|
36
|
-
let { formatMessage: w } =
|
|
35
|
+
let { formatMessage: w } = re(), T = te(), E = `${T}-listbox`, D = l(null), ve = se(D, _e), O = l(null), k = l(null), [ye, be] = u(null), A = l(0), j = l(!1), xe = fe(ge), M = pe === h.SingleLevel, { state: N, isOpen: P, handleOpenChange: F, handleInputValueChange: I, actions: L } = t(a, v, _), { items: R, levelStack: z } = N, { drillDown: B, navigateBack: V, loadMore: Se, setSearchScopeOverride: H } = L, U = N.searchInputValue !== "", W = c(() => ue(N.availableLevels), [N.availableLevels]);
|
|
37
36
|
ee(() => {
|
|
38
37
|
H(M && W !== null ? {
|
|
39
38
|
parentId: null,
|
|
@@ -170,7 +169,7 @@ var _ = /*#__PURE__*/ a(function({ itemsService: a, eventService: _, levels: v =
|
|
|
170
169
|
onOpenChange: F,
|
|
171
170
|
open: P,
|
|
172
171
|
children: [/* @__PURE__ */ p(f.Anchor, { children: /* @__PURE__ */ m("div", {
|
|
173
|
-
className:
|
|
172
|
+
className: ne(g.container, he),
|
|
174
173
|
children: [C && /* @__PURE__ */ p("label", {
|
|
175
174
|
className: g.label,
|
|
176
175
|
htmlFor: T,
|
|
@@ -181,7 +180,7 @@ var _ = /*#__PURE__*/ a(function({ itemsService: a, eventService: _, levels: v =
|
|
|
181
180
|
onMouseDown: Pe,
|
|
182
181
|
ref: O,
|
|
183
182
|
children: [
|
|
184
|
-
y && $ && /* @__PURE__ */ p(
|
|
183
|
+
y && $ && /* @__PURE__ */ p(ae, {
|
|
185
184
|
className: g.chips,
|
|
186
185
|
onClick: Me,
|
|
187
186
|
children: b.map((e) => /* @__PURE__ */ p(d, {
|
|
@@ -211,15 +210,15 @@ var _ = /*#__PURE__*/ a(function({ itemsService: a, eventService: _, levels: v =
|
|
|
211
210
|
type: "text",
|
|
212
211
|
value: Ce
|
|
213
212
|
}),
|
|
214
|
-
!y && $ && /* @__PURE__ */ p(
|
|
213
|
+
!y && $ && /* @__PURE__ */ p(oe, {
|
|
215
214
|
"aria-label": w(i.clearAriaLabel),
|
|
216
215
|
className: g.clearButton,
|
|
217
|
-
icon:
|
|
216
|
+
icon: le,
|
|
218
217
|
size: "x-small",
|
|
219
218
|
tabIndex: S ? -1 : void 0,
|
|
220
219
|
onClick: Ie
|
|
221
220
|
}),
|
|
222
|
-
/* @__PURE__ */ p(
|
|
221
|
+
/* @__PURE__ */ p(ce, {
|
|
223
222
|
"aria-hidden": "true",
|
|
224
223
|
className: g.searchIcon,
|
|
225
224
|
role: "presentation"
|
|
@@ -238,7 +237,7 @@ var _ = /*#__PURE__*/ a(function({ itemsService: a, eventService: _, levels: v =
|
|
|
238
237
|
children: [
|
|
239
238
|
Q.length > 0 && !U && /* @__PURE__ */ p("div", {
|
|
240
239
|
className: g.breadcrumbContainer,
|
|
241
|
-
children: /* @__PURE__ */ p(
|
|
240
|
+
children: /* @__PURE__ */ p(ie, {
|
|
242
241
|
breadcrumbAriaLabel: w(i.breadcrumbAriaLabel),
|
|
243
242
|
crumbs: Q,
|
|
244
243
|
onPageLinkClick: ke,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { messages as e } from "../esm/lib/components/taxonomy-level-filter/messages.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { useIntl as t } from "react-intl";
|
|
3
|
+
import { DropdownMenu as n, TextButton as r } from "@box/blueprint-web";
|
|
4
4
|
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
5
5
|
import { Checkmark as o, ChevronDown as s } from "@box/blueprint-web-assets/icons/Medium";
|
|
6
6
|
import '../styles/taxonomy-level-filter.css';var c = {
|
|
@@ -10,35 +10,35 @@ import '../styles/taxonomy-level-filter.css';var c = {
|
|
|
10
10
|
levelFilterButton: "_levelFilterButton_mbgfz_26"
|
|
11
11
|
};
|
|
12
12
|
function l({ availableLevels: l, levelFilter: u, onLevelFilterChange: d, container: f }) {
|
|
13
|
-
let { formatMessage: p } =
|
|
13
|
+
let { formatMessage: p } = t(), m = p(e.allOption), h = u === null ? m : l.find((e) => e.level === u)?.displayName ?? m;
|
|
14
14
|
return /* @__PURE__ */ i("div", {
|
|
15
15
|
className: c.container,
|
|
16
|
-
children: /* @__PURE__ */ a(
|
|
16
|
+
children: /* @__PURE__ */ a(n.Root, {
|
|
17
17
|
modal: !1,
|
|
18
|
-
children: [/* @__PURE__ */ i(
|
|
18
|
+
children: [/* @__PURE__ */ i(n.Trigger, { children: /* @__PURE__ */ i(r, {
|
|
19
19
|
className: c.levelFilterButton,
|
|
20
20
|
icon: s,
|
|
21
21
|
variant: "bodyDefault",
|
|
22
22
|
children: h
|
|
23
|
-
}) }), /* @__PURE__ */ a(
|
|
23
|
+
}) }), /* @__PURE__ */ a(n.Content, {
|
|
24
24
|
className: c.popoverContent,
|
|
25
25
|
align: "start",
|
|
26
26
|
container: f,
|
|
27
27
|
children: [
|
|
28
|
-
/* @__PURE__ */ a(
|
|
28
|
+
/* @__PURE__ */ a(n.Item, {
|
|
29
29
|
onClick: () => d(null),
|
|
30
|
-
children: [/* @__PURE__ */ i(
|
|
30
|
+
children: [/* @__PURE__ */ i(n.Item.StartElement, {
|
|
31
31
|
className: c.itemStartElement,
|
|
32
32
|
icon: u === null ? o : void 0
|
|
33
|
-
}), /* @__PURE__ */ i(
|
|
33
|
+
}), /* @__PURE__ */ i(n.Item.MainContent, { label: m })]
|
|
34
34
|
}),
|
|
35
|
-
/* @__PURE__ */ i(
|
|
36
|
-
l.map((e) => /* @__PURE__ */ a(
|
|
35
|
+
/* @__PURE__ */ i(n.Separator, {}),
|
|
36
|
+
l.map((e) => /* @__PURE__ */ a(n.Item, {
|
|
37
37
|
onClick: () => d(e.level),
|
|
38
|
-
children: [/* @__PURE__ */ i(
|
|
38
|
+
children: [/* @__PURE__ */ i(n.Item.StartElement, {
|
|
39
39
|
className: c.itemStartElement,
|
|
40
40
|
icon: u === e.level ? o : void 0
|
|
41
|
-
}), /* @__PURE__ */ i(
|
|
41
|
+
}), /* @__PURE__ */ i(n.Item.MainContent, { label: e.displayName })]
|
|
42
42
|
}, e.level))
|
|
43
43
|
]
|
|
44
44
|
})]
|
|
@@ -2,9 +2,9 @@ import { t as e } from "./taxonomy-ancestor-breadcrumb.js";
|
|
|
2
2
|
import { messages as t } from "../esm/lib/components/taxonomy-menu-item/messages.js";
|
|
3
3
|
import { useTaxonomyMenuItemKeyboard as n } from "../esm/lib/components/taxonomy-menu-item/use-taxonomy-menu-item-keyboard.js";
|
|
4
4
|
import { memo as r, useCallback as i, useRef as a } from "react";
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
5
|
+
import o from "clsx";
|
|
6
|
+
import { useIntl as s } from "react-intl";
|
|
7
|
+
import { Checkbox as c, EllipsizableText as l, IconButton as u, Radio as d } from "@box/blueprint-web";
|
|
8
8
|
import { jsx as f, jsxs as p } from "react/jsx-runtime";
|
|
9
9
|
import { CompositeItem as m } from "@ariakit/react";
|
|
10
10
|
import { ChevronRight as h } from "@box/blueprint-web-assets/icons/Medium";
|
|
@@ -16,7 +16,7 @@ import '../styles/taxonomy-menu-item.css';var g = {
|
|
|
16
16
|
content: "_content_1a4ve_41",
|
|
17
17
|
drillDown: "_drillDown_1a4ve_48"
|
|
18
18
|
}, _ = /*#__PURE__*/ r(function({ id: r, displayName: _, isSearchMode: v = !1, selectable: y, multiSelect: b, isSelected: x, showDrillDown: S, ancestors: C, onSelect: w, onDrillDown: T, onFocusExit: E }) {
|
|
19
|
-
let { formatMessage: D } =
|
|
19
|
+
let { formatMessage: D } = s(), O = C != null && C.length > 0 && v, k = a(null), A = a(null), j = a(null), { handleSelectionControlFocus: M, handleRowKeyDown: N, handleRowKeyDownCapture: P, handleSelectionControlKeyDown: F, handleDrillDownKeyDown: I } = n({
|
|
20
20
|
id: r,
|
|
21
21
|
multiSelect: b,
|
|
22
22
|
onSelect: w,
|
|
@@ -41,7 +41,7 @@ import '../styles/taxonomy-menu-item.css';var g = {
|
|
|
41
41
|
role: "option",
|
|
42
42
|
"aria-selected": x
|
|
43
43
|
}),
|
|
44
|
-
className:
|
|
44
|
+
className: o(g.row, {
|
|
45
45
|
[g.rowWithAncestors]: O,
|
|
46
46
|
[g.nonSelectable]: !y
|
|
47
47
|
}),
|
|
@@ -50,7 +50,7 @@ import '../styles/taxonomy-menu-item.css';var g = {
|
|
|
50
50
|
onKeyDown: N,
|
|
51
51
|
onKeyDownCapture: P,
|
|
52
52
|
children: [
|
|
53
|
-
y && b && /* @__PURE__ */ f(
|
|
53
|
+
y && b && /* @__PURE__ */ f(c.Item, {
|
|
54
54
|
ref: A,
|
|
55
55
|
"aria-label": _,
|
|
56
56
|
checked: x,
|
|
@@ -62,7 +62,7 @@ import '../styles/taxonomy-menu-item.css';var g = {
|
|
|
62
62
|
onKeyDown: F,
|
|
63
63
|
value: r
|
|
64
64
|
}),
|
|
65
|
-
y && !b && /* @__PURE__ */ f(
|
|
65
|
+
y && !b && /* @__PURE__ */ f(d.Item, {
|
|
66
66
|
ref: A,
|
|
67
67
|
"aria-label": _,
|
|
68
68
|
className: g.selectionControl,
|
|
@@ -75,14 +75,14 @@ import '../styles/taxonomy-menu-item.css';var g = {
|
|
|
75
75
|
}),
|
|
76
76
|
/* @__PURE__ */ p("div", {
|
|
77
77
|
className: g.content,
|
|
78
|
-
children: [/* @__PURE__ */ f(
|
|
78
|
+
children: [/* @__PURE__ */ f(l, {
|
|
79
79
|
as: "span",
|
|
80
80
|
lineClamp: 1,
|
|
81
81
|
variant: O ? "bodyDefaultBold" : "bodyDefault",
|
|
82
82
|
children: _
|
|
83
83
|
}), O && /* @__PURE__ */ f(e, { ancestors: C })]
|
|
84
84
|
}),
|
|
85
|
-
S && /* @__PURE__ */ f(
|
|
85
|
+
S && /* @__PURE__ */ f(u, {
|
|
86
86
|
ref: j,
|
|
87
87
|
"aria-label": D(t.drillDownAriaLabel, { name: _ }),
|
|
88
88
|
className: g.drillDown,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_1sz1a_1{box-sizing:border-box;gap:var(--bp-space-020,.5rem);padding-block:var(--bp-space-030,.75rem);padding-inline:var(--bp-size-060,1.5rem) var(--bp-space-010,.5rem);flex-direction:column;width:100%;display:flex}._errorText_1sz1a_11{--text-color-on-light-error:var(--bp-text-text-error-on-color);padding-block-start:var(--bp-space-005)}._reloadButton_1sz1a_16{padding-inline-start:var(--bp-space-040,1rem)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_1mgby_1{gap:var(--bp-space-020,.5rem);flex-direction:column;width:100%;display:flex}._label_1mgby_8{color:var(--bp-text-text-on-light);font-size:var(--bp-font-size-040,1rem);font-weight:var(--bp-font-weight-bold,600);line-height:var(--bp-line-height-040,1.5rem);cursor:pointer}._trigger_1mgby_16{box-sizing:border-box;align-items:center;gap:var(--space-2);width:100%;min-height:var(--bp-size-100,2.5rem);padding-block:var(--bp-space-020,.5rem);padding-inline:var(--bp-space-030,.75rem);color:var(--bp-text-text-on-light);background-color:var(--surface-dropdown-surface);border:var(--bp-border-01,.0625rem) solid var(--bp-border-input-border);border-radius:var(--bp-radius-06,.75rem);font:inherit;cursor:pointer;outline:none;flex-wrap:wrap;display:flex}._trigger_1mgby_16:has(._searchInput_1mgby_34:focus){background-color:var(--surface-dropdown-surface-focus);border-color:var(--outline-focus-on-light);border-width:var(--bp-border-02,.125rem)}._trigger_1mgby_16[data-disabled=true]{opacity:.6;cursor:not-allowed}._trigger_1mgby_16[data-disabled=true] button{pointer-events:none}._trigger_1mgby_16 ._chips_1mgby_46{display:contents}._trigger_1mgby_16[data-disabled=true] ._chips_1mgby_46>*{pointer-events:none}input[type=text]._searchInput_1mgby_34{width:auto;min-width:var(--size-12);color:var(--bp-text-text-on-light);box-shadow:none;font:inherit;font-size:var(--bp-font-size-05,.9375rem);line-height:var(--body-default-line-height,1.25rem);cursor:inherit;background:0 0;border:none;border-radius:0;outline:none;flex:1;padding:0}input[type=text]._searchInput_1mgby_34:hover,input[type=text]._searchInput_1mgby_34:focus,input[type=text]._searchInput_1mgby_34:disabled{box-shadow:none;background:0 0;border:none;border-radius:0;outline:none}input[type=text]._searchInput_1mgby_34::placeholder{color:var(--bp-text-text-on-light-secondary);font-family:inherit;font-size:var(--bp-font-size-05,.9375rem);font-weight:var(--bp-font-weight-regular,400)}._searchIcon_1mgby_83{width:var(--bp-size-040,1rem);height:var(--bp-size-040,1rem);color:var(--bp-icon-icon-on-light-secondary);pointer-events:none;flex-shrink:0;margin-inline-start:auto}._popover_1mgby_92{width:var(--radix-popover-trigger-width);max-width:none}._popover_1mgby_92 div[data-radix-popper-content-wrapper]:has([role=menu]){background-color:var(--bp-surface-menu-surface-dropdown)}._clearButton_1mgby_100{flex-shrink:0}._breadcrumbContainer_1mgby_104{min-width:0;padding-block:var(--bp-space-020,.5rem);padding-inline:var(--bp-space-020,.5rem);border-bottom:var(--bp-border-01,.0625rem) solid var(--bp-border-divider);align-items:center;display:flex}._breadcrumbContainer_1mgby_104 li:first-child:has(button){margin-inline-start:calc(-1 * var(--bp-space-010,.25rem))}
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/metadata-taxonomy-picker",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.34",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@ariakit/react": "^0.4.21",
|
|
7
|
-
"@box/blueprint-web": "^16.
|
|
8
|
-
"@box/blueprint-web-assets": "^5.5.
|
|
7
|
+
"@box/blueprint-web": "^16.12.1",
|
|
8
|
+
"@box/blueprint-web-assets": "^5.5.8",
|
|
9
9
|
"@tanstack/react-virtual": "^3.10.8",
|
|
10
10
|
"react": "^18.0.0",
|
|
11
11
|
"react-dom": "^18.0.0",
|
|
@@ -13,10 +13,10 @@
|
|
|
13
13
|
},
|
|
14
14
|
"devDependencies": {
|
|
15
15
|
"@ariakit/react": "^0.4.21",
|
|
16
|
-
"@box/blueprint-web": "^16.
|
|
17
|
-
"@box/blueprint-web-assets": "^5.5.
|
|
16
|
+
"@box/blueprint-web": "^16.12.1",
|
|
17
|
+
"@box/blueprint-web-assets": "^5.5.8",
|
|
18
18
|
"@box/eslint-plugin-blueprint": "2.1.10",
|
|
19
|
-
"@box/storybook-utils": "1.1.
|
|
19
|
+
"@box/storybook-utils": "1.1.32",
|
|
20
20
|
"@tanstack/react-virtual": "^3.10.8",
|
|
21
21
|
"react-intl": "^6.4.2"
|
|
22
22
|
},
|