@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.
Files changed (109) hide show
  1. package/dist/chunks/action-bar.js +48 -0
  2. package/dist/chunks/empty-state.js +24 -0
  3. package/dist/chunks/error-state.js +23 -0
  4. package/dist/chunks/filter-row.module.js +6 -8
  5. package/dist/chunks/filter-side-panel.js +65 -0
  6. package/dist/chunks/header.js +56 -0
  7. package/dist/chunks/inline-editing-cell.js +34 -0
  8. package/dist/chunks/item-action-menu.js +86 -0
  9. package/dist/chunks/metadata-grid.js +44 -0
  10. package/dist/chunks/metadata-location-field.js +35 -0
  11. package/dist/chunks/metadata-view.js +102 -0
  12. package/dist/chunks/pagination-controls.js +40 -0
  13. package/dist/chunks/table-row.js +72 -0
  14. package/dist/chunks/types.js +6 -11
  15. package/dist/chunks/types2.js +4 -0
  16. package/dist/chunks/zoom-button.js +20 -0
  17. package/dist/esm/index.js +29 -59
  18. package/dist/esm/lib/components/action-bar/action-bar.js +2 -62
  19. package/dist/esm/lib/components/action-bar/index.js +2 -4
  20. package/dist/esm/lib/components/action-bar/messages.js +22 -24
  21. package/dist/esm/lib/components/action-bar/zoom-button.js +2 -30
  22. package/dist/esm/lib/components/constants.js +14 -6
  23. package/dist/esm/lib/components/empty-state/empty-state.js +2 -30
  24. package/dist/esm/lib/components/empty-state/index.js +2 -4
  25. package/dist/esm/lib/components/empty-state/messages.js +10 -12
  26. package/dist/esm/lib/components/error-state/error-state.js +2 -31
  27. package/dist/esm/lib/components/error-state/index.js +2 -4
  28. package/dist/esm/lib/components/error-state/messages.js +10 -12
  29. package/dist/esm/lib/components/filter-row/advanced-field-content.js +30 -52
  30. package/dist/esm/lib/components/filter-row/advanced-filter-context.js +3 -6
  31. package/dist/esm/lib/components/filter-row/all-filters-chip.js +31 -49
  32. package/dist/esm/lib/components/filter-row/filter-row.js +35 -59
  33. package/dist/esm/lib/components/filter-row/form-filter-chip.js +84 -113
  34. package/dist/esm/lib/components/filter-row/index.js +6 -12
  35. package/dist/esm/lib/components/filter-row/initial-field-values.js +31 -51
  36. package/dist/esm/lib/components/filter-row/is-blank-or-not-blank-filter.js +2 -4
  37. package/dist/esm/lib/components/filter-row/is-filter-selected.js +37 -58
  38. package/dist/esm/lib/components/filter-row/messages.js +38 -40
  39. package/dist/esm/lib/components/filter-row/metadata-filter-chip.js +74 -103
  40. package/dist/esm/lib/components/filter-row/predefinedFilters/index.js +2 -6
  41. package/dist/esm/lib/components/filter-row/predefinedFilters/predefined-filter-options-factory.js +14 -21
  42. package/dist/esm/lib/components/filter-row/predefinedFilters/use-predefined-filter.js +58 -71
  43. package/dist/esm/lib/components/filter-row/select-filter-chip.js +41 -58
  44. package/dist/esm/lib/components/filter-row/use-form-filter-chip.js +36 -40
  45. package/dist/esm/lib/components/filter-sidepanel/filter-side-panel.js +2 -82
  46. package/dist/esm/lib/components/filter-sidepanel/filter.js +95 -140
  47. package/dist/esm/lib/components/filter-sidepanel/index.js +3 -6
  48. package/dist/esm/lib/components/filter-sidepanel/messages.js +18 -20
  49. package/dist/esm/lib/components/header/header.js +2 -82
  50. package/dist/esm/lib/components/header/index.js +2 -4
  51. package/dist/esm/lib/components/header/messages.js +14 -16
  52. package/dist/esm/lib/components/index.js +26 -53
  53. package/dist/esm/lib/components/item-action-menu/identifier.js +4 -7
  54. package/dist/esm/lib/components/item-action-menu/index.js +2 -4
  55. package/dist/esm/lib/components/item-action-menu/item-action-menu.js +2 -127
  56. package/dist/esm/lib/components/item-action-menu/messages.js +5 -9
  57. package/dist/esm/lib/components/metadata-grid/index.js +2 -4
  58. package/dist/esm/lib/components/metadata-grid/messages.js +5 -9
  59. package/dist/esm/lib/components/metadata-grid/metadata-grid.js +2 -62
  60. package/dist/esm/lib/components/metadata-table/actionColumn.js +3 -5
  61. package/dist/esm/lib/components/metadata-table/hooks/useInfiniteScrollTableItems.js +24 -29
  62. package/dist/esm/lib/components/metadata-table/index.js +4 -8
  63. package/dist/esm/lib/components/metadata-table/messages.js +14 -16
  64. package/dist/esm/lib/components/metadata-table/metadata-table.js +89 -127
  65. package/dist/esm/lib/components/metadata-table/table-body/ghost-table-body.js +10 -19
  66. package/dist/esm/lib/components/metadata-table/table-body/ghost-table-row/ghost-table-row.js +8 -19
  67. package/dist/esm/lib/components/metadata-table/table-body/ghost-table-row/index.js +2 -4
  68. package/dist/esm/lib/components/metadata-table/table-body/inline-editing-cell/index.js +2 -4
  69. package/dist/esm/lib/components/metadata-table/table-body/inline-editing-cell/inline-editing-cell.js +2 -56
  70. package/dist/esm/lib/components/metadata-table/table-body/table-body-with-data.js +135 -209
  71. package/dist/esm/lib/components/metadata-table/table-body/table-row/index.js +2 -4
  72. package/dist/esm/lib/components/metadata-table/table-body/table-row/table-row.js +2 -12
  73. package/dist/esm/lib/components/metadata-table/table-renderer.js +34 -55
  74. package/dist/esm/lib/components/metadata-value/index.js +6 -12
  75. package/dist/esm/lib/components/metadata-value/messages.js +15 -17
  76. package/dist/esm/lib/components/metadata-value/metadata-checkbox-field.js +24 -34
  77. package/dist/esm/lib/components/metadata-value/metadata-file-chip.js +14 -22
  78. package/dist/esm/lib/components/metadata-value/metadata-file-field.js +12 -19
  79. package/dist/esm/lib/components/metadata-value/metadata-location-field.js +2 -48
  80. package/dist/esm/lib/components/metadata-value/metadata-radio-field.js +26 -37
  81. package/dist/esm/lib/components/metadata-value/metadata-search-field.js +19 -30
  82. package/dist/esm/lib/components/pagination/index.js +4 -9
  83. package/dist/esm/lib/components/pagination/marker-based-pagination.js +12 -19
  84. package/dist/esm/lib/components/pagination/messages.js +19 -21
  85. package/dist/esm/lib/components/pagination/offset-based-pagination.js +22 -31
  86. package/dist/esm/lib/components/pagination/pagination-controls.js +2 -53
  87. package/dist/esm/lib/components/pagination/pagination.js +20 -35
  88. package/dist/esm/lib/components/pagination/utils.js +4 -6
  89. package/dist/esm/lib/components/sort-dropdown/index.js +2 -4
  90. package/dist/esm/lib/components/sort-dropdown/sort-dropdown.js +37 -56
  91. package/dist/esm/lib/components/switch-case/index.js +2 -5
  92. package/dist/esm/lib/components/switch-case/switch-case.js +4 -12
  93. package/dist/esm/lib/hooks/use-header.js +41 -37
  94. package/dist/esm/lib/index.js +28 -59
  95. package/dist/esm/lib/metadata-view.js +2 -151
  96. package/dist/styles/action-bar.css +1 -1
  97. package/dist/styles/empty-state.css +1 -1
  98. package/dist/styles/filter-row.css +1 -1
  99. package/dist/styles/header.css +1 -1
  100. package/dist/styles/inline-editing-cell.css +1 -1
  101. package/dist/styles/item-action-menu.css +1 -1
  102. package/dist/styles/metadata-grid.css +1 -1
  103. package/dist/styles/metadata-view.css +1 -1
  104. package/dist/styles/pagination-controls.css +1 -1
  105. package/dist/styles/table-row.css +1 -0
  106. package/dist/styles/zoom-button.css +1 -1
  107. package/package.json +14 -14
  108. package/dist/chunks/index.js +0 -105
  109. package/dist/styles/index.css +0 -1
@@ -1,38 +1,42 @@
1
- import { useState as r, useEffect as h, useCallback as s, useMemo as x } from "react";
2
- import { S as a } from "../../../chunks/types.js";
3
- function w({
4
- headerProps: f,
5
- items: i,
6
- selectedKeys: n,
7
- isSelectionEnabled: v,
8
- onSelectionChange: o
9
- }) {
10
- const [I, c] = r(0), [l, S] = r(void 0), [d, g] = r(0), e = f?.itemCount ?? i.length;
11
- h(() => {
12
- if (n) {
13
- const t = n === a ? e : [...n].length;
14
- c(t), t === 1 && S(String([...n][0]));
15
- }
16
- }, [n, e]);
17
- const p = s((t) => {
18
- if (!n) {
19
- const m = t === a ? e : t.size;
20
- c(m), m === 1 && t !== a && S(t.values().next().value);
21
- }
22
- o?.(t);
23
- }, [o, n, e]), C = f?.onClearSelection, E = s(() => {
24
- C?.(), o?.(/* @__PURE__ */ new Set()), n || (c(0), g((t) => t + 1));
25
- }, [C, o, n]), u = v ? I : 0, L = x(() => u === 1 && l ? i.find((t) => t.id === l)?.name : null, [u, l, i]);
26
- return {
27
- headerSelectionProps: {
28
- onClearSelection: E,
29
- selectionCount: u,
30
- selectedItemName: L
31
- },
32
- handleSelectionChange: p,
33
- selectionResetKey: d
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 };
@@ -1,59 +1,28 @@
1
- import { MetadataView as o } from "./metadata-view.js";
2
- import { I as a, S as i, V as p } from "../../chunks/types.js";
3
- import { ActionBar as f } from "./components/action-bar/action-bar.js";
4
- import { Case as d, SwitchCase as n } from "./components/switch-case/switch-case.js";
5
- import { Filter as F } from "./components/filter-sidepanel/filter.js";
6
- import { FilterRow as C } from "./components/filter-row/filter-row.js";
7
- import { FilterSidePanel as c } from "./components/filter-sidepanel/filter-side-panel.js";
8
- import { FormFilterChip as h } from "./components/filter-row/form-filter-chip.js";
9
- import { Header as g } from "./components/header/header.js";
10
- import { InlineEditingCell as I } from "./components/metadata-table/table-body/inline-editing-cell/inline-editing-cell.js";
11
- import { ItemActionMenu as V } from "./components/item-action-menu/item-action-menu.js";
12
- import { MarkerBasedPagination as B } from "./components/pagination/marker-based-pagination.js";
13
- import { MetadataFileChip as R } from "./components/metadata-value/metadata-file-chip.js";
14
- import { MetadataFileField as b } from "./components/metadata-value/metadata-file-field.js";
15
- import { MetadataFilterChip as k } from "./components/filter-row/metadata-filter-chip.js";
16
- import { MetadataGrid as G } from "./components/metadata-grid/metadata-grid.js";
17
- import { MetadataLocationField as N } from "./components/metadata-value/metadata-location-field.js";
18
- import { MetadataRadioField as _ } from "./components/metadata-value/metadata-radio-field.js";
19
- import { MetadataSearchField as q } from "./components/metadata-value/metadata-search-field.js";
20
- import { MetadataTable as y } from "./components/metadata-table/metadata-table.js";
21
- import { OffsetBasedPagination as J } from "./components/pagination/offset-based-pagination.js";
22
- import { Pagination as Q } from "./components/pagination/pagination.js";
23
- import { PaginationControls as W } from "./components/pagination/pagination-controls.js";
24
- import { PredefinedFilterName as Y } from "./components/filter-row/predefinedFilters/index.js";
25
- import { SelectFilterChip as $ } from "./components/filter-row/select-filter-chip.js";
26
- import { SortDropdown as re } from "./components/sort-dropdown/sort-dropdown.js";
27
- import { TableRenderer as te } from "./components/metadata-table/table-renderer.js";
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 { V as e, I as U } from "../../chunks/types.js";
2
- import { ActionBar as b } from "./components/action-bar/action-bar.js";
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{display:flex;justify-content:space-between;padding:var(--space-4) 0}@media(max-width:374px){._filterRow_bbxsv_8{display:none}}._additionalActions_bbxsv_13{display:flex;height:var(--size-8)}@media(max-width:374px){._additionalActions_bbxsv_13{flex-grow:1;justify-content:space-between}}._viewModeButtonContainer_bbxsv_24{display:flex;align-items:center}
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{display:flex;align-items:center;width:100%;height:100%;text-align:center}
1
+ ._emptyStateContainer_10mhj_1{text-align:center;align-items:center;width:100%;height:100%;display:flex}
@@ -1 +1 @@
1
- ._popoverFooter_1q01l_1{display:flex;flex-direction:row;gap:var(--space-2);align-items:center;justify-content:flex-end}._popoverContent_1q01l_9{width:320px}._filterChipGroup_1q01l_13{display:flex;flex-wrap:wrap}._filterChipIcon_1q01l_18>path{fill:var(--icon-icon-on-light)}
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)}
@@ -1 +1 @@
1
- ._viewHeader_11wvf_1{padding-bottom:var(--space-2)}._titleBar_11wvf_5{display:flex;align-items:center;gap:var(--space-2)}._clearSelectionButton_11wvf_11{border-radius:var(--bp-radius-16);margin-right:var(--space-3)}
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{display:inline-flex;gap:var(--space-2);align-items:center;justify-content:flex-start;width:100%;padding:var(--space-1);font-weight:var(--font-weights-regular);background-color:transparent;border:transparent}._inlineEditingCell_1iieg_1._inlineEditingCell_1iieg_1._inlineEditingCell_1iieg_1:hover{background-color:transparent;border:transparent}._inlineEditingCell_1iieg_1._inlineEditingCell_1iieg_1._inlineEditingCell_1iieg_1>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
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{display:flex;gap:var(--space-2)}._actionItemIcon_akgtp_6{margin-right:var(--size-2)}
1
+ ._tableActionBar_akgtp_1{gap:var(--space-2);display:flex}._actionItemIcon_akgtp_6{margin-right:var(--size-2)}
@@ -1 +1 @@
1
- ._itemThumbnail_93ess_1{display:flex;align-items:center;justify-content:center}._itemThumbnail_93ess_1 svg{width:65%;height:65%}
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{display:flex;flex-direction:column;height:100%;overflow:hidden}._contentContainer_1o9go_15{overflow:auto}
1
+ ._container_1o9go_5{flex-direction:column;height:100%;display:flex;overflow:hidden}._contentContainer_1o9go_15{overflow:auto}
@@ -1 +1 @@
1
- ._pagination_1ozaq_1{display:flex;align-items:center;justify-content:space-between;min-height:var(--size-12);margin-bottom:var(--space-3)}._paginationButtonContainer_1ozaq_9{display:flex;gap:var(--space-2)}
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{display:flex;margin-inline-end:var(--space-4);width:116px}
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.9",
3
+ "version": "1.54.11",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "peerDependencies": {
6
- "@box/blueprint-web": "^14.5.0",
7
- "@box/blueprint-web-assets": "^4.112.1",
8
- "@box/box-item-type-selector": "^1.39.32",
9
- "@box/content-field": "^1.40.32",
10
- "@box/item-icon": "^2.32.25",
11
- "@box/metadata-filter": "^1.81.3",
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.5.0",
23
- "@box/blueprint-web-assets": "^4.112.1",
24
- "@box/box-item-type-selector": "^1.39.32",
25
- "@box/content-field": "^1.40.32",
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.25",
28
- "@box/metadata-filter": "^1.81.3",
29
- "@box/storybook-utils": "0.17.28",
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"
@@ -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
- };
@@ -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}