@box/metadata-view 0.24.9 → 0.25.0

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 (49) hide show
  1. package/dist/chunks/table-body-with-data.js +93 -82
  2. package/dist/esm/lib/components/action-bar/action-bar.js +48 -37
  3. package/dist/esm/lib/components/action-bar/messages.js +14 -2
  4. package/dist/esm/lib/components/action-bar/zoom-button.js +30 -0
  5. package/dist/esm/lib/components/constants.js +6 -0
  6. package/dist/esm/lib/components/metadata-grid/metadata-grid.js +34 -29
  7. package/dist/esm/lib/components/metadata-table/metadata-table.js +62 -55
  8. package/dist/esm/lib/components/metadata-table/table-body/table-body-with-data.js +3 -2
  9. package/dist/esm/lib/metadata-view.js +70 -60
  10. package/dist/i18n/bn-IN.js +3 -0
  11. package/dist/i18n/da-DK.js +3 -0
  12. package/dist/i18n/de-DE.js +3 -0
  13. package/dist/i18n/en-AU.js +3 -0
  14. package/dist/i18n/en-CA.js +3 -0
  15. package/dist/i18n/en-GB.js +3 -0
  16. package/dist/i18n/en-US.js +3 -0
  17. package/dist/i18n/en-US.properties +6 -0
  18. package/dist/i18n/en-x-pseudo.js +3 -0
  19. package/dist/i18n/es-419.js +3 -0
  20. package/dist/i18n/es-ES.js +3 -0
  21. package/dist/i18n/fi-FI.js +3 -0
  22. package/dist/i18n/fr-CA.js +3 -0
  23. package/dist/i18n/fr-FR.js +3 -0
  24. package/dist/i18n/hi-IN.js +3 -0
  25. package/dist/i18n/it-IT.js +3 -0
  26. package/dist/i18n/ja-JP.js +3 -0
  27. package/dist/i18n/json/src/lib/components/action-bar/messages.json +1 -1
  28. package/dist/i18n/ko-KR.js +3 -0
  29. package/dist/i18n/nb-NO.js +3 -0
  30. package/dist/i18n/nl-NL.js +3 -0
  31. package/dist/i18n/pl-PL.js +3 -0
  32. package/dist/i18n/pt-BR.js +3 -0
  33. package/dist/i18n/ru-RU.js +3 -0
  34. package/dist/i18n/sv-SE.js +3 -0
  35. package/dist/i18n/tr-TR.js +3 -0
  36. package/dist/i18n/zh-CN.js +3 -0
  37. package/dist/i18n/zh-TW.js +3 -0
  38. package/dist/styles/action-bar.css +1 -1
  39. package/dist/styles/table-body-with-data.css +1 -1
  40. package/dist/styles/zoom-button.css +1 -0
  41. package/dist/types/lib/components/action-bar/action-bar.d.ts +6 -3
  42. package/dist/types/lib/components/action-bar/messages.d.ts +15 -0
  43. package/dist/types/lib/components/action-bar/zoom-button.d.ts +6 -0
  44. package/dist/types/lib/components/constants.d.ts +3 -0
  45. package/dist/types/lib/components/metadata-grid/metadata-grid.d.ts +4 -2
  46. package/dist/types/lib/components/metadata-table/metadata-table.d.ts +2 -1
  47. package/dist/types/lib/components/metadata-table/table-body/table-body-with-data.d.ts +1 -1
  48. package/dist/types/lib/metadata-view.d.ts +1 -1
  49. package/package.json +5 -5
@@ -1,69 +1,79 @@
1
- import { useState as V } from "react";
2
- import u from "./components/error-state/error-state.js";
3
- import I from "./components/pagination/pagination.js";
4
- import { MetadataGrid as T } from "./components/metadata-grid/metadata-grid.js";
5
- import { SwitchCase as _, Case as a } from "./components/switch-case/switch-case.js";
6
- import { V as e } from "../../chunks/types.js";
7
- import { jsx as t, jsxs as s, Fragment as x } from "react/jsx-runtime";
8
- import { ActionBar as b } from "./components/action-bar/action-bar.js";
9
- import k from "./components/empty-state/empty-state.js";
10
- import v from "./components/metadata-table/metadata-table.js";
11
- import '../../styles/metadata-view.css';const D = "_container_nykl3_5", E = "_contentContainer_nykl3_14", p = {
12
- container: D,
13
- contentContainer: E
1
+ import { TooltipProvider as T } from "@box/blueprint-web";
2
+ import { useState as f } from "react";
3
+ import _ from "./components/error-state/error-state.js";
4
+ import x from "./components/pagination/pagination.js";
5
+ import { MetadataGrid as E } from "./components/metadata-grid/metadata-grid.js";
6
+ import { SwitchCase as N, Case as m } from "./components/switch-case/switch-case.js";
7
+ import { I as b, V as o } from "../../chunks/types.js";
8
+ import { jsx as t, jsxs as h, Fragment as g } from "react/jsx-runtime";
9
+ import { ActionBar as k } from "./components/action-bar/action-bar.js";
10
+ import D from "./components/empty-state/empty-state.js";
11
+ import G from "./components/metadata-table/metadata-table.js";
12
+ import '../../styles/metadata-view.css';const j = "_container_nykl3_5", R = "_contentContainer_nykl3_14", M = {
13
+ container: j,
14
+ contentContainer: R
14
15
  };
15
- function H({
16
+ function W({
16
17
  actionBarProps: i,
17
- columns: m,
18
- tableProps: f,
19
- hasError: h,
20
- onRefresh: C,
21
- initialViewMode: M = e.LIST,
22
- paginationProps: c,
23
- isLoading: d,
18
+ columns: c,
19
+ tableProps: l,
20
+ hasError: u,
21
+ onRefresh: I,
22
+ initialViewMode: S = o.LIST,
23
+ paginationProps: d,
24
+ isLoading: s,
24
25
  ...r
25
26
  }) {
26
- const [n, l] = V(M), S = () => {
27
- n === e.LIST ? l(e.GRID) : l(e.LIST);
28
- }, w = !d && r.items.length === 0, y = i && i.sortDropdownProps && m.filter((o) => o.type !== "multiSelect" && o.type !== "enum").map((o) => o.textValue);
29
- return /* @__PURE__ */ t("div", {
30
- className: p.container,
31
- children: h ? /* @__PURE__ */ t(u, {
32
- onRefresh: C
33
- }) : /* @__PURE__ */ s(x, {
34
- children: [/* @__PURE__ */ t(b, {
35
- ...i,
36
- onViewModeClick: S,
37
- sortableColumnNames: y,
38
- viewMode: n
39
- }), /* @__PURE__ */ t("div", {
40
- className: p.contentContainer,
41
- children: /* @__PURE__ */ s(_, {
42
- children: [/* @__PURE__ */ t(a, {
43
- condition: w,
44
- children: /* @__PURE__ */ t(k, {})
45
- }), /* @__PURE__ */ t(a, {
46
- condition: n === e.LIST,
47
- children: /* @__PURE__ */ t(v, {
48
- columns: m,
49
- isLoading: d,
50
- ...r,
51
- ...f
52
- })
53
- }), /* @__PURE__ */ t(a, {
54
- condition: n === e.GRID,
55
- children: /* @__PURE__ */ t(T, {
56
- ...r
57
- })
58
- })]
59
- })
60
- }), c && /* @__PURE__ */ t(I, {
61
- ...c
62
- })]
27
+ const [e, p] = f(S), V = () => {
28
+ e === o.LIST ? p(o.GRID) : p(o.LIST);
29
+ }, w = !s && r.items.length === 0, v = i && i.sortDropdownProps && c.filter((n) => n.type !== "multiSelect" && n.type !== "enum").map((n) => n.textValue), {
30
+ iconColumnVariant: C
31
+ } = l || {}, y = C && C === b.COLUMN, [a, L] = f(0);
32
+ return /* @__PURE__ */ t(T, {
33
+ children: /* @__PURE__ */ t("div", {
34
+ className: M.container,
35
+ children: u ? /* @__PURE__ */ t(_, {
36
+ onRefresh: I
37
+ }) : /* @__PURE__ */ h(g, {
38
+ children: [/* @__PURE__ */ t(k, {
39
+ ...i,
40
+ isIconColumnEnabled: y,
41
+ onViewModeClick: V,
42
+ onZoomLevelChange: L,
43
+ sortableColumnNames: v,
44
+ viewMode: e,
45
+ zoomLevel: a
46
+ }), /* @__PURE__ */ t("div", {
47
+ className: M.contentContainer,
48
+ children: /* @__PURE__ */ h(N, {
49
+ children: [/* @__PURE__ */ t(m, {
50
+ condition: w,
51
+ children: /* @__PURE__ */ t(D, {})
52
+ }), /* @__PURE__ */ t(m, {
53
+ condition: e === o.LIST,
54
+ children: /* @__PURE__ */ t(G, {
55
+ columns: c,
56
+ isLoading: s,
57
+ zoomLevel: a,
58
+ ...r,
59
+ ...l
60
+ })
61
+ }), /* @__PURE__ */ t(m, {
62
+ condition: e === o.GRID,
63
+ children: /* @__PURE__ */ t(E, {
64
+ zoomLevel: a,
65
+ ...r
66
+ })
67
+ })]
68
+ })
69
+ }), d && /* @__PURE__ */ t(x, {
70
+ ...d
71
+ })]
72
+ })
63
73
  })
64
74
  });
65
75
  }
66
76
  export {
67
- H as MetadataView,
68
- H as default
77
+ W as MetadataView,
78
+ W as default
69
79
  };
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "আপনার ফিল্টার বা কীওয়ার্ড সামঞ্জস্য করার চেষ্টা করুন।",
3
3
  "groupSharedFeatures.emptyState.heading": "দুঃখিত, আপনি যা খুঁজছেন, তা আমরা খুঁজে পাইনি।",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "গ্রিড ভিউতে স্যুইচ করুন",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "তালিকা ভিউতে স্যুইচ করুন",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "সকল ফিল্টার",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "Prøv at justere dine filtre eller søgeord.",
3
3
  "groupSharedFeatures.emptyState.heading": "Beklager, vi kunne ikke finde det, du leder efter.",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "Skift til gittervisning",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "Skift til listevisning",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "Alle filtre",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "Versuchen Sie es damit, dass Sie Ihre Filter oder Schlüsselwörter anpassen.",
3
3
  "groupSharedFeatures.emptyState.heading": "Leider ergab Ihre Suche keine Ergebnisse.",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "Zur Rasteransicht wechseln",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "Zur Listenansicht wechseln",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "Alle Filter",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "Try adjusting your filters or keywords.",
3
3
  "groupSharedFeatures.emptyState.heading": "Sorry, we couldn't find what you're looking for.",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "Switch to Grid View",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "Switch to List View",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "Try adjusting your filters or keywords.",
3
3
  "groupSharedFeatures.emptyState.heading": "Sorry, we couldn't find what you're looking for.",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "Switch to Grid View",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "Switch to List View",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "Try adjusting your filters or keywords.",
3
3
  "groupSharedFeatures.emptyState.heading": "Sorry, we couldn't find what you're looking for.",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "Switch to Grid View",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "Switch to List View",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "Try adjusting your filters or keywords.",
3
3
  "groupSharedFeatures.emptyState.heading": "Sorry, we couldn't find what you're looking for.",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "Switch to Grid View",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "Switch to List View",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
@@ -2,6 +2,12 @@
2
2
  groupSharedFeatures.emptyState.body = Try adjusting your filters or keywords.
3
3
  # Heading for the empty state when no items are found
4
4
  groupSharedFeatures.emptyState.heading = Sorry, we couldn't find what you're looking for.
5
+ # Label for decreasing the size of column.
6
+ groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize = Decrease
7
+ # Label for increasing the size of column.
8
+ groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize = Increase
9
+ # Label for the slider that controls the size of column.
10
+ groupSharedFeatures.metadataView.actionBar.sliderLabel = Slider
5
11
  # Label to switch to grid view
6
12
  groupSharedFeatures.metadataView.actionBar.switchToGridView = Switch to Grid View
7
13
  # Label to switch to list view
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "⟦萬萬萬萬萬萬萬萬萬萬萬 Ťŗÿ äďĵŭşτįńġ ÿòцŕ ƒιľţēřѕ ōŗ кёÿωóŗďѕ. 國國國國國國國國國國國⟧",
3
3
  "groupSharedFeatures.emptyState.heading": "⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Şοřѓŷ, ẁè ¢öµĺďп'ť ƒìиď щħâţ ÿоų'ŕέ ļŏокĩʼnğ ƒõѓ. 國國國國國國國國國國國國國國⟧",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "⟦萬萬萬萬萬 Śώïŧĉн ŧο Ĝřįď Vĩēώ 國國國國國⟧",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "⟦萬萬萬萬萬 Śώìτĉĥ τό Ľĭŝť Víєш 國國國國國⟧",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "⟦萬萬萬 Àĺĺ ₣ĩĺŧēґś 國國國⟧",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "Intente ajustar los filtros o palabras clave.",
3
3
  "groupSharedFeatures.emptyState.heading": "Lo sentimos, no hemos podido encontrar lo que buscaba.",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "Cambiar a vista de cuadrícula",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "Cambiar a vista de lista",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "Todos los filtros",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "Intente ajustar los filtros o palabras clave.",
3
3
  "groupSharedFeatures.emptyState.heading": "Lo sentimos, no hemos podido encontrar lo que buscaba.",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "Cambiar a vista de cuadrícula",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "Cambiar a vista de lista",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "Todos los filtros",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "Yritä muokata suodattimia tai avainsanoja.",
3
3
  "groupSharedFeatures.emptyState.heading": "Pahoittelut, emme löytäneet etsimääsi.",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "Vaihda ruudukkonäkymään",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "Vaihda luettelonäkymään",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "Kaikki suodattimet",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "Essayez d'ajuster vos filtres ou mots-clés.",
3
3
  "groupSharedFeatures.emptyState.heading": "Désolé, nous ne pouvons pas trouver ce que vous cherchez.",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "Passer à l'affichage Grille",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "Passer à l'affichage Liste",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "Tous les filtres",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "Essayez d'ajuster vos filtres ou mots-clés.",
3
3
  "groupSharedFeatures.emptyState.heading": "Désolé, nous ne pouvons pas trouver ce que vous cherchez.",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "Passer à l'affichage Grille",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "Passer à l'affichage Liste",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "Tous les filtres",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "अपने फिल्टर्स और कीवर्ड्स को समायोजित करके देखें।",
3
3
  "groupSharedFeatures.emptyState.heading": "माफ़ करें, आपको जिस चीज़ की तलाश है, हम उसे ढूंढ नहीं सके.",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "ग्रिड दृश्य में बदलें",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "सूची दृश्य में बदलें",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "सभी फ़िल्टर्स",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "Prova a regolare i filtri o le parole chiave.",
3
3
  "groupSharedFeatures.emptyState.heading": "Non riusciamo a trovare ciò che stai cercando.",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "Passa alla vista griglia",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "Passa alla vista elenco",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "Tutti i filtri",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "フィルタまたはキーワードを調整してみてください。",
3
3
  "groupSharedFeatures.emptyState.heading": "検索対象が見つかりませんでした。",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "グリッドビューに切り替えます",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "リストビューに切り替えます",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "すべてのフィルタ",
@@ -1 +1 @@
1
- [{"id":"groupSharedFeatures.metadataView.actionBar.switchToGridView","description":"Label to switch to grid view","defaultMessage":"Switch to Grid View"},{"id":"groupSharedFeatures.metadataView.actionBar.switchToListView","description":"Label to switch to list view","defaultMessage":"Switch to List View"}]
1
+ [{"id":"groupSharedFeatures.metadataView.actionBar.switchToGridView","description":"Label to switch to grid view","defaultMessage":"Switch to Grid View"},{"id":"groupSharedFeatures.metadataView.actionBar.switchToListView","description":"Label to switch to list view","defaultMessage":"Switch to List View"},{"id":"groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize","description":"Label for decreasing the size of column.","defaultMessage":"Decrease"},{"id":"groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize","description":"Label for increasing the size of column.","defaultMessage":"Increase"},{"id":"groupSharedFeatures.metadataView.actionBar.sliderLabel","description":"Label for the slider that controls the size of column.","defaultMessage":"Slider"}]
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "필터 또는 키워드를 조정해 보세요.",
3
3
  "groupSharedFeatures.emptyState.heading": "죄송합니다. 원하는 내용을 찾을 수 없습니다.",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "그리드 보기로 전환",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "목록 보기로 전환",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "모든 필터",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "Prøv å justere filtrene eller søkeordene.",
3
3
  "groupSharedFeatures.emptyState.heading": "Beklager, vi fant ikke det du leter etter.",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "Bytt til rutenettvisning",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "Bytt til listevisning",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "Alle filtre",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "Probeer je filters of trefwoorden aan te passen.",
3
3
  "groupSharedFeatures.emptyState.heading": "Sorry, we konden niet vinden wat u zocht.",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "Overschakelen naar rasterweergave",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "Overschakelen naar lijstweergave",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "Alle filters",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "Spróbuj dostosować filtry lub słowa kluczowe.",
3
3
  "groupSharedFeatures.emptyState.heading": "Niestety nie udało się znaleźć tego, czego szukasz.",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "Przełącz na widok siatki",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "Przełącz na widok listy",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "Wszystkie filtry",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "Tente ajustar seus filtros ou palavras-chave.",
3
3
  "groupSharedFeatures.emptyState.heading": "Não conseguimos encontrar o que você procura.",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "Alternar para Exibição em grade",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "Mudar para exibição em lista",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "Todos os filtros",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "Попробуйте изменить фильтры или ключевые слова.",
3
3
  "groupSharedFeatures.emptyState.heading": "К сожалению, мы не смогли найти то, что вы ищете.",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "Перейти к сетке",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "Переключение на список",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "Все фильтры",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "Försök att justera dina filter eller nyckelord.",
3
3
  "groupSharedFeatures.emptyState.heading": "Vi kunde inte hitta det du letar efter.",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "Växla till rutnätsvy",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "Växla till listvy",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "Alla filter",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "Filtrelerinizi veya anahtar sözcüklerinizi ayarlamayı deneyin.",
3
3
  "groupSharedFeatures.emptyState.heading": "Üzgünüz, aradığınızı bulmadık.",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "Kılavuz Görünümüne Geç",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "Liste Görünümüne Geç",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "Tüm Filtreler",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "尝试调整筛选器或关键字。",
3
3
  "groupSharedFeatures.emptyState.heading": "抱歉,我们无法找到您正在寻找的内容。",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "切换为网格视图",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "切换为列表视图",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "所有筛选条件",
@@ -1,6 +1,9 @@
1
1
  export default {
2
2
  "groupSharedFeatures.emptyState.body": "嘗試調整您的篩選條件或關鍵字。",
3
3
  "groupSharedFeatures.emptyState.heading": "很抱歉,我們找不到您尋找的內容。",
4
+ "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize": "Decrease",
5
+ "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize": "Increase",
6
+ "groupSharedFeatures.metadataView.actionBar.sliderLabel": "Slider",
4
7
  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "切換至方格檢視",
5
8
  "groupSharedFeatures.metadataView.actionBar.switchToListView": "切換至清單檢視",
6
9
  "groupSharedFeatures.metadataView.filterRow.AllFilters": "全部篩選條件",
@@ -1 +1 @@
1
- ._actionBar_1jgp4_1{display:flex;justify-content:space-between;padding:var(--space-4) 0}@media (max-width: 390px){._filterRow_1jgp4_8{display:none}}._additionalActions_1jgp4_13{display:flex;height:var(--size-8)}@media (max-width: 390px){._additionalActions_1jgp4_13{flex-grow:1;justify-content:space-between}}
1
+ ._actionBar_dsa2b_1{display:flex;justify-content:space-between;padding:var(--space-4) 0}@media (max-width: 390px){._filterRow_dsa2b_8{display:none}}._additionalActions_dsa2b_13{display:flex;height:var(--size-8)}@media (max-width: 390px){._additionalActions_dsa2b_13{flex-grow:1;justify-content:space-between}}._viewModeButtonContainer_dsa2b_24{display:flex;align-items:center}
@@ -1 +1 @@
1
- ._tableHeaderActionsWrapper_r2hj7_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_r2hj7_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_r2hj7_1{position:sticky;right:0;width:var(--size-6);padding:0}._selectAllCheckbox_r2hj7_33 svg{transform:none!important}._tableNameCell_r2hj7_38{display:flex;gap:var(--space-3);align-items:center}._tableNameCellSubTitle_r2hj7_44{display:flex;flex-direction:column}
1
+ ._tableHeaderActionsWrapper_rsay7_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_rsay7_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_rsay7_1{position:sticky;right:0;width:var(--size-6);padding:0}._tableRow_rsay7_33:after{height:100%!important}._tableRow_rsay7_33[aria-selected=true]:after{height:100%!important}._selectAllCheckbox_rsay7_42 svg{transform:none!important}._tableNameCell_rsay7_47{display:flex;gap:var(--space-3);align-items:center}._tableNameCellSubTitle_rsay7_53{display:flex;flex-direction:column}._iconCell_rsay7_58{width:100%!important;height:100%!important}
@@ -0,0 +1 @@
1
+ ._sliderContainer_1entc_1{display:flex;margin-inline-end:var(--space-4);width:116px}
@@ -1,14 +1,17 @@
1
- import { FilterRowProps } from '../filter-row';
2
1
  import { ViewMode } from '../../types';
3
- import { SortDropdownProps } from './sort-dropdown';
2
+ import { FilterRowProps } from '../filter-row';
4
3
  import { FilterGroup } from '../filter-row/types';
4
+ import { SortDropdownProps } from './sort-dropdown';
5
5
  export interface ActionBarProps extends Omit<FilterRowProps, 'filterGroups'> {
6
6
  filterGroups?: FilterGroup[];
7
+ isIconColumnEnabled?: boolean;
7
8
  isViewModeButtonDisabled?: boolean;
8
9
  onViewModeClick?: () => void;
10
+ onZoomLevelChange?: (zoomLevel: number) => void;
9
11
  sortableColumnNames: string[];
10
12
  sortDropdownProps?: SortDropdownProps;
11
13
  viewMode?: ViewMode;
14
+ zoomLevel?: number;
12
15
  }
13
- export declare const ActionBar: ({ isViewModeButtonDisabled, onViewModeClick, sortableColumnNames, sortDropdownProps, viewMode, ...rest }: ActionBarProps) => import("react/jsx-runtime").JSX.Element;
16
+ export declare const ActionBar: ({ isIconColumnEnabled, isViewModeButtonDisabled, onViewModeClick, onZoomLevelChange, sortableColumnNames, sortDropdownProps, viewMode, zoomLevel, ...rest }: ActionBarProps) => import("react/jsx-runtime").JSX.Element;
14
17
  export default ActionBar;
@@ -9,5 +9,20 @@ declare const messages: {
9
9
  defaultMessage: string;
10
10
  id: string;
11
11
  };
12
+ sliderDecreaseSize: {
13
+ description: string;
14
+ defaultMessage: string;
15
+ id: string;
16
+ };
17
+ sliderIncreaseSize: {
18
+ description: string;
19
+ defaultMessage: string;
20
+ id: string;
21
+ };
22
+ sliderLabel: {
23
+ description: string;
24
+ defaultMessage: string;
25
+ id: string;
26
+ };
12
27
  };
13
28
  export default messages;
@@ -0,0 +1,6 @@
1
+ export interface ZoomButtonProps {
2
+ onZoomLevelChange: (zoomLevel: number) => void;
3
+ zoomLevel: number;
4
+ }
5
+ export declare const ZoomButton: ({ onZoomLevelChange, zoomLevel }: ZoomButtonProps) => import("react/jsx-runtime").JSX.Element;
6
+ export default ZoomButton;
@@ -0,0 +1,3 @@
1
+ export declare const THUMBNAIL_GRID_VIEW_SIZES: readonly [8, 5, 3];
2
+ export declare const THUMBNAIL_LIST_VIEW_HEIGHTS: readonly ["36px", "84px", "111px"];
3
+ export declare const THUMBNAIL_WIDTHS: readonly ["36px", "111px", "147px"];
@@ -1,4 +1,6 @@
1
1
  import { MetadataProps } from '../../types';
2
- export type MetadataGridProps = MetadataProps;
3
- export declare const MetadataGrid: ({ items, itemActionMenuProps }: MetadataGridProps) => import("react/jsx-runtime").JSX.Element;
2
+ export interface MetadataGridProps extends MetadataProps {
3
+ zoomLevel?: number;
4
+ }
5
+ export declare const MetadataGrid: ({ items, itemActionMenuProps, zoomLevel }: MetadataGridProps) => import("react/jsx-runtime").JSX.Element;
4
6
  export default MetadataGrid;
@@ -4,6 +4,7 @@ export interface MetadataTableProps extends TableProps, MetadataProps {
4
4
  columns: Column[];
5
5
  iconColumnVariant?: IconColumnVariant;
6
6
  isSelectAllEnabled?: boolean;
7
+ zoomLevel?: number;
7
8
  }
8
- declare const MetadataTable: ({ columns, isLoading, iconColumnVariant, isSelectAllEnabled, items, itemActionMenuProps, ...tableProps }: MetadataTableProps) => import("react/jsx-runtime").JSX.Element;
9
+ declare const MetadataTable: ({ columns, isLoading, iconColumnVariant, isSelectAllEnabled, items, itemActionMenuProps, zoomLevel, ...tableProps }: MetadataTableProps) => import("react/jsx-runtime").JSX.Element;
9
10
  export default MetadataTable;
@@ -1,4 +1,4 @@
1
1
  import { TableProps } from '@box/blueprint-web';
2
2
  import { MetadataTableProps } from '../metadata-table';
3
- declare const TableBodyWithData: ({ columns, iconColumnVariant, isSelectAllEnabled, items, itemActionMenuProps, }: Omit<MetadataTableProps, keyof TableProps>) => import("react/jsx-runtime").JSX.Element;
3
+ declare const TableBodyWithData: ({ columns, iconColumnVariant, isSelectAllEnabled, items, itemActionMenuProps, zoomLevel, }: Omit<MetadataTableProps, keyof TableProps>) => import("react/jsx-runtime").JSX.Element;
4
4
  export default TableBodyWithData;
@@ -3,7 +3,7 @@ import { PaginationProps } from './components/pagination/pagination';
3
3
  import { ActionBarProps } from './components/action-bar';
4
4
  import { ViewMode, Column, MetadataProps } from './types';
5
5
  export interface MetadataViewProps extends MetadataProps {
6
- actionBarProps?: Omit<ActionBarProps, 'onViewModeClick' | 'viewMode' | 'sortableColumnNames'>;
6
+ actionBarProps?: Omit<ActionBarProps, 'onViewModeClick' | 'onZoomLevelChange' | 'viewMode' | 'sortableColumnNames'>;
7
7
  columns: Column[];
8
8
  hasError?: boolean;
9
9
  initialViewMode?: ViewMode;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/metadata-view",
3
- "version": "0.24.9",
3
+ "version": "0.25.0",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "peerDependencies": {
6
6
  "@box/blueprint-web": "^11.12.0",
@@ -17,11 +17,11 @@
17
17
  },
18
18
  "devDependencies": {
19
19
  "@box/blueprint-web": "^11.12.0",
20
- "@box/blueprint-web-assets": "^4.58.0",
20
+ "@box/blueprint-web-assets": "^4.59.0",
21
21
  "@box/eslint-plugin-blueprint": "*",
22
- "@box/item-icon": "^0.13.13",
23
- "@box/metadata-filter": "^1.15.8",
24
- "@box/storybook-utils": "0.13.12",
22
+ "@box/item-icon": "^0.14.0",
23
+ "@box/metadata-filter": "^1.15.9",
24
+ "@box/storybook-utils": "0.13.13",
25
25
  "@box/types": "0.2.1",
26
26
  "react-intl": "^6.4.2"
27
27
  },