@box/metadata-view 1.64.3 → 1.64.5
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/metadata-view.js +45 -47
- package/dist/chunks/table-row.js +28 -29
- package/dist/esm/lib/components/metadata-table/metadata-table.js +0 -1
- package/dist/esm/lib/components/metadata-table/table-body/table-body-with-data.js +35 -35
- package/dist/styles/metadata-view.css +1 -1
- package/dist/styles/table-row.css +1 -1
- package/package.json +14 -14
|
@@ -10,97 +10,95 @@ import { t as u } from "./error-state.js";
|
|
|
10
10
|
import { useHeader as d } from "../esm/lib/hooks/use-header.js";
|
|
11
11
|
import { TooltipProvider as f } from "@box/blueprint-web";
|
|
12
12
|
import { useCallback as p, useRef as m, useState as h } from "react";
|
|
13
|
-
import g from "
|
|
14
|
-
import
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
contentContainer: "_contentContainer_8r4b3_15",
|
|
18
|
-
infiniteScrollContentContainer: "_infiniteScrollContentContainer_8r4b3_19"
|
|
13
|
+
import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
|
|
14
|
+
import '../styles/metadata-view.css';var y = {
|
|
15
|
+
container: "_container_1o9go_5",
|
|
16
|
+
contentContainer: "_contentContainer_1o9go_15"
|
|
19
17
|
};
|
|
20
|
-
function
|
|
21
|
-
let [L, R] = h(A), [z, B] = h(void 0), [V, H] = h(0), U = m(null),
|
|
22
|
-
headerProps:
|
|
18
|
+
function b({ actionBarProps: b, columns: x, dataTargetPrefix: S, tableProps: C, hasError: w, headerProps: T, onRefresh: E, onSelectionChange: D, onViewModeChange: O, selectedKeys: k, initialViewMode: A = e.LIST, paginationProps: j, isLoading: M, isSelectAllEnabled: N = !0, isSelectionEnabled: P, areSelectionCheckboxesDisabled: F, ...I }) {
|
|
19
|
+
let [L, R] = h(A), [z, B] = h(void 0), [V, H] = h(0), U = m(null), { headerSelectionProps: W, handleSelectionChange: G, selectionResetKey: K } = d({
|
|
20
|
+
headerProps: T,
|
|
23
21
|
items: I.items,
|
|
24
22
|
selectedKeys: k,
|
|
25
23
|
isSelectionEnabled: P,
|
|
26
|
-
onSelectionChange:
|
|
27
|
-
}),
|
|
24
|
+
onSelectionChange: D
|
|
25
|
+
}), q = () => {
|
|
28
26
|
R((t) => {
|
|
29
27
|
let n = t === e.LIST ? e.GRID : e.LIST;
|
|
30
28
|
return O?.(n), n;
|
|
31
29
|
});
|
|
32
|
-
},
|
|
30
|
+
}, J = !M && I.items.length === 0, Y = b && b.sortDropdownProps && x.filter((e) => e.type !== "multiSelect" && e.type !== "enum" && e.allowsSorting === !0), { iconColumnVariant: X } = C || {}, Z = X && X === t.COLUMN, Q = C?.onSortChange, $ = p(({ column: e, direction: t }) => {
|
|
33
31
|
B({
|
|
34
32
|
column: e,
|
|
35
33
|
direction: t
|
|
36
|
-
}),
|
|
34
|
+
}), Q?.({
|
|
37
35
|
column: e,
|
|
38
36
|
direction: t
|
|
39
37
|
});
|
|
40
|
-
}, [
|
|
41
|
-
...
|
|
38
|
+
}, [Q]), ee = {
|
|
39
|
+
...C,
|
|
42
40
|
sortDescriptor: z,
|
|
43
|
-
onSortChange:
|
|
41
|
+
onSortChange: $
|
|
44
42
|
};
|
|
45
|
-
return /* @__PURE__ */
|
|
43
|
+
return /* @__PURE__ */ _(f, { children: /* @__PURE__ */ _("div", {
|
|
46
44
|
ref: U,
|
|
47
|
-
className:
|
|
48
|
-
children:
|
|
49
|
-
|
|
50
|
-
...
|
|
51
|
-
...
|
|
45
|
+
className: y.container,
|
|
46
|
+
children: w ? /* @__PURE__ */ _(u, { onRefresh: E }) : /* @__PURE__ */ v(g, { children: [
|
|
47
|
+
T && /* @__PURE__ */ _(c, {
|
|
48
|
+
...T,
|
|
49
|
+
...W
|
|
52
50
|
}),
|
|
53
|
-
/* @__PURE__ */
|
|
54
|
-
...
|
|
51
|
+
/* @__PURE__ */ _(n, {
|
|
52
|
+
...b,
|
|
55
53
|
containerRef: U,
|
|
56
|
-
dataTargetPrefix:
|
|
57
|
-
isIconColumnEnabled:
|
|
54
|
+
dataTargetPrefix: S,
|
|
55
|
+
isIconColumnEnabled: Z,
|
|
58
56
|
onSortDescriptorChange: B,
|
|
59
|
-
onViewModeClick:
|
|
57
|
+
onViewModeClick: q,
|
|
60
58
|
onZoomLevelChange: H,
|
|
61
|
-
sortableColumns:
|
|
59
|
+
sortableColumns: Y,
|
|
62
60
|
sortDescriptor: z,
|
|
63
61
|
viewMode: L,
|
|
64
62
|
zoomLevel: V
|
|
65
63
|
}),
|
|
66
|
-
/* @__PURE__ */
|
|
67
|
-
className:
|
|
68
|
-
children: /* @__PURE__ */
|
|
69
|
-
/* @__PURE__ */
|
|
70
|
-
condition:
|
|
71
|
-
children: /* @__PURE__ */
|
|
64
|
+
/* @__PURE__ */ _("div", {
|
|
65
|
+
className: y.contentContainer,
|
|
66
|
+
children: /* @__PURE__ */ v(s, { children: [
|
|
67
|
+
/* @__PURE__ */ _(o, {
|
|
68
|
+
condition: J,
|
|
69
|
+
children: /* @__PURE__ */ _(l, {})
|
|
72
70
|
}),
|
|
73
|
-
/* @__PURE__ */
|
|
71
|
+
/* @__PURE__ */ _(o, {
|
|
74
72
|
condition: L === e.LIST,
|
|
75
|
-
children: /* @__PURE__ */
|
|
73
|
+
children: /* @__PURE__ */ _(i, {
|
|
76
74
|
areSelectionCheckboxesDisabled: F,
|
|
77
|
-
columns:
|
|
75
|
+
columns: x,
|
|
78
76
|
isLoading: M,
|
|
79
77
|
isSelectAllEnabled: N,
|
|
80
|
-
onSelectionChange:
|
|
78
|
+
onSelectionChange: G,
|
|
81
79
|
selectedKeys: k,
|
|
82
80
|
selectionMode: P ? "multiple" : "none",
|
|
83
81
|
zoomLevel: V,
|
|
84
82
|
...I,
|
|
85
|
-
...
|
|
86
|
-
dataTargetPrefix:
|
|
87
|
-
},
|
|
83
|
+
...ee,
|
|
84
|
+
dataTargetPrefix: S
|
|
85
|
+
}, K)
|
|
88
86
|
}),
|
|
89
|
-
/* @__PURE__ */
|
|
87
|
+
/* @__PURE__ */ _(o, {
|
|
90
88
|
condition: L === e.GRID,
|
|
91
|
-
children: /* @__PURE__ */
|
|
89
|
+
children: /* @__PURE__ */ _(r, {
|
|
92
90
|
areSelectionCheckboxesDisabled: F,
|
|
93
|
-
onSelectionChange:
|
|
91
|
+
onSelectionChange: G,
|
|
94
92
|
selectedKeys: k,
|
|
95
93
|
selectionMode: P ? "multiple" : "none",
|
|
96
94
|
zoomLevel: V,
|
|
97
95
|
...I
|
|
98
|
-
},
|
|
96
|
+
}, K)
|
|
99
97
|
})
|
|
100
98
|
] })
|
|
101
99
|
}),
|
|
102
|
-
j && /* @__PURE__ */
|
|
100
|
+
j && /* @__PURE__ */ _(a, { ...j })
|
|
103
101
|
] })
|
|
104
102
|
}) });
|
|
105
103
|
}
|
|
106
|
-
export {
|
|
104
|
+
export { b as t };
|
package/dist/chunks/table-row.js
CHANGED
|
@@ -2,49 +2,48 @@ import { t as e } from "./types.js";
|
|
|
2
2
|
import { t } from "./item-action-menu.js";
|
|
3
3
|
import { THUMBNAIL_LIST_VIEW_HEIGHTS as n } from "../esm/lib/components/constants.js";
|
|
4
4
|
import { ActionCell as r, Cell as i, Row as a, Text as o } from "@box/blueprint-web";
|
|
5
|
-
import s from "
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
5
|
+
import { jsx as s, jsxs as c } from "react/jsx-runtime";
|
|
6
|
+
import { ItemTypeIcon as l } from "@box/item-icon";
|
|
7
|
+
import u from "clsx";
|
|
8
8
|
import d from "lodash/get";
|
|
9
9
|
import '../styles/table-row.css';var f = {
|
|
10
|
-
tableHeaderActionsWrapper: "
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
className: s(f.tableRow, { [f.isClickable]: y }),
|
|
10
|
+
tableHeaderActionsWrapper: "_tableHeaderActionsWrapper_1sntd_1",
|
|
11
|
+
tableHeaderActions: "_tableHeaderActions_1sntd_1",
|
|
12
|
+
tableRow: "_tableRow_1sntd_33",
|
|
13
|
+
isClickable: "_isClickable_1sntd_41",
|
|
14
|
+
selectAllCheckbox: "_selectAllCheckbox_1sntd_45",
|
|
15
|
+
tableNameCell: "_tableNameCell_1sntd_50",
|
|
16
|
+
tableNameCellTitle: "_tableNameCellTitle_1sntd_56",
|
|
17
|
+
hasSubtitle: "_hasSubtitle_1sntd_60",
|
|
18
|
+
tableNameCellText: "_tableNameCellText_1sntd_65",
|
|
19
|
+
tableNameCellIconInline: "_tableNameCellIconInline_1sntd_70",
|
|
20
|
+
iconCell: "_iconCell_1sntd_74"
|
|
21
|
+
}, p = ({ areSelectionCheckboxesDisabled: p, columns: m, dataTargetPrefix: h, iconColumnVariant: g, item: _, itemActionMenuProps: v, onTableRowClick: y, shouldRenderActionColumn: b, zoomLevel: x = 0 }) => /* @__PURE__ */ c(a, {
|
|
22
|
+
className: u(f.tableRow, { [f.isClickable]: y }),
|
|
24
23
|
"data-target-id": h ? `${h}-itemRow-${_.id}` : void 0,
|
|
25
24
|
id: _.id,
|
|
26
25
|
onAction: () => y?.(_),
|
|
27
26
|
children: [
|
|
28
|
-
g === e.COLUMN ? /* @__PURE__ */
|
|
27
|
+
g === e.COLUMN ? /* @__PURE__ */ s(i, {
|
|
29
28
|
style: { height: n[x] },
|
|
30
|
-
children: /* @__PURE__ */
|
|
29
|
+
children: /* @__PURE__ */ s(l, {
|
|
31
30
|
className: f.iconCell,
|
|
32
31
|
item: _
|
|
33
32
|
})
|
|
34
33
|
}, `item-type-icon-${_.id}`) : null,
|
|
35
34
|
m.map((t) => {
|
|
36
35
|
let { cellRenderer: n, id: r, isItemMetadata: a, subtitle: p, textValue: m, type: h } = t, v = `${m}-${_.id}`;
|
|
37
|
-
if (n) return /* @__PURE__ */
|
|
36
|
+
if (n) return /* @__PURE__ */ s(i, { children: n(_, t) }, v);
|
|
38
37
|
let y = d(_, a ? r.split(".")[1] : r);
|
|
39
|
-
if (r === "name" && (g === e.INLINE || g === e.INLINE_SUBTITLE)) return /* @__PURE__ */
|
|
38
|
+
if (r === "name" && (g === e.INLINE || g === e.INLINE_SUBTITLE)) return /* @__PURE__ */ s(i, { children: /* @__PURE__ */ c("div", {
|
|
40
39
|
className: f.tableNameCell,
|
|
41
|
-
children: [/* @__PURE__ */
|
|
42
|
-
className:
|
|
43
|
-
children: [/* @__PURE__ */
|
|
40
|
+
children: [/* @__PURE__ */ s(l, { item: _ }), /* @__PURE__ */ c("div", {
|
|
41
|
+
className: u(f.tableNameCellTitle, { [f.hasSubtitle]: g === e.INLINE_SUBTITLE }),
|
|
42
|
+
children: [/* @__PURE__ */ s(o, {
|
|
44
43
|
as: "span",
|
|
45
44
|
className: f.tableNameCellText,
|
|
46
45
|
children: y
|
|
47
|
-
}), g === e.INLINE_SUBTITLE ? /* @__PURE__ */
|
|
46
|
+
}), g === e.INLINE_SUBTITLE ? /* @__PURE__ */ s(o, {
|
|
48
47
|
as: "span",
|
|
49
48
|
className: f.tableNameCellText,
|
|
50
49
|
color: "textOnLightSecondary",
|
|
@@ -54,16 +53,16 @@ import '../styles/table-row.css';var f = {
|
|
|
54
53
|
}) }, v);
|
|
55
54
|
if (h === "multiSelect") {
|
|
56
55
|
let e = d(_, r);
|
|
57
|
-
return /* @__PURE__ */
|
|
56
|
+
return /* @__PURE__ */ s(i, { children: e ? e.join(" ") : "" }, v);
|
|
58
57
|
}
|
|
59
|
-
return /* @__PURE__ */
|
|
58
|
+
return /* @__PURE__ */ s(i, { children: /* @__PURE__ */ s(o, {
|
|
60
59
|
as: "span",
|
|
61
60
|
children: y
|
|
62
61
|
}) }, v);
|
|
63
62
|
}),
|
|
64
|
-
b && /* @__PURE__ */
|
|
63
|
+
b && /* @__PURE__ */ s(r, {
|
|
65
64
|
isCheckboxDisabled: p,
|
|
66
|
-
children: (e) => v ? /* @__PURE__ */
|
|
65
|
+
children: (e) => v ? /* @__PURE__ */ s(t, {
|
|
67
66
|
...v,
|
|
68
67
|
item: _,
|
|
69
68
|
onOpenChange: e
|
|
@@ -6,24 +6,24 @@ import { t as i } from "../../../../../chunks/inline-editing-cell.js";
|
|
|
6
6
|
import { n as a, t as o } from "../../../../../chunks/table-row.js";
|
|
7
7
|
import { ActionCell as s, Cell as c, Row as l, TableBody as u, Text as d } from "@box/blueprint-web";
|
|
8
8
|
import f from "react";
|
|
9
|
-
import p from "
|
|
10
|
-
import {
|
|
11
|
-
import
|
|
9
|
+
import { jsx as p, jsxs as m } from "react/jsx-runtime";
|
|
10
|
+
import { ItemTypeIcon as h } from "@box/item-icon";
|
|
11
|
+
import g from "clsx";
|
|
12
12
|
import _ from "lodash/get";
|
|
13
13
|
var v = (e, t, n) => _(e, n ? t.split(".")[1] : t), y = /* @__PURE__ */ f.memo(({ column: t, iconColumnVariant: n, item: r }) => {
|
|
14
14
|
let { id: i, isItemMetadata: o, subtitle: s, textValue: l } = t, u = `${l}-${r.id}`;
|
|
15
|
-
return /* @__PURE__ */
|
|
15
|
+
return /* @__PURE__ */ p(c, { children: /* @__PURE__ */ m("div", {
|
|
16
16
|
className: a.tableNameCell,
|
|
17
|
-
children: [/* @__PURE__ */
|
|
17
|
+
children: [/* @__PURE__ */ p(h, {
|
|
18
18
|
className: a.tableNameCellIconInline,
|
|
19
19
|
item: r
|
|
20
|
-
}), /* @__PURE__ */
|
|
21
|
-
className:
|
|
22
|
-
children: [/* @__PURE__ */
|
|
20
|
+
}), /* @__PURE__ */ m("div", {
|
|
21
|
+
className: g(a.tableNameCellTitle, { [a.hasSubtitle]: n === e.INLINE_SUBTITLE }),
|
|
22
|
+
children: [/* @__PURE__ */ p(d, {
|
|
23
23
|
as: "span",
|
|
24
24
|
className: a.tableNameCellText,
|
|
25
25
|
children: v(r, i, o)
|
|
26
|
-
}), n === e.INLINE_SUBTITLE && /* @__PURE__ */
|
|
26
|
+
}), n === e.INLINE_SUBTITLE && /* @__PURE__ */ p(d, {
|
|
27
27
|
as: "span",
|
|
28
28
|
className: a.tableNameCellText,
|
|
29
29
|
color: "textOnLightSecondary",
|
|
@@ -33,53 +33,53 @@ var v = (e, t, n) => _(e, n ? t.split(".")[1] : t), y = /* @__PURE__ */ f.memo((
|
|
|
33
33
|
}) }, u);
|
|
34
34
|
}), b = /* @__PURE__ */ f.memo(({ column: e, item: t }) => {
|
|
35
35
|
let n = `${e.textValue}-${t.id}`;
|
|
36
|
-
return /* @__PURE__ */
|
|
36
|
+
return /* @__PURE__ */ p(c, { children: e.cellRenderer?.(t, e) }, n);
|
|
37
37
|
}), x = /* @__PURE__ */ f.memo(({ column: e, item: t }) => {
|
|
38
38
|
let n = `${e.textValue}-${t.id}`, r = _(t, e.id);
|
|
39
|
-
return r ? /* @__PURE__ */
|
|
39
|
+
return r ? /* @__PURE__ */ p(c, { children: r.join(" ") }, n) : /* @__PURE__ */ p(c, {}, n);
|
|
40
40
|
}), S = /* @__PURE__ */ f.memo(({ column: e, item: t }) => {
|
|
41
41
|
let { id: n, isItemMetadata: r, textValue: i } = e, a = `${i}-${t.id}`;
|
|
42
|
-
return /* @__PURE__ */
|
|
42
|
+
return /* @__PURE__ */ p(c, { children: /* @__PURE__ */ p(d, {
|
|
43
43
|
as: "span",
|
|
44
44
|
children: v(t, n, r)
|
|
45
45
|
}) }, a);
|
|
46
46
|
}), C = /* @__PURE__ */ f.memo(({ column: t, iconColumnVariant: n, item: r, onInlineEditChange: a }) => {
|
|
47
47
|
let { cellRenderer: o, id: s, isInlineEditingEnabled: c, type: l } = t, u = s === "item.name" && (n === e.INLINE || n === e.INLINE_SUBTITLE);
|
|
48
|
-
return o ? /* @__PURE__ */
|
|
48
|
+
return o ? /* @__PURE__ */ p(b, {
|
|
49
49
|
column: t,
|
|
50
50
|
item: r
|
|
51
|
-
}) : u ? /* @__PURE__ */
|
|
51
|
+
}) : u ? /* @__PURE__ */ p(y, {
|
|
52
52
|
column: t,
|
|
53
53
|
iconColumnVariant: n,
|
|
54
54
|
item: r
|
|
55
|
-
}) : c && (l === "multiSelect" || l === "enum") ? /* @__PURE__ */
|
|
55
|
+
}) : c && (l === "multiSelect" || l === "enum") ? /* @__PURE__ */ p(i, {
|
|
56
56
|
column: t,
|
|
57
57
|
item: r,
|
|
58
58
|
onInlineEditChange: a
|
|
59
|
-
}, `${t.id}-${r.id}`) :
|
|
59
|
+
}, `${t.id}-${r.id}`) : p(l === "multiSelect" ? x : S, {
|
|
60
60
|
column: t,
|
|
61
61
|
item: r
|
|
62
62
|
});
|
|
63
|
-
}), w = /* @__PURE__ */ f.memo(({ item: e, zoomLevel: t }) => /* @__PURE__ */
|
|
63
|
+
}), w = /* @__PURE__ */ f.memo(({ item: e, zoomLevel: t }) => /* @__PURE__ */ p(c, {
|
|
64
64
|
style: { height: n[t] },
|
|
65
|
-
children: /* @__PURE__ */
|
|
65
|
+
children: /* @__PURE__ */ p(h, {
|
|
66
66
|
className: a.iconCell,
|
|
67
67
|
item: e
|
|
68
68
|
})
|
|
69
|
-
}, `item-type-icon-${e.id}`)), T = /* @__PURE__ */ f.memo(({ item: e, itemActionMenuProps: n, isCheckboxDisabled: r }) => /* @__PURE__ */
|
|
69
|
+
}, `item-type-icon-${e.id}`)), T = /* @__PURE__ */ f.memo(({ item: e, itemActionMenuProps: n, isCheckboxDisabled: r }) => /* @__PURE__ */ p(s, {
|
|
70
70
|
isCheckboxDisabled: r,
|
|
71
|
-
children: (r) => n ? /* @__PURE__ */
|
|
71
|
+
children: (r) => n ? /* @__PURE__ */ p(t, {
|
|
72
72
|
...n,
|
|
73
73
|
item: e,
|
|
74
74
|
onOpenChange: r
|
|
75
75
|
}) : null
|
|
76
|
-
})), E = ({ areSelectionCheckboxesDisabled: t, columnCount: n, columns: i, dataTargetPrefix: s, iconColumnVariant: c, items: d, itemActionMenuProps: f, onInlineEditChange:
|
|
76
|
+
})), E = ({ areSelectionCheckboxesDisabled: t, columnCount: n, columns: i, dataTargetPrefix: s, iconColumnVariant: c, items: d, itemActionMenuProps: f, onInlineEditChange: h, onTableRowClick: _, shouldRenderActionColumn: v, virtualItems: y, totalVirtualSize: b, zoomLevel: x }) => {
|
|
77
77
|
let S = c === e.COLUMN;
|
|
78
78
|
if (y) {
|
|
79
|
-
let e = (e) => /* @__PURE__ */
|
|
79
|
+
let e = (e) => /* @__PURE__ */ p(r, {
|
|
80
80
|
columnLength: n || 0,
|
|
81
81
|
rowKey: `ghost-${e}`
|
|
82
|
-
}), a = (e) => /* @__PURE__ */
|
|
82
|
+
}), a = (e) => /* @__PURE__ */ p(o, {
|
|
83
83
|
areSelectionCheckboxesDisabled: t,
|
|
84
84
|
columns: i,
|
|
85
85
|
dataTargetPrefix: s,
|
|
@@ -89,44 +89,44 @@ var v = (e, t, n) => _(e, n ? t.split(".")[1] : t), y = /* @__PURE__ */ f.memo((
|
|
|
89
89
|
onTableRowClick: _,
|
|
90
90
|
shouldRenderActionColumn: v,
|
|
91
91
|
zoomLevel: x
|
|
92
|
-
}),
|
|
92
|
+
}), h = () => y[0]?.start || 0, g = () => {
|
|
93
93
|
let e = y[y.length - 1]?.end || 0;
|
|
94
94
|
return Math.max((b || 0) - e, 0);
|
|
95
|
-
}, S =
|
|
96
|
-
return /* @__PURE__ */
|
|
97
|
-
!!S && /* @__PURE__ */
|
|
95
|
+
}, S = h(), C = g();
|
|
96
|
+
return /* @__PURE__ */ m(u, { children: [
|
|
97
|
+
!!S && /* @__PURE__ */ p(l, {
|
|
98
98
|
isDisabled: !0,
|
|
99
99
|
style: { height: `${S}px` }
|
|
100
100
|
}),
|
|
101
101
|
y.map(({ index: t }) => t >= d.length ? e(t) : a(d[t])),
|
|
102
|
-
!!C && /* @__PURE__ */
|
|
102
|
+
!!C && /* @__PURE__ */ p(l, {
|
|
103
103
|
isDisabled: !0,
|
|
104
104
|
style: { height: `${C}px` }
|
|
105
105
|
})
|
|
106
106
|
] });
|
|
107
107
|
}
|
|
108
|
-
return /* @__PURE__ */
|
|
108
|
+
return /* @__PURE__ */ p(u, {
|
|
109
109
|
items: d.map((e) => ({
|
|
110
110
|
key: e.id,
|
|
111
111
|
...e
|
|
112
112
|
})),
|
|
113
|
-
children: (e) => /* @__PURE__ */
|
|
114
|
-
className:
|
|
113
|
+
children: (e) => /* @__PURE__ */ m(l, {
|
|
114
|
+
className: g(a.tableRow, { [a.isClickable]: _ }),
|
|
115
115
|
"data-target-id": s ? `${s}-itemRow-${e.id}` : void 0,
|
|
116
116
|
id: e.id,
|
|
117
117
|
onAction: () => _?.(e),
|
|
118
118
|
children: [
|
|
119
|
-
S && /* @__PURE__ */
|
|
119
|
+
S && /* @__PURE__ */ p(w, {
|
|
120
120
|
item: e,
|
|
121
121
|
zoomLevel: x
|
|
122
122
|
}),
|
|
123
|
-
i.map((t) => /* @__PURE__ */
|
|
123
|
+
i.map((t) => /* @__PURE__ */ p(C, {
|
|
124
124
|
column: t,
|
|
125
125
|
iconColumnVariant: c,
|
|
126
126
|
item: e,
|
|
127
|
-
onInlineEditChange:
|
|
127
|
+
onInlineEditChange: h
|
|
128
128
|
}, `${t.textValue}-${e.id}`)),
|
|
129
|
-
v && /* @__PURE__ */
|
|
129
|
+
v && /* @__PURE__ */ p(T, {
|
|
130
130
|
isCheckboxDisabled: t,
|
|
131
131
|
item: e,
|
|
132
132
|
itemActionMenuProps: f
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_1o9go_5{flex-direction:column;height:100%;display:flex;overflow:hidden}._contentContainer_1o9go_15{overflow:auto}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tableHeaderActionsWrapper_1sntd_1{top:0;right:var(--size-4);gap:var(--space-2);padding:0 var(--space-2);background:var(--item-background);margin-block:var(--space-2);justify-content:center;align-items:center;display:flex;position:absolute;bottom:0}._tableHeaderActionsWrapper_1sntd_1:before{z-index:0;width:0;height:50%;box-shadow:-.25rem 0 .625rem .625rem var(--item-background);content:"";display:block;position:absolute;left:0}._tableHeaderActions_1sntd_1{width:var(--size-6);padding:0;position:sticky;right:0}._tableRow_1sntd_33:after,._tableRow_1sntd_33[aria-selected=true]:after{height:100%!important}._tableRow_1sntd_33._isClickable_1sntd_41{cursor:pointer}._selectAllCheckbox_1sntd_45 svg{transform:none!important}._tableNameCell_1sntd_50{gap:var(--space-3);align-items:center;display:flex}._tableNameCellTitle_1sntd_56{text-overflow:ellipsis;overflow:hidden}._tableNameCellTitle_1sntd_56._hasSubtitle_1sntd_60{flex-direction:column;display:flex}._tableNameCellText_1sntd_65{text-overflow:ellipsis;overflow:hidden}._tableNameCellIconInline_1sntd_70{flex-shrink:0}._iconCell_1sntd_74{width:100%!important;height:100%!important}
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/metadata-view",
|
|
3
|
-
"version": "1.64.
|
|
3
|
+
"version": "1.64.5",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"peerDependencies": {
|
|
6
|
-
"@box/blueprint-web": "^15.9.
|
|
7
|
-
"@box/blueprint-web-assets": "^4.
|
|
8
|
-
"@box/box-item-type-selector": "^1.43.
|
|
9
|
-
"@box/content-field": "^1.44.
|
|
10
|
-
"@box/item-icon": "^2.37.
|
|
11
|
-
"@box/metadata-filter": "^1.85.
|
|
6
|
+
"@box/blueprint-web": "^15.9.4",
|
|
7
|
+
"@box/blueprint-web-assets": "^4.129.0",
|
|
8
|
+
"@box/box-item-type-selector": "^1.43.9",
|
|
9
|
+
"@box/content-field": "^1.44.9",
|
|
10
|
+
"@box/item-icon": "^2.37.9",
|
|
11
|
+
"@box/metadata-filter": "^1.85.9",
|
|
12
12
|
"@box/types": "2.2.7",
|
|
13
13
|
"@tanstack/react-virtual": "^3.10.8",
|
|
14
14
|
"formik": "^2.4.5",
|
|
@@ -19,14 +19,14 @@
|
|
|
19
19
|
"react-intl": "^6.4.2"
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
|
-
"@box/blueprint-web": "^15.9.
|
|
23
|
-
"@box/blueprint-web-assets": "^4.
|
|
24
|
-
"@box/box-item-type-selector": "^1.43.
|
|
25
|
-
"@box/content-field": "^1.44.
|
|
22
|
+
"@box/blueprint-web": "^15.9.4",
|
|
23
|
+
"@box/blueprint-web-assets": "^4.129.0",
|
|
24
|
+
"@box/box-item-type-selector": "^1.43.9",
|
|
25
|
+
"@box/content-field": "^1.44.9",
|
|
26
26
|
"@box/eslint-plugin-blueprint": "1.2.7",
|
|
27
|
-
"@box/item-icon": "^2.37.
|
|
28
|
-
"@box/metadata-filter": "^1.85.
|
|
29
|
-
"@box/storybook-utils": "0.21.
|
|
27
|
+
"@box/item-icon": "^2.37.9",
|
|
28
|
+
"@box/metadata-filter": "^1.85.9",
|
|
29
|
+
"@box/storybook-utils": "0.21.9",
|
|
30
30
|
"@box/types": "2.2.7",
|
|
31
31
|
"@tanstack/react-virtual": "^3.10.8",
|
|
32
32
|
"react-intl": "^6.4.2"
|