@box/metadata-view 1.54.9 → 1.54.11
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/action-bar.js +48 -0
- package/dist/chunks/empty-state.js +24 -0
- package/dist/chunks/error-state.js +23 -0
- package/dist/chunks/filter-row.module.js +6 -8
- package/dist/chunks/filter-side-panel.js +65 -0
- package/dist/chunks/header.js +56 -0
- package/dist/chunks/inline-editing-cell.js +34 -0
- package/dist/chunks/item-action-menu.js +86 -0
- package/dist/chunks/metadata-grid.js +44 -0
- package/dist/chunks/metadata-location-field.js +35 -0
- package/dist/chunks/metadata-view.js +102 -0
- package/dist/chunks/pagination-controls.js +40 -0
- package/dist/chunks/table-row.js +72 -0
- package/dist/chunks/types.js +6 -11
- package/dist/chunks/types2.js +4 -0
- package/dist/chunks/zoom-button.js +20 -0
- package/dist/esm/index.js +29 -59
- package/dist/esm/lib/components/action-bar/action-bar.js +2 -62
- package/dist/esm/lib/components/action-bar/index.js +2 -4
- package/dist/esm/lib/components/action-bar/messages.js +22 -24
- package/dist/esm/lib/components/action-bar/zoom-button.js +2 -30
- package/dist/esm/lib/components/constants.js +14 -6
- package/dist/esm/lib/components/empty-state/empty-state.js +2 -30
- package/dist/esm/lib/components/empty-state/index.js +2 -4
- package/dist/esm/lib/components/empty-state/messages.js +10 -12
- package/dist/esm/lib/components/error-state/error-state.js +2 -31
- package/dist/esm/lib/components/error-state/index.js +2 -4
- package/dist/esm/lib/components/error-state/messages.js +10 -12
- package/dist/esm/lib/components/filter-row/advanced-field-content.js +30 -52
- package/dist/esm/lib/components/filter-row/advanced-filter-context.js +3 -6
- package/dist/esm/lib/components/filter-row/all-filters-chip.js +31 -49
- package/dist/esm/lib/components/filter-row/filter-row.js +35 -59
- package/dist/esm/lib/components/filter-row/form-filter-chip.js +84 -113
- package/dist/esm/lib/components/filter-row/index.js +6 -12
- package/dist/esm/lib/components/filter-row/initial-field-values.js +31 -51
- package/dist/esm/lib/components/filter-row/is-blank-or-not-blank-filter.js +2 -4
- package/dist/esm/lib/components/filter-row/is-filter-selected.js +37 -58
- package/dist/esm/lib/components/filter-row/messages.js +38 -40
- package/dist/esm/lib/components/filter-row/metadata-filter-chip.js +74 -103
- package/dist/esm/lib/components/filter-row/predefinedFilters/index.js +2 -6
- package/dist/esm/lib/components/filter-row/predefinedFilters/predefined-filter-options-factory.js +14 -21
- package/dist/esm/lib/components/filter-row/predefinedFilters/use-predefined-filter.js +58 -71
- package/dist/esm/lib/components/filter-row/select-filter-chip.js +41 -58
- package/dist/esm/lib/components/filter-row/use-form-filter-chip.js +36 -40
- package/dist/esm/lib/components/filter-sidepanel/filter-side-panel.js +2 -82
- package/dist/esm/lib/components/filter-sidepanel/filter.js +95 -140
- package/dist/esm/lib/components/filter-sidepanel/index.js +3 -6
- package/dist/esm/lib/components/filter-sidepanel/messages.js +18 -20
- package/dist/esm/lib/components/header/header.js +2 -82
- package/dist/esm/lib/components/header/index.js +2 -4
- package/dist/esm/lib/components/header/messages.js +14 -16
- package/dist/esm/lib/components/index.js +26 -53
- package/dist/esm/lib/components/item-action-menu/identifier.js +4 -7
- package/dist/esm/lib/components/item-action-menu/index.js +2 -4
- package/dist/esm/lib/components/item-action-menu/item-action-menu.js +2 -127
- package/dist/esm/lib/components/item-action-menu/messages.js +5 -9
- package/dist/esm/lib/components/metadata-grid/index.js +2 -4
- package/dist/esm/lib/components/metadata-grid/messages.js +5 -9
- package/dist/esm/lib/components/metadata-grid/metadata-grid.js +2 -62
- package/dist/esm/lib/components/metadata-table/actionColumn.js +3 -5
- package/dist/esm/lib/components/metadata-table/hooks/useInfiniteScrollTableItems.js +24 -29
- package/dist/esm/lib/components/metadata-table/index.js +4 -8
- package/dist/esm/lib/components/metadata-table/messages.js +14 -16
- package/dist/esm/lib/components/metadata-table/metadata-table.js +89 -127
- package/dist/esm/lib/components/metadata-table/table-body/ghost-table-body.js +10 -19
- package/dist/esm/lib/components/metadata-table/table-body/ghost-table-row/ghost-table-row.js +8 -19
- package/dist/esm/lib/components/metadata-table/table-body/ghost-table-row/index.js +2 -4
- package/dist/esm/lib/components/metadata-table/table-body/inline-editing-cell/index.js +2 -4
- package/dist/esm/lib/components/metadata-table/table-body/inline-editing-cell/inline-editing-cell.js +2 -56
- package/dist/esm/lib/components/metadata-table/table-body/table-body-with-data.js +135 -209
- package/dist/esm/lib/components/metadata-table/table-body/table-row/index.js +2 -4
- package/dist/esm/lib/components/metadata-table/table-body/table-row/table-row.js +2 -12
- package/dist/esm/lib/components/metadata-table/table-renderer.js +34 -55
- package/dist/esm/lib/components/metadata-value/index.js +6 -12
- package/dist/esm/lib/components/metadata-value/messages.js +15 -17
- package/dist/esm/lib/components/metadata-value/metadata-checkbox-field.js +24 -34
- package/dist/esm/lib/components/metadata-value/metadata-file-chip.js +14 -22
- package/dist/esm/lib/components/metadata-value/metadata-file-field.js +12 -19
- package/dist/esm/lib/components/metadata-value/metadata-location-field.js +2 -48
- package/dist/esm/lib/components/metadata-value/metadata-radio-field.js +26 -37
- package/dist/esm/lib/components/metadata-value/metadata-search-field.js +19 -30
- package/dist/esm/lib/components/pagination/index.js +4 -9
- package/dist/esm/lib/components/pagination/marker-based-pagination.js +12 -19
- package/dist/esm/lib/components/pagination/messages.js +19 -21
- package/dist/esm/lib/components/pagination/offset-based-pagination.js +22 -31
- package/dist/esm/lib/components/pagination/pagination-controls.js +2 -53
- package/dist/esm/lib/components/pagination/pagination.js +20 -35
- package/dist/esm/lib/components/pagination/utils.js +4 -6
- package/dist/esm/lib/components/sort-dropdown/index.js +2 -4
- package/dist/esm/lib/components/sort-dropdown/sort-dropdown.js +37 -56
- package/dist/esm/lib/components/switch-case/index.js +2 -5
- package/dist/esm/lib/components/switch-case/switch-case.js +4 -12
- package/dist/esm/lib/hooks/use-header.js +41 -37
- package/dist/esm/lib/index.js +28 -59
- package/dist/esm/lib/metadata-view.js +2 -151
- package/dist/styles/action-bar.css +1 -1
- package/dist/styles/empty-state.css +1 -1
- package/dist/styles/filter-row.css +1 -1
- package/dist/styles/header.css +1 -1
- package/dist/styles/inline-editing-cell.css +1 -1
- package/dist/styles/item-action-menu.css +1 -1
- package/dist/styles/metadata-grid.css +1 -1
- package/dist/styles/metadata-view.css +1 -1
- package/dist/styles/pagination-controls.css +1 -1
- package/dist/styles/table-row.css +1 -0
- package/dist/styles/zoom-button.css +1 -1
- package/package.json +14 -14
- package/dist/chunks/index.js +0 -105
- package/dist/styles/index.css +0 -1
|
@@ -1,38 +1,42 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
function
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
1
|
+
import "../../../chunks/types.js";
|
|
2
|
+
import { useCallback as e, useEffect as t, useMemo as n, useState as r } from "react";
|
|
3
|
+
function i({ headerProps: i, items: a, selectedKeys: o, isSelectionEnabled: s, onSelectionChange: c }) {
|
|
4
|
+
let [l, u] = r(0), [d, f] = r(void 0), [p, m] = r(0), h = i?.itemCount ?? a.length;
|
|
5
|
+
t(() => {
|
|
6
|
+
if (o) {
|
|
7
|
+
let e = o === "all" ? h : [...o].length;
|
|
8
|
+
u(e), e === 1 && f(String([...o][0]));
|
|
9
|
+
}
|
|
10
|
+
}, [o, h]);
|
|
11
|
+
let g = e((e) => {
|
|
12
|
+
if (!o) {
|
|
13
|
+
let t = e === "all" ? h : e.size;
|
|
14
|
+
u(t), t === 1 && e !== "all" && f(e.values().next().value);
|
|
15
|
+
}
|
|
16
|
+
c?.(e);
|
|
17
|
+
}, [
|
|
18
|
+
c,
|
|
19
|
+
o,
|
|
20
|
+
h
|
|
21
|
+
]), _ = i?.onClearSelection, v = e(() => {
|
|
22
|
+
_?.(), c?.(/* @__PURE__ */ new Set()), o || (u(0), m((e) => e + 1));
|
|
23
|
+
}, [
|
|
24
|
+
_,
|
|
25
|
+
c,
|
|
26
|
+
o
|
|
27
|
+
]), y = s ? l : 0;
|
|
28
|
+
return {
|
|
29
|
+
headerSelectionProps: {
|
|
30
|
+
onClearSelection: v,
|
|
31
|
+
selectionCount: y,
|
|
32
|
+
selectedItemName: n(() => y === 1 && d ? a.find((e) => e.id === d)?.name : null, [
|
|
33
|
+
y,
|
|
34
|
+
d,
|
|
35
|
+
a
|
|
36
|
+
])
|
|
37
|
+
},
|
|
38
|
+
handleSelectionChange: g,
|
|
39
|
+
selectionResetKey: p
|
|
40
|
+
};
|
|
35
41
|
}
|
|
36
|
-
export {
|
|
37
|
-
w as useHeader
|
|
38
|
-
};
|
|
42
|
+
export { i as useHeader };
|
package/dist/esm/lib/index.js
CHANGED
|
@@ -1,59 +1,28 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import { MetadataTable as
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
export {
|
|
29
|
-
f as ActionBar,
|
|
30
|
-
d as Case,
|
|
31
|
-
F as Filter,
|
|
32
|
-
C as FilterRow,
|
|
33
|
-
c as FilterSidePanel,
|
|
34
|
-
h as FormFilterChip,
|
|
35
|
-
g as Header,
|
|
36
|
-
a as IconColumnVariant,
|
|
37
|
-
I as InlineEditingCell,
|
|
38
|
-
V as ItemActionMenu,
|
|
39
|
-
B as MarkerBasedPagination,
|
|
40
|
-
R as MetadataFileChip,
|
|
41
|
-
b as MetadataFileField,
|
|
42
|
-
k as MetadataFilterChip,
|
|
43
|
-
G as MetadataGrid,
|
|
44
|
-
N as MetadataLocationField,
|
|
45
|
-
_ as MetadataRadioField,
|
|
46
|
-
q as MetadataSearchField,
|
|
47
|
-
y as MetadataTable,
|
|
48
|
-
o as MetadataView,
|
|
49
|
-
J as OffsetBasedPagination,
|
|
50
|
-
Q as Pagination,
|
|
51
|
-
W as PaginationControls,
|
|
52
|
-
Y as PredefinedFilterName,
|
|
53
|
-
i as SELECT_ALL,
|
|
54
|
-
$ as SelectFilterChip,
|
|
55
|
-
re as SortDropdown,
|
|
56
|
-
n as SwitchCase,
|
|
57
|
-
te as TableRenderer,
|
|
58
|
-
p as ViewMode
|
|
59
|
-
};
|
|
1
|
+
import { n as e, r as t, t as n } from "../../chunks/types.js";
|
|
2
|
+
import { MetadataFileField as r } from "./components/metadata-value/metadata-file-field.js";
|
|
3
|
+
import { t as i } from "../../chunks/metadata-location-field.js";
|
|
4
|
+
import { MetadataRadioField as a } from "./components/metadata-value/metadata-radio-field.js";
|
|
5
|
+
import { MetadataSearchField as o } from "./components/metadata-value/metadata-search-field.js";
|
|
6
|
+
import { Filter as s } from "./components/filter-sidepanel/filter.js";
|
|
7
|
+
import { t as c } from "../../chunks/filter-side-panel.js";
|
|
8
|
+
import { MetadataFileChip as l } from "./components/metadata-value/metadata-file-chip.js";
|
|
9
|
+
import { FormFilterChip as u } from "./components/filter-row/form-filter-chip.js";
|
|
10
|
+
import { SelectFilterChip as d } from "./components/filter-row/select-filter-chip.js";
|
|
11
|
+
import { MetadataFilterChip as f } from "./components/filter-row/metadata-filter-chip.js";
|
|
12
|
+
import { t as p } from "../../chunks/types2.js";
|
|
13
|
+
import { FilterRow as m } from "./components/filter-row/filter-row.js";
|
|
14
|
+
import { SortDropdown as h } from "./components/sort-dropdown/sort-dropdown.js";
|
|
15
|
+
import { t as g } from "../../chunks/action-bar.js";
|
|
16
|
+
import { t as _ } from "../../chunks/item-action-menu.js";
|
|
17
|
+
import { t as v } from "../../chunks/metadata-grid.js";
|
|
18
|
+
import { t as y } from "../../chunks/inline-editing-cell.js";
|
|
19
|
+
import { TableRenderer as b } from "./components/metadata-table/table-renderer.js";
|
|
20
|
+
import { MetadataTable as x } from "./components/metadata-table/metadata-table.js";
|
|
21
|
+
import { t as S } from "../../chunks/pagination-controls.js";
|
|
22
|
+
import { MarkerBasedPagination as C } from "./components/pagination/marker-based-pagination.js";
|
|
23
|
+
import { OffsetBasedPagination as w } from "./components/pagination/offset-based-pagination.js";
|
|
24
|
+
import { Pagination as T } from "./components/pagination/pagination.js";
|
|
25
|
+
import { Case as E, SwitchCase as D } from "./components/switch-case/switch-case.js";
|
|
26
|
+
import { t as O } from "../../chunks/header.js";
|
|
27
|
+
import { t as k } from "../../chunks/metadata-view.js";
|
|
28
|
+
export { g as ActionBar, E as Case, s as Filter, m as FilterRow, c as FilterSidePanel, u as FormFilterChip, O as Header, n as IconColumnVariant, y as InlineEditingCell, _ as ItemActionMenu, C as MarkerBasedPagination, l as MetadataFileChip, r as MetadataFileField, f as MetadataFilterChip, v as MetadataGrid, i as MetadataLocationField, a as MetadataRadioField, o as MetadataSearchField, x as MetadataTable, k as MetadataView, w as OffsetBasedPagination, T as Pagination, S as PaginationControls, p as PredefinedFilterName, e as SELECT_ALL, d as SelectFilterChip, h as SortDropdown, D as SwitchCase, b as TableRenderer, t as ViewMode };
|
|
@@ -1,151 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
import { SwitchCase as q, Case as d } from "./components/switch-case/switch-case.js";
|
|
4
|
-
import "./components/filter-sidepanel/filter.js";
|
|
5
|
-
import "./components/filter-row/filter-row.js";
|
|
6
|
-
import "./components/filter-sidepanel/filter-side-panel.js";
|
|
7
|
-
import "./components/filter-row/form-filter-chip.js";
|
|
8
|
-
import { Header as J } from "./components/header/header.js";
|
|
9
|
-
import "./components/metadata-table/table-body/inline-editing-cell/inline-editing-cell.js";
|
|
10
|
-
import "./components/item-action-menu/item-action-menu.js";
|
|
11
|
-
import "./components/pagination/marker-based-pagination.js";
|
|
12
|
-
import "./components/metadata-value/metadata-file-chip.js";
|
|
13
|
-
import "./components/metadata-value/metadata-file-field.js";
|
|
14
|
-
import "./components/filter-row/metadata-filter-chip.js";
|
|
15
|
-
import { MetadataGrid as Q } from "./components/metadata-grid/metadata-grid.js";
|
|
16
|
-
import "./components/metadata-value/metadata-location-field.js";
|
|
17
|
-
import "./components/metadata-value/metadata-radio-field.js";
|
|
18
|
-
import "./components/metadata-value/metadata-search-field.js";
|
|
19
|
-
import { MetadataTable as W } from "./components/metadata-table/metadata-table.js";
|
|
20
|
-
import "./components/pagination/offset-based-pagination.js";
|
|
21
|
-
import { Pagination as X } from "./components/pagination/pagination.js";
|
|
22
|
-
import "./components/pagination/pagination-controls.js";
|
|
23
|
-
import "./components/filter-row/predefinedFilters/index.js";
|
|
24
|
-
import "./components/filter-row/select-filter-chip.js";
|
|
25
|
-
import "./components/sort-dropdown/sort-dropdown.js";
|
|
26
|
-
import "./components/metadata-table/table-renderer.js";
|
|
27
|
-
import { TooltipProvider as Y } from "@box/blueprint-web";
|
|
28
|
-
import { useState as C, useRef as $, useCallback as B } from "react";
|
|
29
|
-
import { useHeader as K } from "./hooks/use-header.js";
|
|
30
|
-
import { jsx as o, jsxs as L, Fragment as P } from "react/jsx-runtime";
|
|
31
|
-
import { ErrorState as oo } from "./components/error-state/error-state.js";
|
|
32
|
-
import to from "./components/empty-state/empty-state.js";
|
|
33
|
-
import '../../styles/metadata-view.css';const eo = "_container_1o9go_5", no = "_contentContainer_1o9go_15", _ = {
|
|
34
|
-
container: eo,
|
|
35
|
-
contentContainer: no
|
|
36
|
-
};
|
|
37
|
-
function Zo({
|
|
38
|
-
actionBarProps: i,
|
|
39
|
-
columns: h,
|
|
40
|
-
tableProps: m,
|
|
41
|
-
hasError: D,
|
|
42
|
-
headerProps: a,
|
|
43
|
-
onRefresh: R,
|
|
44
|
-
onSelectionChange: x,
|
|
45
|
-
onViewModeChange: y,
|
|
46
|
-
selectedKeys: c,
|
|
47
|
-
initialViewMode: G = e.LIST,
|
|
48
|
-
paginationProps: f,
|
|
49
|
-
isLoading: S,
|
|
50
|
-
isSelectAllEnabled: N = !0,
|
|
51
|
-
isSelectionEnabled: p,
|
|
52
|
-
areSelectionCheckboxesDisabled: g,
|
|
53
|
-
...r
|
|
54
|
-
}) {
|
|
55
|
-
const [s, j] = C(G), [u, M] = C(void 0), [l, E] = C(0), w = $(null), {
|
|
56
|
-
headerSelectionProps: H,
|
|
57
|
-
handleSelectionChange: I,
|
|
58
|
-
selectionResetKey: V
|
|
59
|
-
} = K({
|
|
60
|
-
headerProps: a,
|
|
61
|
-
items: r.items,
|
|
62
|
-
selectedKeys: c,
|
|
63
|
-
isSelectionEnabled: p,
|
|
64
|
-
onSelectionChange: x
|
|
65
|
-
}), O = () => {
|
|
66
|
-
j((t) => {
|
|
67
|
-
const n = t === e.LIST ? e.GRID : e.LIST;
|
|
68
|
-
return y?.(n), n;
|
|
69
|
-
});
|
|
70
|
-
}, Z = !S && r.items.length === 0, k = i && i.sortDropdownProps && h.filter((t) => t.type !== "multiSelect" && t.type !== "enum" && t.allowsSorting === !0), {
|
|
71
|
-
iconColumnVariant: v
|
|
72
|
-
} = m || {}, z = v && v === U.COLUMN, T = m?.onSortChange, A = B(({
|
|
73
|
-
column: t,
|
|
74
|
-
direction: n
|
|
75
|
-
}) => {
|
|
76
|
-
M({
|
|
77
|
-
column: t,
|
|
78
|
-
direction: n
|
|
79
|
-
}), T?.({
|
|
80
|
-
column: t,
|
|
81
|
-
direction: n
|
|
82
|
-
});
|
|
83
|
-
}, [T]), F = {
|
|
84
|
-
...m,
|
|
85
|
-
sortDescriptor: u,
|
|
86
|
-
onSortChange: A
|
|
87
|
-
};
|
|
88
|
-
return /* @__PURE__ */ o(Y, {
|
|
89
|
-
children: /* @__PURE__ */ o("div", {
|
|
90
|
-
ref: w,
|
|
91
|
-
className: _.container,
|
|
92
|
-
children: D ? /* @__PURE__ */ o(oo, {
|
|
93
|
-
onRefresh: R
|
|
94
|
-
}) : /* @__PURE__ */ L(P, {
|
|
95
|
-
children: [a && /* @__PURE__ */ o(J, {
|
|
96
|
-
...a,
|
|
97
|
-
...H
|
|
98
|
-
}), /* @__PURE__ */ o(b, {
|
|
99
|
-
...i,
|
|
100
|
-
containerRef: w,
|
|
101
|
-
isIconColumnEnabled: z,
|
|
102
|
-
onSortDescriptorChange: M,
|
|
103
|
-
onViewModeClick: O,
|
|
104
|
-
onZoomLevelChange: E,
|
|
105
|
-
sortableColumns: k,
|
|
106
|
-
sortDescriptor: u,
|
|
107
|
-
viewMode: s,
|
|
108
|
-
zoomLevel: l
|
|
109
|
-
}), /* @__PURE__ */ o("div", {
|
|
110
|
-
className: _.contentContainer,
|
|
111
|
-
children: /* @__PURE__ */ L(q, {
|
|
112
|
-
children: [/* @__PURE__ */ o(d, {
|
|
113
|
-
condition: Z,
|
|
114
|
-
children: /* @__PURE__ */ o(to, {})
|
|
115
|
-
}), /* @__PURE__ */ o(d, {
|
|
116
|
-
condition: s === e.LIST,
|
|
117
|
-
children: /* @__PURE__ */ o(W, {
|
|
118
|
-
areSelectionCheckboxesDisabled: g,
|
|
119
|
-
columns: h,
|
|
120
|
-
isLoading: S,
|
|
121
|
-
isSelectAllEnabled: N,
|
|
122
|
-
onSelectionChange: I,
|
|
123
|
-
selectedKeys: c,
|
|
124
|
-
selectionMode: p ? "multiple" : "none",
|
|
125
|
-
zoomLevel: l,
|
|
126
|
-
...r,
|
|
127
|
-
...F
|
|
128
|
-
}, V)
|
|
129
|
-
}), /* @__PURE__ */ o(d, {
|
|
130
|
-
condition: s === e.GRID,
|
|
131
|
-
children: /* @__PURE__ */ o(Q, {
|
|
132
|
-
areSelectionCheckboxesDisabled: g,
|
|
133
|
-
onSelectionChange: I,
|
|
134
|
-
selectedKeys: c,
|
|
135
|
-
selectionMode: p ? "multiple" : "none",
|
|
136
|
-
zoomLevel: l,
|
|
137
|
-
...r
|
|
138
|
-
}, V)
|
|
139
|
-
})]
|
|
140
|
-
})
|
|
141
|
-
}), f && /* @__PURE__ */ o(X, {
|
|
142
|
-
...f
|
|
143
|
-
})]
|
|
144
|
-
})
|
|
145
|
-
})
|
|
146
|
-
});
|
|
147
|
-
}
|
|
148
|
-
export {
|
|
149
|
-
Zo as MetadataView,
|
|
150
|
-
Zo as default
|
|
151
|
-
};
|
|
1
|
+
import { t as e } from "../../chunks/metadata-view.js";
|
|
2
|
+
export { e as MetadataView, e as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._actionBar_bbxsv_1{
|
|
1
|
+
._actionBar_bbxsv_1{padding:var(--space-4) 0;justify-content:space-between;display:flex}@media (width<=374px){._filterRow_bbxsv_8{display:none}}._additionalActions_bbxsv_13{height:var(--size-8);display:flex}@media (width<=374px){._additionalActions_bbxsv_13{flex-grow:1;justify-content:space-between}}._viewModeButtonContainer_bbxsv_24{align-items:center;display:flex}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._emptyStateContainer_10mhj_1{
|
|
1
|
+
._emptyStateContainer_10mhj_1{text-align:center;align-items:center;width:100%;height:100%;display:flex}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._popoverFooter_1q01l_1{
|
|
1
|
+
._popoverFooter_1q01l_1{gap:var(--space-2);flex-direction:row;justify-content:flex-end;align-items:center;display:flex}._popoverContent_1q01l_9{width:320px}._filterChipGroup_1q01l_13{flex-wrap:wrap;display:flex}._filterChipIcon_1q01l_18>path{fill:var(--icon-icon-on-light)}
|
package/dist/styles/header.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._viewHeader_11wvf_1{padding-bottom:var(--space-2)}._titleBar_11wvf_5{
|
|
1
|
+
._viewHeader_11wvf_1{padding-bottom:var(--space-2)}._titleBar_11wvf_5{align-items:center;gap:var(--space-2);display:flex}._clearSelectionButton_11wvf_11{border-radius:var(--bp-radius-16);margin-right:var(--space-3)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._inlineEditingCell_1iieg_1._inlineEditingCell_1iieg_1._inlineEditingCell_1iieg_1{
|
|
1
|
+
._inlineEditingCell_1iieg_1._inlineEditingCell_1iieg_1._inlineEditingCell_1iieg_1{gap:var(--space-2);width:100%;padding:var(--space-1);font-weight:var(--font-weights-regular);background-color:#0000;border:#0000;justify-content:flex-start;align-items:center;display:inline-flex}._inlineEditingCell_1iieg_1._inlineEditingCell_1iieg_1._inlineEditingCell_1iieg_1:hover{background-color:#0000;border:#0000}._inlineEditingCell_1iieg_1._inlineEditingCell_1iieg_1._inlineEditingCell_1iieg_1>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._tableActionBar_akgtp_1{
|
|
1
|
+
._tableActionBar_akgtp_1{gap:var(--space-2);display:flex}._actionItemIcon_akgtp_6{margin-right:var(--size-2)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._itemThumbnail_93ess_1{
|
|
1
|
+
._itemThumbnail_93ess_1{justify-content:center;align-items:center;display:flex}._itemThumbnail_93ess_1 svg{width:65%;height:65%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._container_1o9go_5{
|
|
1
|
+
._container_1o9go_5{flex-direction:column;height:100%;display:flex;overflow:hidden}._contentContainer_1o9go_15{overflow:auto}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._pagination_1ozaq_1{
|
|
1
|
+
._pagination_1ozaq_1{min-height:var(--size-12);margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}._paginationButtonContainer_1ozaq_9{gap:var(--space-2);display:flex}
|
|
@@ -0,0 +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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._sliderContainer_1entc_1{
|
|
1
|
+
._sliderContainer_1entc_1{width:116px;margin-inline-end:var(--space-4);display:flex}
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/metadata-view",
|
|
3
|
-
"version": "1.54.
|
|
3
|
+
"version": "1.54.11",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"peerDependencies": {
|
|
6
|
-
"@box/blueprint-web": "^14.
|
|
7
|
-
"@box/blueprint-web-assets": "^4.112.
|
|
8
|
-
"@box/box-item-type-selector": "^1.39.
|
|
9
|
-
"@box/content-field": "^1.40.
|
|
10
|
-
"@box/item-icon": "^2.32.
|
|
11
|
-
"@box/metadata-filter": "^1.81.
|
|
6
|
+
"@box/blueprint-web": "^14.7.0",
|
|
7
|
+
"@box/blueprint-web-assets": "^4.112.3",
|
|
8
|
+
"@box/box-item-type-selector": "^1.39.34",
|
|
9
|
+
"@box/content-field": "^1.40.34",
|
|
10
|
+
"@box/item-icon": "^2.32.27",
|
|
11
|
+
"@box/metadata-filter": "^1.81.5",
|
|
12
12
|
"@box/types": "2.1.15",
|
|
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": "^14.
|
|
23
|
-
"@box/blueprint-web-assets": "^4.112.
|
|
24
|
-
"@box/box-item-type-selector": "^1.39.
|
|
25
|
-
"@box/content-field": "^1.40.
|
|
22
|
+
"@box/blueprint-web": "^14.7.0",
|
|
23
|
+
"@box/blueprint-web-assets": "^4.112.3",
|
|
24
|
+
"@box/box-item-type-selector": "^1.39.34",
|
|
25
|
+
"@box/content-field": "^1.40.34",
|
|
26
26
|
"@box/eslint-plugin-blueprint": "1.1.12",
|
|
27
|
-
"@box/item-icon": "^2.32.
|
|
28
|
-
"@box/metadata-filter": "^1.81.
|
|
29
|
-
"@box/storybook-utils": "0.17.
|
|
27
|
+
"@box/item-icon": "^2.32.27",
|
|
28
|
+
"@box/metadata-filter": "^1.81.5",
|
|
29
|
+
"@box/storybook-utils": "0.17.30",
|
|
30
30
|
"@box/types": "2.1.15",
|
|
31
31
|
"@tanstack/react-virtual": "^3.10.8",
|
|
32
32
|
"react-intl": "^6.4.2"
|
package/dist/chunks/index.js
DELETED
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
import { Row as k, Cell as s, Text as r, ActionCell as y } from "@box/blueprint-web";
|
|
2
|
-
import C from "lodash/get";
|
|
3
|
-
import { ItemTypeIcon as h } from "@box/item-icon";
|
|
4
|
-
import p from "clsx";
|
|
5
|
-
import { I as n } from "./types.js";
|
|
6
|
-
import { THUMBNAIL_LIST_VIEW_HEIGHTS as R } from "../esm/lib/components/constants.js";
|
|
7
|
-
import { jsxs as d, jsx as e } from "react/jsx-runtime";
|
|
8
|
-
import { ItemActionMenu as w } from "../esm/lib/components/item-action-menu/item-action-menu.js";
|
|
9
|
-
import '../styles/index.css';const U = "_tableHeaderActionsWrapper_1sntd_1", B = "_tableHeaderActions_1sntd_1", W = "_tableRow_1sntd_33", g = "_isClickable_1sntd_41", j = "_selectAllCheckbox_1sntd_45", M = "_tableNameCell_1sntd_50", $ = "_tableNameCellTitle_1sntd_56", v = "_hasSubtitle_1sntd_60", O = "_tableNameCellText_1sntd_65", D = "_tableNameCellIconInline_1sntd_70", G = "_iconCell_1sntd_74", t = {
|
|
10
|
-
tableHeaderActionsWrapper: U,
|
|
11
|
-
tableHeaderActions: B,
|
|
12
|
-
tableRow: W,
|
|
13
|
-
isClickable: g,
|
|
14
|
-
selectAllCheckbox: j,
|
|
15
|
-
tableNameCell: M,
|
|
16
|
-
tableNameCellTitle: $,
|
|
17
|
-
hasSubtitle: v,
|
|
18
|
-
tableNameCellText: O,
|
|
19
|
-
tableNameCellIconInline: D,
|
|
20
|
-
iconCell: G
|
|
21
|
-
}, Z = ({
|
|
22
|
-
areSelectionCheckboxesDisabled: T,
|
|
23
|
-
columns: x,
|
|
24
|
-
iconColumnVariant: a,
|
|
25
|
-
item: l,
|
|
26
|
-
itemActionMenuProps: b,
|
|
27
|
-
onTableRowClick: _,
|
|
28
|
-
shouldRenderActionColumn: u,
|
|
29
|
-
zoomLevel: f = 0
|
|
30
|
-
}) => /* @__PURE__ */ d(k, {
|
|
31
|
-
className: p(t.tableRow, {
|
|
32
|
-
[t.isClickable]: _
|
|
33
|
-
}),
|
|
34
|
-
id: l.id,
|
|
35
|
-
onAction: () => _?.(l),
|
|
36
|
-
children: [a === n.COLUMN ? /* @__PURE__ */ e(s, {
|
|
37
|
-
style: {
|
|
38
|
-
height: R[f]
|
|
39
|
-
},
|
|
40
|
-
children: /* @__PURE__ */ e(h, {
|
|
41
|
-
className: t.iconCell,
|
|
42
|
-
item: l
|
|
43
|
-
})
|
|
44
|
-
}, `item-type-icon-${l.id}`) : null, x.map((c) => {
|
|
45
|
-
const {
|
|
46
|
-
cellRenderer: m,
|
|
47
|
-
id: o,
|
|
48
|
-
isItemMetadata: A,
|
|
49
|
-
subtitle: L,
|
|
50
|
-
textValue: S,
|
|
51
|
-
type: E
|
|
52
|
-
} = c, i = `${S}-${l.id}`;
|
|
53
|
-
if (m)
|
|
54
|
-
return /* @__PURE__ */ e(s, {
|
|
55
|
-
children: m(l, c)
|
|
56
|
-
}, i);
|
|
57
|
-
const H = A ? o.split(".")[1] : o, N = C(l, H);
|
|
58
|
-
if (o === "name" && (a === n.INLINE || a === n.INLINE_SUBTITLE))
|
|
59
|
-
return /* @__PURE__ */ e(s, {
|
|
60
|
-
children: /* @__PURE__ */ d("div", {
|
|
61
|
-
className: t.tableNameCell,
|
|
62
|
-
children: [/* @__PURE__ */ e(h, {
|
|
63
|
-
item: l
|
|
64
|
-
}), /* @__PURE__ */ d("div", {
|
|
65
|
-
className: p(t.tableNameCellTitle, {
|
|
66
|
-
[t.hasSubtitle]: a === n.INLINE_SUBTITLE
|
|
67
|
-
}),
|
|
68
|
-
children: [/* @__PURE__ */ e(r, {
|
|
69
|
-
as: "span",
|
|
70
|
-
className: t.tableNameCellText,
|
|
71
|
-
children: N
|
|
72
|
-
}), a === n.INLINE_SUBTITLE ? /* @__PURE__ */ e(r, {
|
|
73
|
-
as: "span",
|
|
74
|
-
className: t.tableNameCellText,
|
|
75
|
-
color: "textOnLightSecondary",
|
|
76
|
-
children: L
|
|
77
|
-
}) : null]
|
|
78
|
-
})]
|
|
79
|
-
})
|
|
80
|
-
}, i);
|
|
81
|
-
if (E === "multiSelect") {
|
|
82
|
-
const I = C(l, o);
|
|
83
|
-
return /* @__PURE__ */ e(s, {
|
|
84
|
-
children: I ? I.join(" ") : ""
|
|
85
|
-
}, i);
|
|
86
|
-
}
|
|
87
|
-
return /* @__PURE__ */ e(s, {
|
|
88
|
-
children: /* @__PURE__ */ e(r, {
|
|
89
|
-
as: "span",
|
|
90
|
-
children: N
|
|
91
|
-
})
|
|
92
|
-
}, i);
|
|
93
|
-
}), u && /* @__PURE__ */ e(y, {
|
|
94
|
-
isCheckboxDisabled: T,
|
|
95
|
-
children: (c) => b ? /* @__PURE__ */ e(w, {
|
|
96
|
-
...b,
|
|
97
|
-
item: l,
|
|
98
|
-
onOpenChange: c
|
|
99
|
-
}) : null
|
|
100
|
-
})]
|
|
101
|
-
}, l.id);
|
|
102
|
-
export {
|
|
103
|
-
Z as T,
|
|
104
|
-
t as s
|
|
105
|
-
};
|
package/dist/styles/index.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._tableHeaderActionsWrapper_1sntd_1{position:absolute;top:0;right:var(--size-4);bottom:0;display:flex;gap:var(--space-2);align-items:center;justify-content:center;padding:0 var(--space-2);background:var(--item-background);margin-block:var(--space-2)}._tableHeaderActionsWrapper_1sntd_1:before{position:absolute;left:0;z-index:0;display:block;width:0;height:50%;box-shadow:-.25rem 0 .625rem .625rem var(--item-background);content:""}._tableHeaderActions_1sntd_1{position:sticky;right:0;width:var(--size-6);padding:0}._tableRow_1sntd_33:after{height:100%!important}._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{display:flex;gap:var(--space-3);align-items:center}._tableNameCellTitle_1sntd_56{overflow:hidden;text-overflow:ellipsis}._tableNameCellTitle_1sntd_56._hasSubtitle_1sntd_60{display:flex;flex-direction:column}._tableNameCellText_1sntd_65{overflow:hidden;text-overflow:ellipsis}._tableNameCellIconInline_1sntd_70{flex-shrink:0}._iconCell_1sntd_74{width:100%!important;height:100%!important}
|