box-ui-elements 23.4.0-beta.26 → 23.4.0-beta.28

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 (82) hide show
  1. package/dist/explorer.js +1 -1
  2. package/dist/openwith.js +1 -1
  3. package/dist/picker.js +1 -1
  4. package/dist/preview.js +1 -1
  5. package/dist/sharing.js +1 -1
  6. package/dist/sidebar.js +1 -1
  7. package/dist/uploader.js +1 -1
  8. package/es/elements/common/sub-header/SubHeader.js +37 -30
  9. package/es/elements/common/sub-header/SubHeader.js.map +1 -1
  10. package/es/elements/common/sub-header/SubHeaderRight.js +17 -3
  11. package/es/elements/common/sub-header/SubHeaderRight.js.map +1 -1
  12. package/es/elements/common/sub-header/messages.js +9 -0
  13. package/es/elements/common/sub-header/messages.js.map +1 -0
  14. package/es/elements/content-explorer/Content.js +3 -3
  15. package/es/elements/content-explorer/Content.js.map +1 -1
  16. package/es/elements/content-explorer/ContentExplorer.js +2 -2
  17. package/es/elements/content-explorer/ContentExplorer.js.map +1 -1
  18. package/es/elements/content-sidebar/AddTaskButton.js +18 -4
  19. package/es/elements/content-sidebar/AddTaskButton.js.flow +18 -1
  20. package/es/elements/content-sidebar/AddTaskButton.js.map +1 -1
  21. package/es/src/elements/common/sub-header/messages.d.ts +8 -0
  22. package/i18n/bn-IN.js +1 -0
  23. package/i18n/bn-IN.properties +2 -0
  24. package/i18n/da-DK.js +1 -0
  25. package/i18n/da-DK.properties +2 -0
  26. package/i18n/de-DE.js +1 -0
  27. package/i18n/de-DE.properties +2 -0
  28. package/i18n/en-AU.js +1 -0
  29. package/i18n/en-AU.properties +2 -0
  30. package/i18n/en-CA.js +1 -0
  31. package/i18n/en-CA.properties +2 -0
  32. package/i18n/en-GB.js +1 -0
  33. package/i18n/en-GB.properties +2 -0
  34. package/i18n/en-US.js +1 -0
  35. package/i18n/en-US.properties +2 -0
  36. package/i18n/en-x-pseudo.js +1017 -1018
  37. package/i18n/en-x-pseudo.properties +1018 -1020
  38. package/i18n/es-419.js +1 -0
  39. package/i18n/es-419.properties +2 -0
  40. package/i18n/es-ES.js +1 -0
  41. package/i18n/es-ES.properties +2 -0
  42. package/i18n/fi-FI.js +1 -0
  43. package/i18n/fi-FI.properties +2 -0
  44. package/i18n/fr-CA.js +1 -0
  45. package/i18n/fr-CA.properties +2 -0
  46. package/i18n/fr-FR.js +1 -0
  47. package/i18n/fr-FR.properties +2 -0
  48. package/i18n/hi-IN.js +1 -0
  49. package/i18n/hi-IN.properties +2 -0
  50. package/i18n/it-IT.js +1 -0
  51. package/i18n/it-IT.properties +2 -0
  52. package/i18n/ja-JP.js +1 -0
  53. package/i18n/ja-JP.properties +2 -0
  54. package/i18n/ko-KR.js +1 -0
  55. package/i18n/ko-KR.properties +2 -0
  56. package/i18n/nb-NO.js +1 -0
  57. package/i18n/nb-NO.properties +2 -0
  58. package/i18n/nl-NL.js +1 -0
  59. package/i18n/nl-NL.properties +2 -0
  60. package/i18n/pl-PL.js +1 -0
  61. package/i18n/pl-PL.properties +2 -0
  62. package/i18n/pt-BR.js +1 -0
  63. package/i18n/pt-BR.properties +2 -0
  64. package/i18n/ru-RU.js +1 -0
  65. package/i18n/ru-RU.properties +2 -0
  66. package/i18n/sv-SE.js +1 -0
  67. package/i18n/sv-SE.properties +2 -0
  68. package/i18n/tr-TR.js +1 -0
  69. package/i18n/tr-TR.properties +2 -0
  70. package/i18n/zh-CN.js +1 -0
  71. package/i18n/zh-CN.properties +2 -0
  72. package/i18n/zh-TW.js +1 -0
  73. package/i18n/zh-TW.properties +2 -0
  74. package/package.json +1 -1
  75. package/src/elements/common/sub-header/SubHeader.tsx +46 -35
  76. package/src/elements/common/sub-header/SubHeaderRight.tsx +43 -22
  77. package/src/elements/common/sub-header/messages.ts +11 -0
  78. package/src/elements/content-explorer/Content.tsx +3 -5
  79. package/src/elements/content-explorer/ContentExplorer.tsx +24 -26
  80. package/src/elements/content-explorer/__tests__/ContentExplorer.test.tsx +35 -2
  81. package/src/elements/content-sidebar/AddTaskButton.js +18 -1
  82. package/src/elements/content-sidebar/__tests__/AddTaskButton.test.js +118 -35
package/i18n/es-419.js CHANGED
@@ -906,6 +906,7 @@ export default {
906
906
  "boxui.shareMenu.shortcutOnly": "Solo acceso directo",
907
907
  "boxui.shareMenu.viewAndDownload": "Visualización y descarga",
908
908
  "boxui.shareMenu.viewOnly": "Solo visualización",
909
+ "boxui.subHeader.metadata": "Metadatos",
909
910
  "boxui.timeInput.emptyTimeError": "Campo obligatorio. Introduzca una hora con el formato HH:MM A.",
910
911
  "boxui.timeInput.invalidTimeError": "Formato de hora no válido. Introduzca una hora con el formato HH:MM A.",
911
912
  "boxui.unifiedShare.collabAccess": "acceso de colaborador",
@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Solo acceso directo
1812
1812
  boxui.shareMenu.viewAndDownload = Visualización y descarga
1813
1813
  # Description of permissions granted to users who have access to the shared link
1814
1814
  boxui.shareMenu.viewOnly = Solo visualización
1815
+ # Text for metadata button that will open the metadata side panel
1816
+ boxui.subHeader.metadata = Metadatos
1815
1817
  # Error message for empty time formats. "HH:MM A" should be localized.
1816
1818
  boxui.timeInput.emptyTimeError = Campo obligatorio. Introduzca una hora con el formato HH:MM A.
1817
1819
  # Error message for invalid time formats. "HH:MM A" should be localized.
package/i18n/es-ES.js CHANGED
@@ -906,6 +906,7 @@ export default {
906
906
  "boxui.shareMenu.shortcutOnly": "Solo acceso directo",
907
907
  "boxui.shareMenu.viewAndDownload": "Visualización y descarga",
908
908
  "boxui.shareMenu.viewOnly": "Solo visualización",
909
+ "boxui.subHeader.metadata": "Metadatos",
909
910
  "boxui.timeInput.emptyTimeError": "Campo obligatorio. Introduzca una hora con el formato HH:MM A.",
910
911
  "boxui.timeInput.invalidTimeError": "Formato de hora no válido. Introduzca una hora con el formato HH:MM A.",
911
912
  "boxui.unifiedShare.collabAccess": "acceso de colaborador",
@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Solo acceso directo
1812
1812
  boxui.shareMenu.viewAndDownload = Visualización y descarga
1813
1813
  # Description of permissions granted to users who have access to the shared link
1814
1814
  boxui.shareMenu.viewOnly = Solo visualización
1815
+ # Text for metadata button that will open the metadata side panel
1816
+ boxui.subHeader.metadata = Metadatos
1815
1817
  # Error message for empty time formats. "HH:MM A" should be localized.
1816
1818
  boxui.timeInput.emptyTimeError = Campo obligatorio. Introduzca una hora con el formato HH:MM A.
1817
1819
  # Error message for invalid time formats. "HH:MM A" should be localized.
package/i18n/fi-FI.js CHANGED
@@ -906,6 +906,7 @@ export default {
906
906
  "boxui.shareMenu.shortcutOnly": "Vain pikakuvake",
907
907
  "boxui.shareMenu.viewAndDownload": "Luku ja lataus",
908
908
  "boxui.shareMenu.viewOnly": "Vain luku",
909
+ "boxui.subHeader.metadata": "Metatiedot",
909
910
  "boxui.timeInput.emptyTimeError": "Pakollinen kenttä. Kirjoita aika muodossa HH:MM A.",
910
911
  "boxui.timeInput.invalidTimeError": "Virheellinen ajan muoto. Kirjoita aika muodossa HH:MM A.",
911
912
  "boxui.unifiedShare.collabAccess": "yhteistyökumppanin käyttöoikeustaso",
@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Vain pikakuvake
1812
1812
  boxui.shareMenu.viewAndDownload = Luku ja lataus
1813
1813
  # Description of permissions granted to users who have access to the shared link
1814
1814
  boxui.shareMenu.viewOnly = Vain luku
1815
+ # Text for metadata button that will open the metadata side panel
1816
+ boxui.subHeader.metadata = Metatiedot
1815
1817
  # Error message for empty time formats. "HH:MM A" should be localized.
1816
1818
  boxui.timeInput.emptyTimeError = Pakollinen kenttä. Kirjoita aika muodossa HH:MM A.
1817
1819
  # Error message for invalid time formats. "HH:MM A" should be localized.
package/i18n/fr-CA.js CHANGED
@@ -906,6 +906,7 @@ export default {
906
906
  "boxui.shareMenu.shortcutOnly": "Raccourci uniquement",
907
907
  "boxui.shareMenu.viewAndDownload": "Afficher et télécharger",
908
908
  "boxui.shareMenu.viewOnly": "Uniquement pour consultation",
909
+ "boxui.subHeader.metadata": "Métadonnées",
909
910
  "boxui.timeInput.emptyTimeError": "Champ obligatoire. Entrez un horaire au format HH h MM.",
910
911
  "boxui.timeInput.invalidTimeError": "Format d'horaire non valide. Entrez un horaire au format HH h MM.",
911
912
  "boxui.unifiedShare.collabAccess": "Accès collaborateur",
@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Raccourci uniquement
1812
1812
  boxui.shareMenu.viewAndDownload = Afficher et télécharger
1813
1813
  # Description of permissions granted to users who have access to the shared link
1814
1814
  boxui.shareMenu.viewOnly = Uniquement pour consultation
1815
+ # Text for metadata button that will open the metadata side panel
1816
+ boxui.subHeader.metadata = Métadonnées
1815
1817
  # Error message for empty time formats. "HH:MM A" should be localized.
1816
1818
  boxui.timeInput.emptyTimeError = Champ obligatoire. Entrez un horaire au format HH h MM.
1817
1819
  # Error message for invalid time formats. "HH:MM A" should be localized.
package/i18n/fr-FR.js CHANGED
@@ -906,6 +906,7 @@ export default {
906
906
  "boxui.shareMenu.shortcutOnly": "Raccourci uniquement",
907
907
  "boxui.shareMenu.viewAndDownload": "Afficher et télécharger",
908
908
  "boxui.shareMenu.viewOnly": "Uniquement pour consultation",
909
+ "boxui.subHeader.metadata": "Métadonnées",
909
910
  "boxui.timeInput.emptyTimeError": "Champ obligatoire. Entrez un horaire au format HH h MM.",
910
911
  "boxui.timeInput.invalidTimeError": "Format d'horaire non valide. Entrez un horaire au format HH h MM.",
911
912
  "boxui.unifiedShare.collabAccess": "Accès collaborateur",
@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Raccourci uniquement
1812
1812
  boxui.shareMenu.viewAndDownload = Afficher et télécharger
1813
1813
  # Description of permissions granted to users who have access to the shared link
1814
1814
  boxui.shareMenu.viewOnly = Uniquement pour consultation
1815
+ # Text for metadata button that will open the metadata side panel
1816
+ boxui.subHeader.metadata = Métadonnées
1815
1817
  # Error message for empty time formats. "HH:MM A" should be localized.
1816
1818
  boxui.timeInput.emptyTimeError = Champ obligatoire. Entrez un horaire au format HH h MM.
1817
1819
  # Error message for invalid time formats. "HH:MM A" should be localized.
package/i18n/hi-IN.js CHANGED
@@ -906,6 +906,7 @@ export default {
906
906
  "boxui.shareMenu.shortcutOnly": "केवल शॉर्टकट",
907
907
  "boxui.shareMenu.viewAndDownload": "देखें और डाउनलोड करें",
908
908
  "boxui.shareMenu.viewOnly": "केवल देखें",
909
+ "boxui.subHeader.metadata": "मेटाडेटा",
909
910
  "boxui.timeInput.emptyTimeError": "आवश्यक क्षेत्र. HH:MM A फ़ॉर्मेट में समय दर्ज करें.",
910
911
  "boxui.timeInput.invalidTimeError": "अमान्य समय फ़ॉर्मेट. HH:MM A फ़ॉर्मेट में समय दर्ज करें.",
911
912
  "boxui.unifiedShare.collabAccess": "सहयोगी एक्सेस",
@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = केवल शॉर्टकट
1812
1812
  boxui.shareMenu.viewAndDownload = देखें और डाउनलोड करें
1813
1813
  # Description of permissions granted to users who have access to the shared link
1814
1814
  boxui.shareMenu.viewOnly = केवल देखें
1815
+ # Text for metadata button that will open the metadata side panel
1816
+ boxui.subHeader.metadata = मेटाडेटा
1815
1817
  # Error message for empty time formats. "HH:MM A" should be localized.
1816
1818
  boxui.timeInput.emptyTimeError = आवश्यक क्षेत्र. HH:MM A फ़ॉर्मेट में समय दर्ज करें.
1817
1819
  # Error message for invalid time formats. "HH:MM A" should be localized.
package/i18n/it-IT.js CHANGED
@@ -906,6 +906,7 @@ export default {
906
906
  "boxui.shareMenu.shortcutOnly": "Solo tasti di scelta rapida",
907
907
  "boxui.shareMenu.viewAndDownload": "Visualizzazione e download",
908
908
  "boxui.shareMenu.viewOnly": "Sola visualizzazione",
909
+ "boxui.subHeader.metadata": "Metadati",
909
910
  "boxui.timeInput.emptyTimeError": "Campo obbligatorio. Immetti un orario nel formato HH:MM A.",
910
911
  "boxui.timeInput.invalidTimeError": "Formato ora non valido. Immetti un orario nel formato HH:MM A.",
911
912
  "boxui.unifiedShare.collabAccess": "accesso collaboratore",
@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Solo tasti di scelta rapida
1812
1812
  boxui.shareMenu.viewAndDownload = Visualizzazione e download
1813
1813
  # Description of permissions granted to users who have access to the shared link
1814
1814
  boxui.shareMenu.viewOnly = Sola visualizzazione
1815
+ # Text for metadata button that will open the metadata side panel
1816
+ boxui.subHeader.metadata = Metadati
1815
1817
  # Error message for empty time formats. "HH:MM A" should be localized.
1816
1818
  boxui.timeInput.emptyTimeError = Campo obbligatorio. Immetti un orario nel formato HH:MM A.
1817
1819
  # Error message for invalid time formats. "HH:MM A" should be localized.
package/i18n/ja-JP.js CHANGED
@@ -906,6 +906,7 @@ export default {
906
906
  "boxui.shareMenu.shortcutOnly": "ショートカットのみ",
907
907
  "boxui.shareMenu.viewAndDownload": "表示とダウンロード",
908
908
  "boxui.shareMenu.viewOnly": "表示のみ",
909
+ "boxui.subHeader.metadata": "メタデータ",
909
910
  "boxui.timeInput.emptyTimeError": "必須フィールドです。HH:MM AM/PM形式で時間を入力してください。",
910
911
  "boxui.timeInput.invalidTimeError": "時間の形式が無効です。HH:MM AM/PM形式で時間を入力してください。",
911
912
  "boxui.unifiedShare.collabAccess": "コラボレータのアクセス権限",
@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = ショートカットのみ
1812
1812
  boxui.shareMenu.viewAndDownload = 表示とダウンロード
1813
1813
  # Description of permissions granted to users who have access to the shared link
1814
1814
  boxui.shareMenu.viewOnly = 表示のみ
1815
+ # Text for metadata button that will open the metadata side panel
1816
+ boxui.subHeader.metadata = メタデータ
1815
1817
  # Error message for empty time formats. "HH:MM A" should be localized.
1816
1818
  boxui.timeInput.emptyTimeError = 必須フィールドです。HH:MM AM/PM形式で時間を入力してください。
1817
1819
  # Error message for invalid time formats. "HH:MM A" should be localized.
package/i18n/ko-KR.js CHANGED
@@ -906,6 +906,7 @@ export default {
906
906
  "boxui.shareMenu.shortcutOnly": "바로 가기 전용",
907
907
  "boxui.shareMenu.viewAndDownload": "보기 및 다운로드",
908
908
  "boxui.shareMenu.viewOnly": "보기 전용",
909
+ "boxui.subHeader.metadata": "메타데이터",
909
910
  "boxui.timeInput.emptyTimeError": "필수 필드입니다. HH:MM A 형식으로 시간을 입력하십시오.",
910
911
  "boxui.timeInput.invalidTimeError": "올바르지 않은 시간 형식입니다. HH:MM A 형식으로 시간을 입력하십시오.",
911
912
  "boxui.unifiedShare.collabAccess": "공동 작업자 액세스",
@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = 바로 가기 전용
1812
1812
  boxui.shareMenu.viewAndDownload = 보기 및 다운로드
1813
1813
  # Description of permissions granted to users who have access to the shared link
1814
1814
  boxui.shareMenu.viewOnly = 보기 전용
1815
+ # Text for metadata button that will open the metadata side panel
1816
+ boxui.subHeader.metadata = 메타데이터
1815
1817
  # Error message for empty time formats. "HH:MM A" should be localized.
1816
1818
  boxui.timeInput.emptyTimeError = 필수 필드입니다. HH:MM A 형식으로 시간을 입력하십시오.
1817
1819
  # Error message for invalid time formats. "HH:MM A" should be localized.
package/i18n/nb-NO.js CHANGED
@@ -906,6 +906,7 @@ export default {
906
906
  "boxui.shareMenu.shortcutOnly": "Bare snarvei",
907
907
  "boxui.shareMenu.viewAndDownload": "Vise og laste ned",
908
908
  "boxui.shareMenu.viewOnly": "Bare vis",
909
+ "boxui.subHeader.metadata": "Metadata",
909
910
  "boxui.timeInput.emptyTimeError": "Obligatorisk felt. Oppgi klokkeslettet i formatet TT.MM.",
910
911
  "boxui.timeInput.invalidTimeError": "Ugyldig tidsformat. Oppgi klokkeslettet i formatet HH:MM A.",
911
912
  "boxui.unifiedShare.collabAccess": "samarbeidspartner-tilgang",
@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Bare snarvei
1812
1812
  boxui.shareMenu.viewAndDownload = Vise og laste ned
1813
1813
  # Description of permissions granted to users who have access to the shared link
1814
1814
  boxui.shareMenu.viewOnly = Bare vis
1815
+ # Text for metadata button that will open the metadata side panel
1816
+ boxui.subHeader.metadata = Metadata
1815
1817
  # Error message for empty time formats. "HH:MM A" should be localized.
1816
1818
  boxui.timeInput.emptyTimeError = Obligatorisk felt. Oppgi klokkeslettet i formatet TT.MM.
1817
1819
  # Error message for invalid time formats. "HH:MM A" should be localized.
package/i18n/nl-NL.js CHANGED
@@ -906,6 +906,7 @@ export default {
906
906
  "boxui.shareMenu.shortcutOnly": "Alleen snelkoppeling",
907
907
  "boxui.shareMenu.viewAndDownload": "Bekijken en downloaden",
908
908
  "boxui.shareMenu.viewOnly": "Alleen bekijken",
909
+ "boxui.subHeader.metadata": "Metadata",
909
910
  "boxui.timeInput.emptyTimeError": "Vereist veld. Voer een tijd in de notatie UU:MM in.",
910
911
  "boxui.timeInput.invalidTimeError": "Ongeldige tijdnotatie. Voer een tijd in de notatie UU:MM in.",
911
912
  "boxui.unifiedShare.collabAccess": "medebewerker toegang",
@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Alleen snelkoppeling
1812
1812
  boxui.shareMenu.viewAndDownload = Bekijken en downloaden
1813
1813
  # Description of permissions granted to users who have access to the shared link
1814
1814
  boxui.shareMenu.viewOnly = Alleen bekijken
1815
+ # Text for metadata button that will open the metadata side panel
1816
+ boxui.subHeader.metadata = Metadata
1815
1817
  # Error message for empty time formats. "HH:MM A" should be localized.
1816
1818
  boxui.timeInput.emptyTimeError = Vereist veld. Voer een tijd in de notatie UU:MM in.
1817
1819
  # Error message for invalid time formats. "HH:MM A" should be localized.
package/i18n/pl-PL.js CHANGED
@@ -906,6 +906,7 @@ export default {
906
906
  "boxui.shareMenu.shortcutOnly": "Tylko skrót",
907
907
  "boxui.shareMenu.viewAndDownload": "Przeglądanie i pobieranie",
908
908
  "boxui.shareMenu.viewOnly": "Tylko przeglądanie",
909
+ "boxui.subHeader.metadata": "Metadane",
909
910
  "boxui.timeInput.emptyTimeError": "Pole wymagane. Wprowadź godzinę w formacie GG:MM.",
910
911
  "boxui.timeInput.invalidTimeError": "Nieprawidłowy format godziny. Wprowadź godzinę w formacie GG:MM.",
911
912
  "boxui.unifiedShare.collabAccess": "dostęp dla współpracownika",
@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Tylko skrót
1812
1812
  boxui.shareMenu.viewAndDownload = Przeglądanie i pobieranie
1813
1813
  # Description of permissions granted to users who have access to the shared link
1814
1814
  boxui.shareMenu.viewOnly = Tylko przeglądanie
1815
+ # Text for metadata button that will open the metadata side panel
1816
+ boxui.subHeader.metadata = Metadane
1815
1817
  # Error message for empty time formats. "HH:MM A" should be localized.
1816
1818
  boxui.timeInput.emptyTimeError = Pole wymagane. Wprowadź godzinę w formacie GG:MM.
1817
1819
  # Error message for invalid time formats. "HH:MM A" should be localized.
package/i18n/pt-BR.js CHANGED
@@ -906,6 +906,7 @@ export default {
906
906
  "boxui.shareMenu.shortcutOnly": "Apenas atalho",
907
907
  "boxui.shareMenu.viewAndDownload": "Visualização e download",
908
908
  "boxui.shareMenu.viewOnly": "Apenas visualização",
909
+ "boxui.subHeader.metadata": "Metadados",
909
910
  "boxui.timeInput.emptyTimeError": "Campo obrigatório. Informe uma hora no formato HH:MM AM/PM.",
910
911
  "boxui.timeInput.invalidTimeError": "Formato de hora inválido. Informe uma hora no formato HH:MM A.",
911
912
  "boxui.unifiedShare.collabAccess": "acesso de colaborador",
@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Apenas atalho
1812
1812
  boxui.shareMenu.viewAndDownload = Visualização e download
1813
1813
  # Description of permissions granted to users who have access to the shared link
1814
1814
  boxui.shareMenu.viewOnly = Apenas visualização
1815
+ # Text for metadata button that will open the metadata side panel
1816
+ boxui.subHeader.metadata = Metadados
1815
1817
  # Error message for empty time formats. "HH:MM A" should be localized.
1816
1818
  boxui.timeInput.emptyTimeError = Campo obrigatório. Informe uma hora no formato HH:MM AM/PM.
1817
1819
  # Error message for invalid time formats. "HH:MM A" should be localized.
package/i18n/ru-RU.js CHANGED
@@ -906,6 +906,7 @@ export default {
906
906
  "boxui.shareMenu.shortcutOnly": "Только ярлык",
907
907
  "boxui.shareMenu.viewAndDownload": "Просмотр и скачивание",
908
908
  "boxui.shareMenu.viewOnly": "Только просмотр",
909
+ "boxui.subHeader.metadata": "Метаданные",
909
910
  "boxui.timeInput.emptyTimeError": "Обязательное поле. Введите время в 12-часовом формате ЧЧ:ММ.",
910
911
  "boxui.timeInput.invalidTimeError": "Неверный формат времени. Введите время в 12-часовом формате ЧЧ:ММ.",
911
912
  "boxui.unifiedShare.collabAccess": "доступ соавтора",
@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Только ярлык
1812
1812
  boxui.shareMenu.viewAndDownload = Просмотр и скачивание
1813
1813
  # Description of permissions granted to users who have access to the shared link
1814
1814
  boxui.shareMenu.viewOnly = Только просмотр
1815
+ # Text for metadata button that will open the metadata side panel
1816
+ boxui.subHeader.metadata = Метаданные
1815
1817
  # Error message for empty time formats. "HH:MM A" should be localized.
1816
1818
  boxui.timeInput.emptyTimeError = Обязательное поле. Введите время в 12-часовом формате ЧЧ:ММ.
1817
1819
  # Error message for invalid time formats. "HH:MM A" should be localized.
package/i18n/sv-SE.js CHANGED
@@ -906,6 +906,7 @@ export default {
906
906
  "boxui.shareMenu.shortcutOnly": "Endast genväg",
907
907
  "boxui.shareMenu.viewAndDownload": "Visa och hämta",
908
908
  "boxui.shareMenu.viewOnly": "Endast visning",
909
+ "boxui.subHeader.metadata": "Metadata",
909
910
  "boxui.timeInput.emptyTimeError": "Obligatoriskt fält. Ange en tid i formatet TT:MM.",
910
911
  "boxui.timeInput.invalidTimeError": "Ogiltigt tidsformat. Ange en tid i formatet TT:MM.",
911
912
  "boxui.unifiedShare.collabAccess": "åtkomst för medarbetare",
@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Endast genväg
1812
1812
  boxui.shareMenu.viewAndDownload = Visa och hämta
1813
1813
  # Description of permissions granted to users who have access to the shared link
1814
1814
  boxui.shareMenu.viewOnly = Endast visning
1815
+ # Text for metadata button that will open the metadata side panel
1816
+ boxui.subHeader.metadata = Metadata
1815
1817
  # Error message for empty time formats. "HH:MM A" should be localized.
1816
1818
  boxui.timeInput.emptyTimeError = Obligatoriskt fält. Ange en tid i formatet TT:MM.
1817
1819
  # Error message for invalid time formats. "HH:MM A" should be localized.
package/i18n/tr-TR.js CHANGED
@@ -906,6 +906,7 @@ export default {
906
906
  "boxui.shareMenu.shortcutOnly": "Yalnızca Kısayol",
907
907
  "boxui.shareMenu.viewAndDownload": "Görüntüleme ve İndirme",
908
908
  "boxui.shareMenu.viewOnly": "Yalnızca Görüntüleme",
909
+ "boxui.subHeader.metadata": "Meta veri",
909
910
  "boxui.timeInput.emptyTimeError": "Gerekli alan. Saati SS.DD biçiminde girin.",
910
911
  "boxui.timeInput.invalidTimeError": "Geçersiz saat biçimi. Saati SS.DD biçiminde girin.",
911
912
  "boxui.unifiedShare.collabAccess": "işbirlikçi erişimi",
@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = Yalnızca Kısayol
1812
1812
  boxui.shareMenu.viewAndDownload = Görüntüleme ve İndirme
1813
1813
  # Description of permissions granted to users who have access to the shared link
1814
1814
  boxui.shareMenu.viewOnly = Yalnızca Görüntüleme
1815
+ # Text for metadata button that will open the metadata side panel
1816
+ boxui.subHeader.metadata = Meta veri
1815
1817
  # Error message for empty time formats. "HH:MM A" should be localized.
1816
1818
  boxui.timeInput.emptyTimeError = Gerekli alan. Saati SS.DD biçiminde girin.
1817
1819
  # Error message for invalid time formats. "HH:MM A" should be localized.
package/i18n/zh-CN.js CHANGED
@@ -906,6 +906,7 @@ export default {
906
906
  "boxui.shareMenu.shortcutOnly": "仅快捷键",
907
907
  "boxui.shareMenu.viewAndDownload": "查看和下载",
908
908
  "boxui.shareMenu.viewOnly": "仅查看",
909
+ "boxui.subHeader.metadata": "元数据",
909
910
  "boxui.timeInput.emptyTimeError": "必填字段。请以“上午小时:分钟”格式输入时间。",
910
911
  "boxui.timeInput.invalidTimeError": "时间格式无效。请以“上午小时:分钟”格式输入时间。",
911
912
  "boxui.unifiedShare.collabAccess": "协作者访问",
@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = 仅快捷键
1812
1812
  boxui.shareMenu.viewAndDownload = 查看和下载
1813
1813
  # Description of permissions granted to users who have access to the shared link
1814
1814
  boxui.shareMenu.viewOnly = 仅查看
1815
+ # Text for metadata button that will open the metadata side panel
1816
+ boxui.subHeader.metadata = 元数据
1815
1817
  # Error message for empty time formats. "HH:MM A" should be localized.
1816
1818
  boxui.timeInput.emptyTimeError = 必填字段。请以“上午小时:分钟”格式输入时间。
1817
1819
  # Error message for invalid time formats. "HH:MM A" should be localized.
package/i18n/zh-TW.js CHANGED
@@ -906,6 +906,7 @@ export default {
906
906
  "boxui.shareMenu.shortcutOnly": "僅捷徑",
907
907
  "boxui.shareMenu.viewAndDownload": "檢視與下載",
908
908
  "boxui.shareMenu.viewOnly": "僅檢視",
909
+ "boxui.subHeader.metadata": "中繼資料",
909
910
  "boxui.timeInput.emptyTimeError": "必填欄位。請以「上午 時時:分分」的格式輸入時間。",
910
911
  "boxui.timeInput.invalidTimeError": "無效的時間格式。請以「上午 時時:分分」的格式輸入時間。",
911
912
  "boxui.unifiedShare.collabAccess": "共同作業者存取",
@@ -1812,6 +1812,8 @@ boxui.shareMenu.shortcutOnly = 僅捷徑
1812
1812
  boxui.shareMenu.viewAndDownload = 檢視與下載
1813
1813
  # Description of permissions granted to users who have access to the shared link
1814
1814
  boxui.shareMenu.viewOnly = 僅檢視
1815
+ # Text for metadata button that will open the metadata side panel
1816
+ boxui.subHeader.metadata = 中繼資料
1815
1817
  # Error message for empty time formats. "HH:MM A" should be localized.
1816
1818
  boxui.timeInput.emptyTimeError = 必填欄位。請以「上午 時時:分分」的格式輸入時間。
1817
1819
  # Error message for invalid time formats. "HH:MM A" should be localized.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "box-ui-elements",
3
- "version": "23.4.0-beta.26",
3
+ "version": "23.4.0-beta.28",
4
4
  "description": "Box UI Elements",
5
5
  "author": "Box (https://www.box.com/)",
6
6
  "license": "SEE LICENSE IN LICENSE",
@@ -5,7 +5,8 @@ import SubHeaderLeft from './SubHeaderLeft';
5
5
  import SubHeaderRight from './SubHeaderRight';
6
6
  import type { ViewMode } from '../flowTypes';
7
7
  import type { View, Collection } from '../../../common/types/core';
8
- import { VIEW_MODE_LIST } from '../../../constants';
8
+ import { VIEW_MODE_LIST, VIEW_METADATA } from '../../../constants';
9
+ import { useFeatureEnabled } from '../feature-checking';
9
10
 
10
11
  import './SubHeader.scss';
11
12
 
@@ -51,39 +52,49 @@ const SubHeader = ({
51
52
  rootName,
52
53
  view,
53
54
  viewMode = VIEW_MODE_LIST,
54
- }: SubHeaderProps) => (
55
- <PageHeader.Root className="be-sub-header" data-testid="be-sub-header" variant="inline">
56
- <PageHeader.StartElements>
57
- <SubHeaderLeft
58
- currentCollection={currentCollection}
59
- isSmall={isSmall}
60
- onItemClick={onItemClick}
61
- portalElement={portalElement}
62
- rootId={rootId}
63
- rootName={rootName}
64
- view={view}
65
- />
66
- </PageHeader.StartElements>
67
- <PageHeader.EndElements>
68
- <SubHeaderRight
69
- canCreateNewFolder={canCreateNewFolder}
70
- canUpload={canUpload}
71
- currentCollection={currentCollection}
72
- gridColumnCount={gridColumnCount}
73
- gridMaxColumns={gridMaxColumns}
74
- gridMinColumns={gridMinColumns}
75
- maxGridColumnCountForWidth={maxGridColumnCountForWidth}
76
- onCreate={onCreate}
77
- onGridViewSliderChange={onGridViewSliderChange}
78
- onSortChange={onSortChange}
79
- onUpload={onUpload}
80
- onViewModeChange={onViewModeChange}
81
- portalElement={portalElement}
82
- view={view}
83
- viewMode={viewMode}
84
- />
85
- </PageHeader.EndElements>
86
- </PageHeader.Root>
87
- );
55
+ }: SubHeaderProps) => {
56
+ const isMetadataViewV2Feature = useFeatureEnabled('contentExplorer.metadataViewV2');
57
+
58
+ if (view === VIEW_METADATA && !isMetadataViewV2Feature) {
59
+ return null;
60
+ }
61
+
62
+ return (
63
+ <PageHeader.Root className="be-sub-header" data-testid="be-sub-header" variant="inline">
64
+ <PageHeader.StartElements>
65
+ {view !== VIEW_METADATA && !isMetadataViewV2Feature && (
66
+ <SubHeaderLeft
67
+ currentCollection={currentCollection}
68
+ isSmall={isSmall}
69
+ onItemClick={onItemClick}
70
+ portalElement={portalElement}
71
+ rootId={rootId}
72
+ rootName={rootName}
73
+ view={view}
74
+ />
75
+ )}
76
+ </PageHeader.StartElements>
77
+ <PageHeader.EndElements>
78
+ <SubHeaderRight
79
+ canCreateNewFolder={canCreateNewFolder}
80
+ canUpload={canUpload}
81
+ currentCollection={currentCollection}
82
+ gridColumnCount={gridColumnCount}
83
+ gridMaxColumns={gridMaxColumns}
84
+ gridMinColumns={gridMinColumns}
85
+ maxGridColumnCountForWidth={maxGridColumnCountForWidth}
86
+ onCreate={onCreate}
87
+ onGridViewSliderChange={onGridViewSliderChange}
88
+ onSortChange={onSortChange}
89
+ onUpload={onUpload}
90
+ onViewModeChange={onViewModeChange}
91
+ portalElement={portalElement}
92
+ view={view}
93
+ viewMode={viewMode}
94
+ />
95
+ </PageHeader.EndElements>
96
+ </PageHeader.Root>
97
+ );
98
+ };
88
99
 
89
100
  export default SubHeader;
@@ -1,11 +1,19 @@
1
1
  import * as React from 'react';
2
+ import { Button } from '@box/blueprint-web';
3
+ import { Pencil } from '@box/blueprint-web-assets/icons/Fill';
4
+ import { useIntl } from 'react-intl';
2
5
  import Sort from './Sort';
3
6
  import Add from './Add';
4
7
  import GridViewSlider from '../../../components/grid-view/GridViewSlider';
5
8
  import ViewModeChangeButton from './ViewModeChangeButton';
6
- import { VIEW_FOLDER, VIEW_MODE_GRID } from '../../../constants';
9
+ import { VIEW_FOLDER, VIEW_MODE_GRID, VIEW_METADATA } from '../../../constants';
10
+ import { useFeatureEnabled } from '../feature-checking';
11
+
7
12
  import type { ViewMode } from '../flowTypes';
8
13
  import type { SortBy, SortDirection, View, Collection } from '../../../common/types/core';
14
+
15
+ import messages from './messages';
16
+
9
17
  import './SubHeaderRight.scss';
10
18
 
11
19
  export interface SubHeaderRightProps {
@@ -43,36 +51,49 @@ const SubHeaderRight = ({
43
51
  view,
44
52
  viewMode,
45
53
  }: SubHeaderRightProps) => {
54
+ const { formatMessage } = useIntl();
55
+ const isMetadataViewV2Feature = useFeatureEnabled('contentExplorer.metadataViewV2');
46
56
  const { items = [] }: Collection = currentCollection;
47
57
  const hasGridView: boolean = !!gridColumnCount;
48
58
  const hasItems: boolean = items.length > 0;
49
59
  const isFolder: boolean = view === VIEW_FOLDER;
50
60
  const showSort: boolean = isFolder && hasItems;
51
61
  const showAdd: boolean = (!!canUpload || !!canCreateNewFolder) && isFolder;
62
+ const isMetadataView: boolean = view === VIEW_METADATA;
52
63
  return (
53
64
  <div className="be-sub-header-right">
54
- {hasItems && viewMode === VIEW_MODE_GRID && (
55
- <GridViewSlider
56
- columnCount={gridColumnCount}
57
- gridMaxColumns={gridMaxColumns}
58
- gridMinColumns={gridMinColumns}
59
- maxColumnCount={maxGridColumnCountForWidth}
60
- onChange={onGridViewSliderChange}
61
- />
65
+ {!isMetadataView && (
66
+ <>
67
+ {hasItems && viewMode === VIEW_MODE_GRID && (
68
+ <GridViewSlider
69
+ columnCount={gridColumnCount}
70
+ gridMaxColumns={gridMaxColumns}
71
+ gridMinColumns={gridMinColumns}
72
+ maxColumnCount={maxGridColumnCountForWidth}
73
+ onChange={onGridViewSliderChange}
74
+ />
75
+ )}
76
+ {hasItems && hasGridView && (
77
+ <ViewModeChangeButton viewMode={viewMode} onViewModeChange={onViewModeChange} />
78
+ )}
79
+ {showSort && <Sort onSortChange={onSortChange} portalElement={portalElement} />}
80
+ {showAdd && (
81
+ <Add
82
+ isDisabled={!isFolder}
83
+ onCreate={onCreate}
84
+ onUpload={onUpload}
85
+ portalElement={portalElement}
86
+ showCreate={canCreateNewFolder}
87
+ showUpload={canUpload}
88
+ />
89
+ )}
90
+ </>
62
91
  )}
63
- {hasItems && hasGridView && (
64
- <ViewModeChangeButton viewMode={viewMode} onViewModeChange={onViewModeChange} />
65
- )}
66
- {showSort && <Sort onSortChange={onSortChange} portalElement={portalElement} />}
67
- {showAdd && (
68
- <Add
69
- isDisabled={!isFolder}
70
- onCreate={onCreate}
71
- onUpload={onUpload}
72
- portalElement={portalElement}
73
- showCreate={canCreateNewFolder}
74
- showUpload={canUpload}
75
- />
92
+
93
+ {isMetadataView && isMetadataViewV2Feature && (
94
+ <Button icon={Pencil} size="large" variant="primary">
95
+ {formatMessage(messages.metadata)}
96
+ </Button>
76
97
  )}
77
98
  </div>
78
99
  );
@@ -0,0 +1,11 @@
1
+ import { defineMessages } from 'react-intl';
2
+
3
+ const messages = defineMessages({
4
+ metadata: {
5
+ defaultMessage: 'Metadata',
6
+ description: 'Text for metadata button that will open the metadata side panel',
7
+ id: 'boxui.subHeader.metadata',
8
+ },
9
+ });
10
+
11
+ export default messages;
@@ -65,13 +65,13 @@ const Content = ({
65
65
  const isMetadataBasedView = view === VIEW_METADATA;
66
66
  const isListView = !isMetadataBasedView && viewMode === VIEW_MODE_LIST; // Folder view or Recents view
67
67
  const isGridView = !isMetadataBasedView && viewMode === VIEW_MODE_GRID; // Folder view or Recents view
68
-
68
+ const isMetadataViewV2Feature = isFeatureEnabled(features, 'contentExplorer.metadataViewV2');
69
69
  return (
70
70
  <div className="bce-content">
71
71
  {view === VIEW_ERROR || view === VIEW_SELECTED ? null : <ProgressBar percent={percentLoaded} />}
72
72
 
73
73
  {isViewEmpty && <EmptyView view={view} isLoading={percentLoaded !== 100} />}
74
- {!isFeatureEnabled(features, 'contentExplorer.metadataViewV2') && !isViewEmpty && isMetadataBasedView && (
74
+ {!isMetadataViewV2Feature && !isViewEmpty && isMetadataBasedView && (
75
75
  <MetadataBasedItemList
76
76
  currentCollection={currentCollection}
77
77
  fieldsToShow={fieldsToShow}
@@ -79,9 +79,7 @@ const Content = ({
79
79
  {...rest}
80
80
  />
81
81
  )}
82
- {isFeatureEnabled(features, 'contentExplorer.metadataViewV2') && !isViewEmpty && isMetadataBasedView && (
83
- <MetadataView />
84
- )}
82
+ {isMetadataViewV2Feature && !isViewEmpty && isMetadataBasedView && <MetadataView />}
85
83
  {!isViewEmpty && isListView && (
86
84
  <ItemList
87
85
  items={items}