@box/metadata-view 0.47.1 → 0.48.1
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/index.js +82 -84
- package/dist/esm/lib/components/filter-sidepanel/filter.js +27 -18
- package/dist/esm/lib/components/metadata-table/metadata-table.js +31 -30
- package/dist/esm/lib/components/metadata-table/table-body/table-body-with-data.js +104 -95
- package/dist/i18n/en-x-pseudo.js +31 -31
- package/dist/i18n/en-x-pseudo.properties +31 -31
- package/dist/types/lib/components/filter-row/types.d.ts +1 -0
- package/dist/types/lib/test-utils/mock-data.d.ts +0 -2
- package/dist/types/lib/types.d.ts +1 -0
- package/package.json +6 -6
package/dist/chunks/index.js
CHANGED
|
@@ -1,95 +1,93 @@
|
|
|
1
|
-
import { Row as
|
|
2
|
-
import
|
|
3
|
-
import { ItemTypeIcon as
|
|
4
|
-
import
|
|
1
|
+
import { Row as L, Cell as a, Text as s, ActionCell as x } from "@box/blueprint-web";
|
|
2
|
+
import I from "lodash/get";
|
|
3
|
+
import { ItemTypeIcon as N } from "@box/item-icon";
|
|
4
|
+
import E from "clsx";
|
|
5
5
|
import { I as n } from "./types.js";
|
|
6
|
-
import { THUMBNAIL_LIST_VIEW_HEIGHTS as
|
|
7
|
-
import { jsxs as
|
|
8
|
-
import { ItemActionMenu as
|
|
9
|
-
import '../styles/index.css';const
|
|
10
|
-
tableHeaderActionsWrapper:
|
|
11
|
-
tableHeaderActions:
|
|
12
|
-
tableRow:
|
|
13
|
-
selectAllCheckbox:
|
|
14
|
-
tableNameCell:
|
|
15
|
-
tableNameCellSubtitle:
|
|
16
|
-
infiniteScrollTableContainerFullHeight:
|
|
17
|
-
iconCell:
|
|
18
|
-
},
|
|
6
|
+
import { THUMBNAIL_LIST_VIEW_HEIGHTS as q } from "../esm/lib/components/constants.js";
|
|
7
|
+
import { jsxs as d, jsx as e } from "react/jsx-runtime";
|
|
8
|
+
import { ItemActionMenu as z } from "../esm/lib/components/item-action-menu/item-action-menu.js";
|
|
9
|
+
import '../styles/index.css';const y = "_tableHeaderActionsWrapper_zlqta_1", R = "_tableHeaderActions_zlqta_1", g = "_tableRow_zlqta_33", w = "_selectAllCheckbox_zlqta_42", U = "_tableNameCell_zlqta_47", k = "_tableNameCellSubtitle_zlqta_53", B = "_infiniteScrollTableContainerFullHeight_zlqta_58", W = "_iconCell_zlqta_64", i = {
|
|
10
|
+
tableHeaderActionsWrapper: y,
|
|
11
|
+
tableHeaderActions: R,
|
|
12
|
+
tableRow: g,
|
|
13
|
+
selectAllCheckbox: w,
|
|
14
|
+
tableNameCell: U,
|
|
15
|
+
tableNameCellSubtitle: k,
|
|
16
|
+
infiniteScrollTableContainerFullHeight: B,
|
|
17
|
+
iconCell: W
|
|
18
|
+
}, J = ({
|
|
19
19
|
item: l,
|
|
20
20
|
columns: h,
|
|
21
21
|
iconColumnVariant: t,
|
|
22
|
-
isSelectAllEnabled:
|
|
23
|
-
itemActionMenuProps:
|
|
22
|
+
isSelectAllEnabled: C,
|
|
23
|
+
itemActionMenuProps: b,
|
|
24
24
|
zoomLevel: u = 0
|
|
25
|
-
}) => {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
if (r === "name" && (t === n.INLINE || t === n.INLINE_SUBTITLE))
|
|
47
|
-
return /* @__PURE__ */ e(a, {
|
|
48
|
-
children: /* @__PURE__ */ _("div", {
|
|
49
|
-
className: i.tableNameCell,
|
|
50
|
-
children: [/* @__PURE__ */ e(p, {
|
|
51
|
-
item: l
|
|
52
|
-
}), /* @__PURE__ */ _("div", {
|
|
53
|
-
className: A({
|
|
54
|
-
[i.tableNameCellSubtitle]: t === n.INLINE_SUBTITLE
|
|
55
|
-
}),
|
|
56
|
-
children: [/* @__PURE__ */ e(s, {
|
|
57
|
-
as: "span",
|
|
58
|
-
children: b(l, r)
|
|
59
|
-
}), t === n.INLINE_SUBTITLE ? /* @__PURE__ */ e(s, {
|
|
60
|
-
as: "span",
|
|
61
|
-
color: "textOnLightSecondary",
|
|
62
|
-
children: T
|
|
63
|
-
}) : null]
|
|
64
|
-
})]
|
|
65
|
-
})
|
|
66
|
-
}, c);
|
|
67
|
-
if (m)
|
|
68
|
-
return /* @__PURE__ */ e(a, {
|
|
69
|
-
children: m(l, o)
|
|
70
|
-
}, c);
|
|
71
|
-
if (S === "multiSelect") {
|
|
72
|
-
const N = b(l, r);
|
|
73
|
-
return /* @__PURE__ */ e(a, {
|
|
74
|
-
children: N ? N.join(" ") : ""
|
|
75
|
-
}, c);
|
|
76
|
-
}
|
|
25
|
+
}) => /* @__PURE__ */ d(L, {
|
|
26
|
+
className: i.tableRow,
|
|
27
|
+
id: l.id,
|
|
28
|
+
children: [t === n.COLUMN ? /* @__PURE__ */ e(a, {
|
|
29
|
+
style: {
|
|
30
|
+
height: q[u]
|
|
31
|
+
},
|
|
32
|
+
children: /* @__PURE__ */ e(N, {
|
|
33
|
+
className: i.iconCell,
|
|
34
|
+
item: l
|
|
35
|
+
})
|
|
36
|
+
}, `item-type-icon-${l.id}`) : null, h.map((o) => {
|
|
37
|
+
const {
|
|
38
|
+
cellRenderer: _,
|
|
39
|
+
id: r,
|
|
40
|
+
isItemMetadata: T,
|
|
41
|
+
subtitle: f,
|
|
42
|
+
textValue: S,
|
|
43
|
+
type: H
|
|
44
|
+
} = o, c = `${S}-${l.id}`, A = T ? r.split(".")[1] : r, m = I(l, A);
|
|
45
|
+
if (r === "name" && (t === n.INLINE || t === n.INLINE_SUBTITLE))
|
|
77
46
|
return /* @__PURE__ */ e(a, {
|
|
78
|
-
children: /* @__PURE__ */
|
|
79
|
-
|
|
80
|
-
children:
|
|
47
|
+
children: /* @__PURE__ */ d("div", {
|
|
48
|
+
className: i.tableNameCell,
|
|
49
|
+
children: [/* @__PURE__ */ e(N, {
|
|
50
|
+
item: l
|
|
51
|
+
}), /* @__PURE__ */ d("div", {
|
|
52
|
+
className: E({
|
|
53
|
+
[i.tableNameCellSubtitle]: t === n.INLINE_SUBTITLE
|
|
54
|
+
}),
|
|
55
|
+
children: [/* @__PURE__ */ e(s, {
|
|
56
|
+
as: "span",
|
|
57
|
+
children: m
|
|
58
|
+
}), t === n.INLINE_SUBTITLE ? /* @__PURE__ */ e(s, {
|
|
59
|
+
as: "span",
|
|
60
|
+
color: "textOnLightSecondary",
|
|
61
|
+
children: f
|
|
62
|
+
}) : null]
|
|
63
|
+
})]
|
|
81
64
|
})
|
|
82
65
|
}, c);
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
};
|
|
66
|
+
if (_)
|
|
67
|
+
return /* @__PURE__ */ e(a, {
|
|
68
|
+
children: _(l, o)
|
|
69
|
+
}, c);
|
|
70
|
+
if (H === "multiSelect") {
|
|
71
|
+
const p = I(l, r);
|
|
72
|
+
return /* @__PURE__ */ e(a, {
|
|
73
|
+
children: p ? p.join(" ") : ""
|
|
74
|
+
}, c);
|
|
75
|
+
}
|
|
76
|
+
return /* @__PURE__ */ e(a, {
|
|
77
|
+
children: /* @__PURE__ */ e(s, {
|
|
78
|
+
as: "span",
|
|
79
|
+
children: m
|
|
80
|
+
})
|
|
81
|
+
}, c);
|
|
82
|
+
}), C && /* @__PURE__ */ e(x, {
|
|
83
|
+
children: (o) => b ? /* @__PURE__ */ e(z, {
|
|
84
|
+
...b,
|
|
85
|
+
item: l,
|
|
86
|
+
onOpenChange: o
|
|
87
|
+
}) : null
|
|
88
|
+
})]
|
|
89
|
+
}, l.id);
|
|
92
90
|
export {
|
|
93
|
-
|
|
91
|
+
J as T,
|
|
94
92
|
i as s
|
|
95
93
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { MetadataStringField as u, MetadataMultiSelectField as f, MetadataEnumField as s,
|
|
1
|
+
import { MetadataStringField as u, MetadataMultiSelectField as f, MetadataEnumField as s, MetadataFloatField as m, MetadataDateField as F } from "@box/metadata-filter";
|
|
2
2
|
import { useIntl as n } from "react-intl";
|
|
3
|
-
import { MetadataFileField as
|
|
4
|
-
import { MetadataLocationField as
|
|
5
|
-
import { MetadataRadioField as
|
|
3
|
+
import { MetadataFileField as M } from "../metadata-value/metadata-file-field.js";
|
|
4
|
+
import { MetadataLocationField as x } from "../metadata-value/metadata-location-field.js";
|
|
5
|
+
import { MetadataRadioField as b } from "../metadata-value/metadata-radio-field.js";
|
|
6
6
|
import { MetadataSearchField as S } from "../metadata-value/metadata-search-field.js";
|
|
7
7
|
import { jsx as t } from "react/jsx-runtime";
|
|
8
|
-
const i = (e) => `metadata.fields.${e}`,
|
|
8
|
+
const i = (e) => `metadata.fields.${e}`, g = ({
|
|
9
9
|
id: e,
|
|
10
10
|
name: a,
|
|
11
11
|
placeholder: l,
|
|
@@ -25,7 +25,7 @@ const i = (e) => `metadata.fields.${e}`, b = ({
|
|
|
25
25
|
label: a || ""
|
|
26
26
|
});
|
|
27
27
|
}
|
|
28
|
-
},
|
|
28
|
+
}, h = ({
|
|
29
29
|
id: e,
|
|
30
30
|
name: a,
|
|
31
31
|
variant: l,
|
|
@@ -33,7 +33,7 @@ const i = (e) => `metadata.fields.${e}`, b = ({
|
|
|
33
33
|
}) => {
|
|
34
34
|
switch (l) {
|
|
35
35
|
case "file":
|
|
36
|
-
return /* @__PURE__ */ t(
|
|
36
|
+
return /* @__PURE__ */ t(M, {
|
|
37
37
|
id: e
|
|
38
38
|
});
|
|
39
39
|
case "default":
|
|
@@ -44,7 +44,7 @@ const i = (e) => `metadata.fields.${e}`, b = ({
|
|
|
44
44
|
portalElement: r
|
|
45
45
|
});
|
|
46
46
|
}
|
|
47
|
-
},
|
|
47
|
+
}, P = ({
|
|
48
48
|
id: e,
|
|
49
49
|
name: a,
|
|
50
50
|
parentRef: l,
|
|
@@ -57,13 +57,13 @@ const i = (e) => `metadata.fields.${e}`, b = ({
|
|
|
57
57
|
} = n();
|
|
58
58
|
switch (r) {
|
|
59
59
|
case "file":
|
|
60
|
-
return /* @__PURE__ */ t(
|
|
60
|
+
return /* @__PURE__ */ t(x, {
|
|
61
61
|
id: e,
|
|
62
62
|
renderer: c,
|
|
63
63
|
triggerSetValueCallback: d
|
|
64
64
|
});
|
|
65
65
|
case "radio":
|
|
66
|
-
return /* @__PURE__ */ t(
|
|
66
|
+
return /* @__PURE__ */ t(b, {
|
|
67
67
|
id: e,
|
|
68
68
|
name: a
|
|
69
69
|
});
|
|
@@ -76,7 +76,13 @@ const i = (e) => `metadata.fields.${e}`, b = ({
|
|
|
76
76
|
portalElement: l
|
|
77
77
|
});
|
|
78
78
|
}
|
|
79
|
-
},
|
|
79
|
+
}, N = ({
|
|
80
|
+
id: e,
|
|
81
|
+
name: a
|
|
82
|
+
}) => /* @__PURE__ */ t(m, {
|
|
83
|
+
fieldNamePrefix: i(e),
|
|
84
|
+
label: a || ""
|
|
85
|
+
}), w = ({
|
|
80
86
|
customLabels: e,
|
|
81
87
|
canUseRelativeDates: a,
|
|
82
88
|
customDateFilterOptions: l,
|
|
@@ -86,7 +92,7 @@ const i = (e) => `metadata.fields.${e}`, b = ({
|
|
|
86
92
|
const {
|
|
87
93
|
locale: d
|
|
88
94
|
} = n();
|
|
89
|
-
return /* @__PURE__ */ t(
|
|
95
|
+
return /* @__PURE__ */ t(F, {
|
|
90
96
|
canUseRelativeDates: a,
|
|
91
97
|
customDateFilterOptions: l,
|
|
92
98
|
customFieldLabels: e,
|
|
@@ -95,25 +101,28 @@ const i = (e) => `metadata.fields.${e}`, b = ({
|
|
|
95
101
|
label: c || "",
|
|
96
102
|
locale: d
|
|
97
103
|
});
|
|
98
|
-
},
|
|
104
|
+
}, y = ({
|
|
99
105
|
...e
|
|
100
106
|
}) => {
|
|
101
107
|
switch (e.fieldType) {
|
|
102
108
|
case "string":
|
|
109
|
+
return /* @__PURE__ */ t(g, {
|
|
110
|
+
...e
|
|
111
|
+
});
|
|
103
112
|
case "float":
|
|
104
|
-
return /* @__PURE__ */ t(
|
|
113
|
+
return /* @__PURE__ */ t(N, {
|
|
105
114
|
...e
|
|
106
115
|
});
|
|
107
116
|
case "date":
|
|
108
|
-
return /* @__PURE__ */ t(
|
|
117
|
+
return /* @__PURE__ */ t(w, {
|
|
109
118
|
...e
|
|
110
119
|
});
|
|
111
120
|
case "multiSelect":
|
|
112
|
-
return /* @__PURE__ */ t(
|
|
121
|
+
return /* @__PURE__ */ t(h, {
|
|
113
122
|
...e
|
|
114
123
|
});
|
|
115
124
|
case "enum":
|
|
116
|
-
return /* @__PURE__ */ t(
|
|
125
|
+
return /* @__PURE__ */ t(P, {
|
|
117
126
|
...e
|
|
118
127
|
});
|
|
119
128
|
default:
|
|
@@ -121,5 +130,5 @@ const i = (e) => `metadata.fields.${e}`, b = ({
|
|
|
121
130
|
}
|
|
122
131
|
};
|
|
123
132
|
export {
|
|
124
|
-
|
|
133
|
+
y as Filter
|
|
125
134
|
};
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { useRef as v } from "react";
|
|
2
|
-
import { useIntl as
|
|
3
|
-
import { Text as
|
|
4
|
-
import { useInfiniteScrollTableItems as
|
|
5
|
-
import { TableRenderer as
|
|
6
|
-
import { I as
|
|
7
|
-
import { THUMBNAIL_WIDTHS as
|
|
2
|
+
import { useIntl as E } from "react-intl";
|
|
3
|
+
import { Text as S, ListCheckbox as k, TableHeader as B, Column as O } from "@box/blueprint-web";
|
|
4
|
+
import { useInfiniteScrollTableItems as P } from "./hooks/useInfiniteScrollTableItems.js";
|
|
5
|
+
import { TableRenderer as I } from "./table-renderer.js";
|
|
6
|
+
import { I as U } from "../../../../chunks/types.js";
|
|
7
|
+
import { THUMBNAIL_WIDTHS as j } from "../constants.js";
|
|
8
8
|
import { s } from "../../../../chunks/index.js";
|
|
9
|
-
import
|
|
9
|
+
import F from "./messages.js";
|
|
10
10
|
import { jsx as e } from "react/jsx-runtime";
|
|
11
11
|
import "./table-body/inline-editing-cell/inline-editing-cell.js";
|
|
12
|
-
const
|
|
12
|
+
const G = 40, ee = ({
|
|
13
13
|
columns: o,
|
|
14
14
|
isLoading: i = !1,
|
|
15
15
|
iconColumnVariant: n,
|
|
16
|
-
isSelectAllEnabled:
|
|
17
|
-
items:
|
|
18
|
-
itemActionMenuProps:
|
|
16
|
+
isSelectAllEnabled: d,
|
|
17
|
+
items: m,
|
|
18
|
+
itemActionMenuProps: T,
|
|
19
19
|
isInfiniteScrollEnabled: R = !1,
|
|
20
20
|
hasNextPage: x = !1,
|
|
21
21
|
onInlineEditChange: C,
|
|
@@ -27,20 +27,20 @@ const F = 40, z = ({
|
|
|
27
27
|
var u;
|
|
28
28
|
const {
|
|
29
29
|
formatMessage: c
|
|
30
|
-
} =
|
|
30
|
+
} = E(), f = v(null), {
|
|
31
31
|
virtualItemsToDisplay: p,
|
|
32
32
|
getTableHeight: y
|
|
33
|
-
} =
|
|
34
|
-
items:
|
|
33
|
+
} = P({
|
|
34
|
+
items: m,
|
|
35
35
|
hasNextPage: x,
|
|
36
36
|
isLoading: i,
|
|
37
37
|
parentRef: f,
|
|
38
38
|
onGetNextPage: W,
|
|
39
39
|
placeholderRowsCount: g
|
|
40
40
|
}), a = [], A = 0;
|
|
41
|
-
if (n ===
|
|
41
|
+
if (n === U.COLUMN) {
|
|
42
42
|
r = r || A;
|
|
43
|
-
const t = parseInt(
|
|
43
|
+
const t = parseInt(j[r], 10) + 24;
|
|
44
44
|
a.push({
|
|
45
45
|
id: "item-type-icon",
|
|
46
46
|
isRowHeader: !1,
|
|
@@ -52,28 +52,29 @@ const F = 40, z = ({
|
|
|
52
52
|
const N = o.map((t) => {
|
|
53
53
|
const {
|
|
54
54
|
id: H,
|
|
55
|
+
isItemMetadata: M,
|
|
55
56
|
headerRenderer: b,
|
|
56
57
|
textValue: l,
|
|
57
58
|
..._
|
|
58
59
|
} = t;
|
|
59
60
|
return {
|
|
60
|
-
children: b ? b(l, t) : /* @__PURE__ */ e(
|
|
61
|
+
children: b ? b(l, t) : /* @__PURE__ */ e(S, {
|
|
61
62
|
as: "span",
|
|
62
63
|
children: l
|
|
63
64
|
}),
|
|
64
65
|
isRowHeader: H === "name",
|
|
65
|
-
id: H,
|
|
66
|
+
id: M ? "item.{id}" : H,
|
|
66
67
|
textValue: l,
|
|
67
68
|
..._
|
|
68
69
|
};
|
|
69
70
|
});
|
|
70
|
-
a.push(...N),
|
|
71
|
+
a.push(...N), d && a.push({
|
|
71
72
|
id: "actions",
|
|
72
73
|
className: s.tableHeaderActions,
|
|
73
74
|
children: /* @__PURE__ */ e("div", {
|
|
74
75
|
className: s.tableHeaderActionsWrapper,
|
|
75
|
-
children: /* @__PURE__ */ e(
|
|
76
|
-
"aria-label": c(
|
|
76
|
+
children: /* @__PURE__ */ e(k, {
|
|
77
|
+
"aria-label": c(F.selectAll),
|
|
77
78
|
className: s.selectAllCheckbox,
|
|
78
79
|
isDisabled: i
|
|
79
80
|
})
|
|
@@ -82,9 +83,9 @@ const F = 40, z = ({
|
|
|
82
83
|
hideHeader: !1,
|
|
83
84
|
allowsSorting: !1
|
|
84
85
|
});
|
|
85
|
-
const D = /* @__PURE__ */ e(
|
|
86
|
+
const D = /* @__PURE__ */ e(B, {
|
|
86
87
|
columns: a,
|
|
87
|
-
children: (t) => /* @__PURE__ */ e(
|
|
88
|
+
children: (t) => /* @__PURE__ */ e(O, {
|
|
88
89
|
...t
|
|
89
90
|
})
|
|
90
91
|
}), h = {
|
|
@@ -93,9 +94,9 @@ const F = 40, z = ({
|
|
|
93
94
|
formatMessage: c,
|
|
94
95
|
iconColumnVariant: n,
|
|
95
96
|
isLoading: i,
|
|
96
|
-
isSelectAllEnabled:
|
|
97
|
-
itemActionMenuProps:
|
|
98
|
-
items:
|
|
97
|
+
isSelectAllEnabled: d,
|
|
98
|
+
itemActionMenuProps: T,
|
|
99
|
+
items: m,
|
|
99
100
|
onInlineEditChange: C,
|
|
100
101
|
tableHeader: D,
|
|
101
102
|
tableProps: w,
|
|
@@ -108,9 +109,9 @@ const F = 40, z = ({
|
|
|
108
109
|
style: {
|
|
109
110
|
position: "relative",
|
|
110
111
|
width: "100%",
|
|
111
|
-
height: y() +
|
|
112
|
+
height: y() + G
|
|
112
113
|
},
|
|
113
|
-
children: /* @__PURE__ */ e(
|
|
114
|
+
children: /* @__PURE__ */ e(I, {
|
|
114
115
|
...h,
|
|
115
116
|
style: {
|
|
116
117
|
position: "absolute",
|
|
@@ -123,10 +124,10 @@ const F = 40, z = ({
|
|
|
123
124
|
virtualItems: p
|
|
124
125
|
})
|
|
125
126
|
})
|
|
126
|
-
}) : /* @__PURE__ */ e(
|
|
127
|
+
}) : /* @__PURE__ */ e(I, {
|
|
127
128
|
...h
|
|
128
129
|
});
|
|
129
130
|
};
|
|
130
131
|
export {
|
|
131
|
-
|
|
132
|
+
ee as MetadataTable
|
|
132
133
|
};
|
|
@@ -1,176 +1,185 @@
|
|
|
1
|
-
import { TableBody as
|
|
2
|
-
import { ItemTypeIcon as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
1
|
+
import { TableBody as C, Row as S, Cell as I, ActionCell as b, Text as u } from "@box/blueprint-web";
|
|
2
|
+
import { ItemTypeIcon as y } from "@box/item-icon";
|
|
3
|
+
import g from "clsx";
|
|
4
|
+
import $ from "lodash/get";
|
|
5
|
+
import c from "react";
|
|
6
6
|
import { I as h } from "../../../../../chunks/types.js";
|
|
7
7
|
import { THUMBNAIL_LIST_VIEW_HEIGHTS as x } from "../../constants.js";
|
|
8
|
-
import { s as
|
|
9
|
-
import { jsx as r, jsxs as
|
|
10
|
-
import { InlineEditingCell as
|
|
11
|
-
import { ItemActionMenu as
|
|
12
|
-
import { GhostTableRow as
|
|
13
|
-
const
|
|
8
|
+
import { s as p, T as R } from "../../../../../chunks/index.js";
|
|
9
|
+
import { jsx as r, jsxs as N } from "react/jsx-runtime";
|
|
10
|
+
import { InlineEditingCell as w } from "./inline-editing-cell/inline-editing-cell.js";
|
|
11
|
+
import { ItemActionMenu as B } from "../../item-action-menu/item-action-menu.js";
|
|
12
|
+
import { GhostTableRow as _ } from "./ghost-table-row/ghost-table-row.js";
|
|
13
|
+
const E = (t, e, n) => {
|
|
14
|
+
const l = n ? e.split(".")[1] : e;
|
|
15
|
+
return $(t, l);
|
|
16
|
+
}, k = /* @__PURE__ */ c.memo(({
|
|
14
17
|
item: t,
|
|
15
18
|
column: e,
|
|
16
|
-
iconColumnVariant:
|
|
19
|
+
iconColumnVariant: n
|
|
17
20
|
}) => {
|
|
18
21
|
const {
|
|
19
|
-
id:
|
|
20
|
-
|
|
21
|
-
|
|
22
|
+
id: l,
|
|
23
|
+
isItemMetadata: s,
|
|
24
|
+
subtitle: i,
|
|
25
|
+
textValue: m
|
|
26
|
+
} = e, d = `${m}-${t.id}`;
|
|
22
27
|
return /* @__PURE__ */ r(I, {
|
|
23
|
-
children: /* @__PURE__ */
|
|
24
|
-
className:
|
|
25
|
-
children: [/* @__PURE__ */ r(
|
|
28
|
+
children: /* @__PURE__ */ N("div", {
|
|
29
|
+
className: p.tableNameCell,
|
|
30
|
+
children: [/* @__PURE__ */ r(y, {
|
|
26
31
|
item: t
|
|
27
|
-
}), /* @__PURE__ */
|
|
28
|
-
className:
|
|
29
|
-
[
|
|
32
|
+
}), /* @__PURE__ */ N("div", {
|
|
33
|
+
className: g({
|
|
34
|
+
[p.tableNameCellSubtitle]: n === h.INLINE_SUBTITLE
|
|
30
35
|
}),
|
|
31
|
-
children: [/* @__PURE__ */ r(
|
|
36
|
+
children: [/* @__PURE__ */ r(u, {
|
|
32
37
|
as: "span",
|
|
33
|
-
children:
|
|
34
|
-
}),
|
|
38
|
+
children: E(t, l, s)
|
|
39
|
+
}), n === h.INLINE_SUBTITLE && /* @__PURE__ */ r(u, {
|
|
35
40
|
as: "span",
|
|
36
41
|
color: "textOnLightSecondary",
|
|
37
|
-
children:
|
|
42
|
+
children: i
|
|
38
43
|
})]
|
|
39
44
|
})]
|
|
40
45
|
})
|
|
41
|
-
},
|
|
42
|
-
}),
|
|
46
|
+
}, d);
|
|
47
|
+
}), M = /* @__PURE__ */ c.memo(({
|
|
43
48
|
item: t,
|
|
44
49
|
column: e
|
|
45
50
|
}) => {
|
|
46
|
-
var
|
|
47
|
-
const
|
|
51
|
+
var l;
|
|
52
|
+
const n = `${e.textValue}-${t.id}`;
|
|
48
53
|
return /* @__PURE__ */ r(I, {
|
|
49
|
-
children: (
|
|
50
|
-
},
|
|
51
|
-
}), U = /* @__PURE__ */
|
|
54
|
+
children: (l = e.cellRenderer) == null ? void 0 : l.call(e, t, e)
|
|
55
|
+
}, n);
|
|
56
|
+
}), U = /* @__PURE__ */ c.memo(({
|
|
52
57
|
item: t,
|
|
53
58
|
column: e
|
|
54
59
|
}) => {
|
|
55
|
-
const
|
|
56
|
-
return
|
|
57
|
-
children:
|
|
58
|
-
},
|
|
59
|
-
}), W = /* @__PURE__ */
|
|
60
|
+
const n = `${e.textValue}-${t.id}`, l = $(t, e.id);
|
|
61
|
+
return l ? /* @__PURE__ */ r(I, {
|
|
62
|
+
children: l.join(" ")
|
|
63
|
+
}, n) : /* @__PURE__ */ r(I, {}, n);
|
|
64
|
+
}), W = /* @__PURE__ */ c.memo(({
|
|
60
65
|
item: t,
|
|
61
66
|
column: e
|
|
62
67
|
}) => {
|
|
63
|
-
const
|
|
68
|
+
const {
|
|
69
|
+
id: n,
|
|
70
|
+
isItemMetadata: l,
|
|
71
|
+
textValue: s
|
|
72
|
+
} = e, i = `${s}-${t.id}`;
|
|
64
73
|
return /* @__PURE__ */ r(I, {
|
|
65
|
-
children: /* @__PURE__ */ r(
|
|
74
|
+
children: /* @__PURE__ */ r(u, {
|
|
66
75
|
as: "span",
|
|
67
|
-
children:
|
|
76
|
+
children: E(t, n, l)
|
|
68
77
|
})
|
|
69
|
-
},
|
|
70
|
-
}), j = /* @__PURE__ */
|
|
78
|
+
}, i);
|
|
79
|
+
}), j = /* @__PURE__ */ c.memo(({
|
|
71
80
|
item: t,
|
|
72
81
|
column: e,
|
|
73
|
-
iconColumnVariant:
|
|
74
|
-
onInlineEditChange:
|
|
82
|
+
iconColumnVariant: n,
|
|
83
|
+
onInlineEditChange: l
|
|
75
84
|
}) => {
|
|
76
85
|
const {
|
|
77
|
-
cellRenderer:
|
|
78
|
-
id:
|
|
79
|
-
isInlineEditingEnabled:
|
|
80
|
-
type:
|
|
86
|
+
cellRenderer: s,
|
|
87
|
+
id: i,
|
|
88
|
+
isInlineEditingEnabled: m,
|
|
89
|
+
type: d
|
|
81
90
|
} = e;
|
|
82
|
-
return
|
|
91
|
+
return i === "item.name" && (n === h.INLINE || n === h.INLINE_SUBTITLE) ? /* @__PURE__ */ r(k, {
|
|
83
92
|
column: e,
|
|
84
|
-
iconColumnVariant:
|
|
93
|
+
iconColumnVariant: n,
|
|
85
94
|
item: t
|
|
86
|
-
}) :
|
|
95
|
+
}) : s ? /* @__PURE__ */ r(M, {
|
|
87
96
|
column: e,
|
|
88
97
|
item: t
|
|
89
|
-
}) :
|
|
98
|
+
}) : m && (d === "multiSelect" || d === "enum") ? /* @__PURE__ */ r(w, {
|
|
90
99
|
column: e,
|
|
91
100
|
item: t,
|
|
92
|
-
onInlineEditChange:
|
|
93
|
-
}, `${e.id}-${t.id}`) :
|
|
101
|
+
onInlineEditChange: l
|
|
102
|
+
}, `${e.id}-${t.id}`) : d === "multiSelect" ? /* @__PURE__ */ r(U, {
|
|
94
103
|
column: e,
|
|
95
104
|
item: t
|
|
96
105
|
}) : /* @__PURE__ */ r(W, {
|
|
97
106
|
column: e,
|
|
98
107
|
item: t
|
|
99
108
|
});
|
|
100
|
-
}), D = /* @__PURE__ */
|
|
109
|
+
}), D = /* @__PURE__ */ c.memo(({
|
|
101
110
|
item: t,
|
|
102
111
|
zoomLevel: e
|
|
103
112
|
}) => /* @__PURE__ */ r(I, {
|
|
104
113
|
style: {
|
|
105
114
|
height: x[e]
|
|
106
115
|
},
|
|
107
|
-
children: /* @__PURE__ */ r(
|
|
108
|
-
className:
|
|
116
|
+
children: /* @__PURE__ */ r(y, {
|
|
117
|
+
className: p.iconCell,
|
|
109
118
|
item: t
|
|
110
119
|
})
|
|
111
|
-
}, `item-type-icon-${t.id}`)), G = /* @__PURE__ */
|
|
120
|
+
}, `item-type-icon-${t.id}`)), G = /* @__PURE__ */ c.memo(({
|
|
112
121
|
item: t,
|
|
113
122
|
itemActionMenuProps: e
|
|
114
|
-
}) => /* @__PURE__ */ r(
|
|
115
|
-
children: (
|
|
123
|
+
}) => /* @__PURE__ */ r(b, {
|
|
124
|
+
children: (n) => e ? /* @__PURE__ */ r(B, {
|
|
116
125
|
...e,
|
|
117
126
|
item: t,
|
|
118
|
-
onOpenChange:
|
|
127
|
+
onOpenChange: n
|
|
119
128
|
}) : null
|
|
120
|
-
})),
|
|
129
|
+
})), Z = ({
|
|
121
130
|
columns: t,
|
|
122
131
|
iconColumnVariant: e,
|
|
123
|
-
isSelectAllEnabled:
|
|
124
|
-
items:
|
|
125
|
-
itemActionMenuProps:
|
|
126
|
-
virtualItems:
|
|
127
|
-
columnCount:
|
|
128
|
-
zoomLevel:
|
|
129
|
-
onInlineEditChange:
|
|
132
|
+
isSelectAllEnabled: n,
|
|
133
|
+
items: l,
|
|
134
|
+
itemActionMenuProps: s,
|
|
135
|
+
virtualItems: i,
|
|
136
|
+
columnCount: m,
|
|
137
|
+
zoomLevel: d,
|
|
138
|
+
onInlineEditChange: T
|
|
130
139
|
}) => {
|
|
131
|
-
const
|
|
132
|
-
if (
|
|
133
|
-
const o = (
|
|
134
|
-
columnLength:
|
|
135
|
-
rowKey: `ghost-${
|
|
136
|
-
}),
|
|
140
|
+
const L = e === h.COLUMN;
|
|
141
|
+
if (i) {
|
|
142
|
+
const o = (a) => /* @__PURE__ */ r(_, {
|
|
143
|
+
columnLength: m || 0,
|
|
144
|
+
rowKey: `ghost-${a}`
|
|
145
|
+
}), f = (a) => /* @__PURE__ */ r(R, {
|
|
137
146
|
columns: t,
|
|
138
147
|
iconColumnVariant: e,
|
|
139
|
-
isSelectAllEnabled:
|
|
140
|
-
item:
|
|
141
|
-
itemActionMenuProps:
|
|
142
|
-
zoomLevel:
|
|
148
|
+
isSelectAllEnabled: n,
|
|
149
|
+
item: a,
|
|
150
|
+
itemActionMenuProps: s,
|
|
151
|
+
zoomLevel: d
|
|
143
152
|
});
|
|
144
|
-
return /* @__PURE__ */ r(
|
|
145
|
-
items:
|
|
153
|
+
return /* @__PURE__ */ r(C, {
|
|
154
|
+
items: i,
|
|
146
155
|
children: ({
|
|
147
|
-
index:
|
|
148
|
-
}) =>
|
|
156
|
+
index: a
|
|
157
|
+
}) => a >= l.length ? o(a) : f(l[a])
|
|
149
158
|
});
|
|
150
159
|
}
|
|
151
|
-
return /* @__PURE__ */ r(
|
|
152
|
-
items:
|
|
160
|
+
return /* @__PURE__ */ r(C, {
|
|
161
|
+
items: l.map((o) => ({
|
|
153
162
|
key: o.id,
|
|
154
163
|
...o
|
|
155
164
|
})),
|
|
156
|
-
children: (o) => /* @__PURE__ */
|
|
157
|
-
className:
|
|
165
|
+
children: (o) => /* @__PURE__ */ N(S, {
|
|
166
|
+
className: p.tableRow,
|
|
158
167
|
id: o.id,
|
|
159
|
-
children: [
|
|
168
|
+
children: [L && /* @__PURE__ */ r(D, {
|
|
160
169
|
item: o,
|
|
161
|
-
zoomLevel:
|
|
162
|
-
}), t.map((
|
|
163
|
-
column:
|
|
170
|
+
zoomLevel: d
|
|
171
|
+
}), t.map((f) => /* @__PURE__ */ r(j, {
|
|
172
|
+
column: f,
|
|
164
173
|
iconColumnVariant: e,
|
|
165
174
|
item: o,
|
|
166
|
-
onInlineEditChange:
|
|
167
|
-
}, `${
|
|
175
|
+
onInlineEditChange: T
|
|
176
|
+
}, `${f.textValue}-${o.id}`)), n && /* @__PURE__ */ r(G, {
|
|
168
177
|
item: o,
|
|
169
|
-
itemActionMenuProps:
|
|
178
|
+
itemActionMenuProps: s
|
|
170
179
|
})]
|
|
171
180
|
}, o.id)
|
|
172
181
|
});
|
|
173
182
|
};
|
|
174
183
|
export {
|
|
175
|
-
|
|
184
|
+
Z as default
|
|
176
185
|
};
|
package/dist/i18n/en-x-pseudo.js
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
export default {
|
|
2
|
-
"groupSharedFeatures.emptyState.body": "⟦萬萬萬萬萬萬萬萬萬萬萬
|
|
3
|
-
"groupSharedFeatures.emptyState.heading": "⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬
|
|
4
|
-
"groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "⟦萬萬
|
|
5
|
-
"groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "⟦萬萬
|
|
6
|
-
"groupSharedFeatures.metadataView.actionBar.sliderLabel": "⟦萬
|
|
7
|
-
"groupSharedFeatures.metadataView.actionBar.switchToGridView": "⟦萬萬萬萬萬
|
|
8
|
-
"groupSharedFeatures.metadataView.actionBar.switchToListView": "⟦萬萬萬萬萬
|
|
9
|
-
"groupSharedFeatures.metadataView.filterRow.AllFilters": "⟦萬萬萬
|
|
10
|
-
"groupSharedFeatures.metadataView.filterRow.applyButton": "⟦萬
|
|
2
|
+
"groupSharedFeatures.emptyState.body": "⟦萬萬萬萬萬萬萬萬萬萬萬 Τřў áďĵùśťîήĝ ÿόūг ƒįļτĕгś όѓ ķēγẃŏґďŝ. 國國國國國國國國國國國⟧",
|
|
3
|
+
"groupSharedFeatures.emptyState.heading": "⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Ŝôяґŷ, шę čσüľďи'ţ ƒĭήď ωĥǻŧ ÿøű'яë ľôōĸιήĝ ƒõг. 國國國國國國國國國國國國國國⟧",
|
|
4
|
+
"groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "⟦萬萬 Ðèčяέάŝё 國國⟧",
|
|
5
|
+
"groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "⟦萬萬 Îŋĉѓєąśє 國國⟧",
|
|
6
|
+
"groupSharedFeatures.metadataView.actionBar.sliderLabel": "⟦萬 Şĺìďєř 國⟧",
|
|
7
|
+
"groupSharedFeatures.metadataView.actionBar.switchToGridView": "⟦萬萬萬萬萬 Ŝŵïťćн τõ Ğŗιď Vīęŵ 國國國國國⟧",
|
|
8
|
+
"groupSharedFeatures.metadataView.actionBar.switchToListView": "⟦萬萬萬萬萬 Śŵìŧсĥ τσ Ļϊşť Vįещ 國國國國國⟧",
|
|
9
|
+
"groupSharedFeatures.metadataView.filterRow.AllFilters": "⟦萬萬萬 Αļĺ ₣ίľτёŕś 國國國⟧",
|
|
10
|
+
"groupSharedFeatures.metadataView.filterRow.applyButton": "⟦萬 ÄΡΡĺУ 國⟧",
|
|
11
11
|
"groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "⟦萬萬萬 {name} ({count}) 國國國⟧",
|
|
12
|
-
"groupSharedFeatures.metadataView.filterRow.clearButton": "⟦萬
|
|
13
|
-
"groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "⟦萬萬
|
|
14
|
-
"groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "⟦萬萬萬萬
|
|
15
|
-
"groupSharedFeatures.metadataView.filterRow.locationFilterTitle": "⟦萬萬
|
|
16
|
-
"groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "⟦萬萬
|
|
17
|
-
"groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "⟦萬萬
|
|
18
|
-
"groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "⟦萬
|
|
19
|
-
"groupSharedFeatures.metadataView.filterSidepanel.filtersHeader": "⟦萬萬
|
|
20
|
-
"groupSharedFeatures.metadataView.filterSidepanel.showResultsButton": "⟦萬
|
|
21
|
-
"groupSharedFeatures.metadataView.gridList.gridView": "⟦萬萬
|
|
12
|
+
"groupSharedFeatures.metadataView.filterRow.clearButton": "⟦萬 Čľèàř 國⟧",
|
|
13
|
+
"groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "⟦萬萬 ₣іľě ΤŷΡě 國國⟧",
|
|
14
|
+
"groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "⟦萬萬萬萬 Ĕлτεŕ ķèУщоґďś 國國國國⟧",
|
|
15
|
+
"groupSharedFeatures.metadataView.filterRow.locationFilterTitle": "⟦萬萬 Ĺöćáŧíŏŋ 國國⟧",
|
|
16
|
+
"groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "⟦萬萬 Śēŧ Văļùë 國國⟧",
|
|
17
|
+
"groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "⟦萬萬 Čļéåŕ Äľľ 國國⟧",
|
|
18
|
+
"groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "⟦萬 Ċľσşē 國⟧",
|
|
19
|
+
"groupSharedFeatures.metadataView.filterSidepanel.filtersHeader": "⟦萬萬 ₣ĭĺŧèґş 國國⟧",
|
|
20
|
+
"groupSharedFeatures.metadataView.filterSidepanel.showResultsButton": "⟦萬 Śěàŕçн 國⟧",
|
|
21
|
+
"groupSharedFeatures.metadataView.gridList.gridView": "⟦萬萬 Ĝґίď Vїĕω 國國⟧",
|
|
22
22
|
"groupSharedFeatures.metadataView.inlineEditingCell.unselectedOptionLabel": "⟦ -- ⟧",
|
|
23
|
-
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "⟦萬萬萬
|
|
24
|
-
"groupSharedFeatures.metadataView.itemList.errorMessage": "⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬
|
|
25
|
-
"groupSharedFeatures.metadataView.itemList.listView": "⟦萬萬
|
|
26
|
-
"groupSharedFeatures.metadataView.itemList.refreshButton": "⟦萬萬
|
|
27
|
-
"groupSharedFeatures.metadataView.itemList.selectAll": "⟦萬萬
|
|
28
|
-
"groupSharedFeatures.metadataView.metadataValue.metadataLocation.locationTriggerHint": "⟦萬萬萬萬
|
|
29
|
-
"groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputAriaLabel": "⟦萬
|
|
30
|
-
"groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputClearAriaLabel": "⟦萬
|
|
31
|
-
"groupSharedFeatures.metadataView.pagination.nextPageButton": "⟦萬
|
|
32
|
-
"groupSharedFeatures.metadataView.pagination.pageEntryStatus": "⟦萬萬萬萬萬萬萬萬萬萬萬
|
|
33
|
-
"groupSharedFeatures.metadataView.pagination.paginationLabel": "⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬 P
|
|
34
|
-
"groupSharedFeatures.metadataView.pagination.previousPageButton": "⟦萬萬 P
|
|
23
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "⟦萬萬萬 Αçτĩōŋ mεŋù 國國國⟧",
|
|
24
|
+
"groupSharedFeatures.metadataView.itemList.errorMessage": "⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Şŏmĕťħίńĝ ώëņŧ ẁřóπġ. Pĺĕαşë řęƒяėѕн τħïş Ραĝė. 國國國國國國國國國國國國國國⟧",
|
|
25
|
+
"groupSharedFeatures.metadataView.itemList.listView": "⟦萬萬 Ľíśŧ νįěẁ 國國⟧",
|
|
26
|
+
"groupSharedFeatures.metadataView.itemList.refreshButton": "⟦萬萬 Ŕéƒřέşĥ 國國⟧",
|
|
27
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "⟦萬萬 Şëľėćτ áľļ 國國⟧",
|
|
28
|
+
"groupSharedFeatures.metadataView.metadataValue.metadataLocation.locationTriggerHint": "⟦萬萬萬萬 Şéľеçť ā ƒôĺďéя 國國國國⟧",
|
|
29
|
+
"groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputAriaLabel": "⟦萬 Ѕěâŗčн 國⟧",
|
|
30
|
+
"groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputClearAriaLabel": "⟦萬 Čľεãř 國⟧",
|
|
31
|
+
"groupSharedFeatures.metadataView.pagination.nextPageButton": "⟦萬 Ňёхť 國⟧",
|
|
32
|
+
"groupSharedFeatures.metadataView.pagination.pageEntryStatus": "⟦萬萬萬萬萬萬萬萬萬萬萬 Ѕноŵĭлġ {startEntryIndex} τò {endEntryIndex} ōƒ {totalCount} èиŧŗīėŝ 國國國國國國國國國國國⟧",
|
|
33
|
+
"groupSharedFeatures.metadataView.pagination.paginationLabel": "⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Păğíпαŧíοπ ηāνίĝäτĭοη čóπťřōľś äиď ¢ũяґέпť Ρāġє ĭŋƒоŕmåτïоη 國國國國國國國國國國國國國國國國國⟧",
|
|
34
|
+
"groupSharedFeatures.metadataView.pagination.previousPageButton": "⟦萬萬 Pяєνïøůѕ 國國⟧"
|
|
35
35
|
}
|
|
@@ -1,66 +1,66 @@
|
|
|
1
1
|
# Body text for the empty state when no items are found
|
|
2
|
-
groupSharedFeatures.emptyState.body = ⟦萬萬萬萬萬萬萬萬萬萬萬
|
|
2
|
+
groupSharedFeatures.emptyState.body = ⟦萬萬萬萬萬萬萬萬萬萬萬 Τřў áďĵùśťîήĝ ÿόūг ƒįļτĕгś όѓ ķēγẃŏґďŝ. 國國國國國國國國國國國⟧
|
|
3
3
|
# Heading for the empty state when no items are found
|
|
4
|
-
groupSharedFeatures.emptyState.heading = ⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬
|
|
4
|
+
groupSharedFeatures.emptyState.heading = ⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Ŝôяґŷ, шę čσüľďи'ţ ƒĭήď ωĥǻŧ ÿøű'яë ľôōĸιήĝ ƒõг. 國國國國國國國國國國國國國國⟧
|
|
5
5
|
# Label for decreasing the size of column.
|
|
6
|
-
groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize = ⟦萬萬
|
|
6
|
+
groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize = ⟦萬萬 Ðèčяέάŝё 國國⟧
|
|
7
7
|
# Label for increasing the size of column.
|
|
8
|
-
groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize = ⟦萬萬
|
|
8
|
+
groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize = ⟦萬萬 Îŋĉѓєąśє 國國⟧
|
|
9
9
|
# Label for the slider that controls the size of column.
|
|
10
|
-
groupSharedFeatures.metadataView.actionBar.sliderLabel = ⟦萬
|
|
10
|
+
groupSharedFeatures.metadataView.actionBar.sliderLabel = ⟦萬 Şĺìďєř 國⟧
|
|
11
11
|
# Label to switch to grid view
|
|
12
|
-
groupSharedFeatures.metadataView.actionBar.switchToGridView = ⟦萬萬萬萬萬
|
|
12
|
+
groupSharedFeatures.metadataView.actionBar.switchToGridView = ⟦萬萬萬萬萬 Ŝŵïťćн τõ Ğŗιď Vīęŵ 國國國國國⟧
|
|
13
13
|
# Label to switch to list view
|
|
14
|
-
groupSharedFeatures.metadataView.actionBar.switchToListView = ⟦萬萬萬萬萬
|
|
14
|
+
groupSharedFeatures.metadataView.actionBar.switchToListView = ⟦萬萬萬萬萬 Śŵìŧсĥ τσ Ļϊşť Vįещ 國國國國國⟧
|
|
15
15
|
# Button label to open the sidepanel with all filters
|
|
16
|
-
groupSharedFeatures.metadataView.filterRow.AllFilters = ⟦萬萬萬
|
|
16
|
+
groupSharedFeatures.metadataView.filterRow.AllFilters = ⟦萬萬萬 Αļĺ ₣ίľτёŕś 國國國⟧
|
|
17
17
|
# Button label to apply the current input as a filter to the metadata table
|
|
18
|
-
groupSharedFeatures.metadataView.filterRow.applyButton = ⟦萬
|
|
18
|
+
groupSharedFeatures.metadataView.filterRow.applyButton = ⟦萬 ÄΡΡĺУ 國⟧
|
|
19
19
|
# Label for a filter chip that includes the name and count of selected options
|
|
20
20
|
groupSharedFeatures.metadataView.filterRow.chipNameWithCount = ⟦萬萬萬 {name} ({count}) 國國國⟧
|
|
21
21
|
# Button label to clear the current input in a textarea
|
|
22
|
-
groupSharedFeatures.metadataView.filterRow.clearButton = ⟦萬
|
|
22
|
+
groupSharedFeatures.metadataView.filterRow.clearButton = ⟦萬 Čľèàř 國⟧
|
|
23
23
|
# Title for the file type filter group
|
|
24
|
-
groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle = ⟦萬萬
|
|
24
|
+
groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle = ⟦萬萬 ₣іľě ΤŷΡě 國國⟧
|
|
25
25
|
# Placeholder text for the keyword search filter
|
|
26
|
-
groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder = ⟦萬萬萬萬
|
|
26
|
+
groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder = ⟦萬萬萬萬 Ĕлτεŕ ķèУщоґďś 國國國國⟧
|
|
27
27
|
# Title for the location filter group
|
|
28
|
-
groupSharedFeatures.metadataView.filterRow.locationFilterTitle = ⟦萬萬
|
|
28
|
+
groupSharedFeatures.metadataView.filterRow.locationFilterTitle = ⟦萬萬 Ĺöćáŧíŏŋ 國國⟧
|
|
29
29
|
# Placeholder text for the input field in the filter row
|
|
30
|
-
groupSharedFeatures.metadataView.filterRow.textInputPlaceholder = ⟦萬萬
|
|
30
|
+
groupSharedFeatures.metadataView.filterRow.textInputPlaceholder = ⟦萬萬 Śēŧ Văļùë 國國⟧
|
|
31
31
|
# Button label to clear all filters in the sidepanel
|
|
32
|
-
groupSharedFeatures.metadataView.filterSidepanel.clearAllButton = ⟦萬萬
|
|
32
|
+
groupSharedFeatures.metadataView.filterSidepanel.clearAllButton = ⟦萬萬 Čļéåŕ Äľľ 國國⟧
|
|
33
33
|
# Aria label for the close button in the filter sidepanel
|
|
34
|
-
groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel = ⟦萬
|
|
34
|
+
groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel = ⟦萬 Ċľσşē 國⟧
|
|
35
35
|
# Header for the filter sidepanel
|
|
36
|
-
groupSharedFeatures.metadataView.filterSidepanel.filtersHeader = ⟦萬萬
|
|
36
|
+
groupSharedFeatures.metadataView.filterSidepanel.filtersHeader = ⟦萬萬 ₣ĭĺŧèґş 國國⟧
|
|
37
37
|
# Button label to apply filters and show results
|
|
38
|
-
groupSharedFeatures.metadataView.filterSidepanel.showResultsButton = ⟦萬
|
|
38
|
+
groupSharedFeatures.metadataView.filterSidepanel.showResultsButton = ⟦萬 Śěàŕçн 國⟧
|
|
39
39
|
# Label for the grid view of files and folders
|
|
40
|
-
groupSharedFeatures.metadataView.gridList.gridView = ⟦萬萬
|
|
40
|
+
groupSharedFeatures.metadataView.gridList.gridView = ⟦萬萬 Ĝґίď Vїĕω 國國⟧
|
|
41
41
|
# Label for the default unselected option in inline editing dropdowns
|
|
42
42
|
groupSharedFeatures.metadataView.inlineEditingCell.unselectedOptionLabel = ⟦ -- ⟧
|
|
43
43
|
# Label for the action menu for an item in the metadata view list
|
|
44
|
-
groupSharedFeatures.metadataView.itemActionMenu.actionMenu = ⟦萬萬萬
|
|
44
|
+
groupSharedFeatures.metadataView.itemActionMenu.actionMenu = ⟦萬萬萬 Αçτĩōŋ mεŋù 國國國⟧
|
|
45
45
|
# Error message displayed when metadata fails to load
|
|
46
|
-
groupSharedFeatures.metadataView.itemList.errorMessage = ⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬
|
|
46
|
+
groupSharedFeatures.metadataView.itemList.errorMessage = ⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Şŏmĕťħίńĝ ώëņŧ ẁřóπġ. Pĺĕαşë řęƒяėѕн τħïş Ραĝė. 國國國國國國國國國國國國國國⟧
|
|
47
47
|
# Label for the list of files and folders displayed in a list view
|
|
48
|
-
groupSharedFeatures.metadataView.itemList.listView = ⟦萬萬
|
|
48
|
+
groupSharedFeatures.metadataView.itemList.listView = ⟦萬萬 Ľíśŧ νįěẁ 國國⟧
|
|
49
49
|
# Label for the refresh button in error state
|
|
50
|
-
groupSharedFeatures.metadataView.itemList.refreshButton = ⟦萬萬
|
|
50
|
+
groupSharedFeatures.metadataView.itemList.refreshButton = ⟦萬萬 Ŕéƒřέşĥ 國國⟧
|
|
51
51
|
# Label for the select all checkbox in the metadata table
|
|
52
|
-
groupSharedFeatures.metadataView.itemList.selectAll = ⟦萬萬
|
|
52
|
+
groupSharedFeatures.metadataView.itemList.selectAll = ⟦萬萬 Şëľėćτ áľļ 國國⟧
|
|
53
53
|
# Placeholder for select folder trigger
|
|
54
|
-
groupSharedFeatures.metadataView.metadataValue.metadataLocation.locationTriggerHint = ⟦萬萬萬萬
|
|
54
|
+
groupSharedFeatures.metadataView.metadataValue.metadataLocation.locationTriggerHint = ⟦萬萬萬萬 Şéľеçť ā ƒôĺďéя 國國國國⟧
|
|
55
55
|
# Aria label for the search input
|
|
56
|
-
groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputAriaLabel = ⟦萬
|
|
56
|
+
groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputAriaLabel = ⟦萬 Ѕěâŗčн 國⟧
|
|
57
57
|
# Aria label for the clear button in the search input
|
|
58
|
-
groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputClearAriaLabel = ⟦萬
|
|
58
|
+
groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputClearAriaLabel = ⟦萬 Čľεãř 國⟧
|
|
59
59
|
# Label for the next page button
|
|
60
|
-
groupSharedFeatures.metadataView.pagination.nextPageButton = ⟦萬
|
|
60
|
+
groupSharedFeatures.metadataView.pagination.nextPageButton = ⟦萬 Ňёхť 國⟧
|
|
61
61
|
# Pagination menu status with the range of entries shown
|
|
62
|
-
groupSharedFeatures.metadataView.pagination.pageEntryStatus = ⟦萬萬萬萬萬萬萬萬萬萬萬
|
|
62
|
+
groupSharedFeatures.metadataView.pagination.pageEntryStatus = ⟦萬萬萬萬萬萬萬萬萬萬萬 Ѕноŵĭлġ {startEntryIndex} τò {endEntryIndex} ōƒ {totalCount} èиŧŗīėŝ 國國國國國國國國國國國⟧
|
|
63
63
|
# Aria label for the pagination component, which includes entry status and previous/next page controls
|
|
64
|
-
groupSharedFeatures.metadataView.pagination.paginationLabel = ⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬 P
|
|
64
|
+
groupSharedFeatures.metadataView.pagination.paginationLabel = ⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Păğíпαŧíοπ ηāνίĝäτĭοη čóπťřōľś äиď ¢ũяґέпť Ρāġє ĭŋƒоŕmåτïоη 國國國國國國國國國國國國國國國國國⟧
|
|
65
65
|
# Label for the previous page button
|
|
66
|
-
groupSharedFeatures.metadataView.pagination.previousPageButton = ⟦萬萬 P
|
|
66
|
+
groupSharedFeatures.metadataView.pagination.previousPageButton = ⟦萬萬 Pяєνïøůѕ 國國⟧
|
|
@@ -23,6 +23,7 @@ export interface FilterOption {
|
|
|
23
23
|
fieldType: MetadataFieldType;
|
|
24
24
|
icon?: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, 'ref'> & React.RefAttributes<SVGSVGElement>>;
|
|
25
25
|
id: string;
|
|
26
|
+
isItemMetadata?: boolean;
|
|
26
27
|
name?: string;
|
|
27
28
|
options?: string[];
|
|
28
29
|
placeholder?: string;
|
|
@@ -17,8 +17,6 @@ export declare const mockColumnDataWithInlineEditingEnabledAndMultiSelect: Colum
|
|
|
17
17
|
export declare const mockFilterOptions: FilterOption[];
|
|
18
18
|
export declare const mockFilterOptionsNoSelection: FilterOption[];
|
|
19
19
|
export declare const mockFilterOptionsWithCustomFilterChips: FilterOption[];
|
|
20
|
-
export declare const mockFilterOptionsWithoutAlias: FilterOption[];
|
|
21
|
-
export declare const mockFilterGroupsWithoutAlias: FilterGroup[];
|
|
22
20
|
export declare const mockFilterOptionsWithoutName: FilterOption[];
|
|
23
21
|
export declare const mockFilterGroupsWithoutName: FilterGroup[];
|
|
24
22
|
export declare const mockFilterOptionsWithInvalidType: FilterOption[];
|
|
@@ -7,6 +7,7 @@ export interface Column extends Partial<ColumnProps> {
|
|
|
7
7
|
cellRenderer?: (item: Item, column: Column) => React.ReactNode | undefined;
|
|
8
8
|
headerRenderer?: (name: string, column: Column) => React.ReactNode | undefined;
|
|
9
9
|
id: string;
|
|
10
|
+
isItemMetadata?: boolean;
|
|
10
11
|
isInlineEditingEnabled?: boolean;
|
|
11
12
|
inlineEditingOptions?: string[];
|
|
12
13
|
subtitle?: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/metadata-view",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.48.1",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@box/blueprint-web": "^11.12.0",
|
|
@@ -19,12 +19,12 @@
|
|
|
19
19
|
},
|
|
20
20
|
"devDependencies": {
|
|
21
21
|
"@box/blueprint-web": "^11.12.0",
|
|
22
|
-
"@box/blueprint-web-assets": "^4.64.
|
|
23
|
-
"@box/box-item-type-selector": "^0.
|
|
22
|
+
"@box/blueprint-web-assets": "^4.64.8",
|
|
23
|
+
"@box/box-item-type-selector": "^0.69.1",
|
|
24
24
|
"@box/eslint-plugin-blueprint": "*",
|
|
25
|
-
"@box/item-icon": "^0.
|
|
26
|
-
"@box/metadata-filter": "^1.
|
|
27
|
-
"@box/storybook-utils": "0.
|
|
25
|
+
"@box/item-icon": "^0.23.1",
|
|
26
|
+
"@box/metadata-filter": "^1.25.1",
|
|
27
|
+
"@box/storybook-utils": "0.14.0",
|
|
28
28
|
"@box/types": "0.2.1",
|
|
29
29
|
"@tanstack/react-virtual": "^3.10.8",
|
|
30
30
|
"react-intl": "^6.4.2"
|