box-ui-elements 23.4.0-beta.32 → 23.4.0-beta.34

package/i18n/ru-RU.properties

@@ -1224,6 +1224,10 @@ boxui.metadataInstanceEditor.cannotApplyCascadePolicyText = В данный мо
 boxui.metadataInstanceEditor.cascadePolicyLearnMore = Подробнее
 # Tooltip text that asks the user what they want to do when applying cascading to their metadata policy
 boxui.metadataInstanceEditor.cascadePolicyModeQuestion = Что нужно сделать в случае возникновения конфликтов при применении этого шаблона и его значений к существующим элементам? Это разовое действие.
+# Notice that explains that the cascade policy cannot be edited
+boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNotice = Эту каскадную политику невозможно изменить. Для внесения изменений деактивируйте текущую политику, а затем включите ее заново, чтобы настроить новую.
+# Aria label for the disabled cascade options information icon
+boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNoticeIconAriaLabel = Информация об отключенных параметрах каскада
 # Label for radio button that selects overwrite mode for cascading policy
 boxui.metadataInstanceEditor.cascadePolicyOverwriteMode = Переписать все существующие значения шаблона
 # Label for radio button that selects skip mode for cascading policy
@@ -1258,6 +1262,8 @@ boxui.metadataInstanceEditor.editTooltip = Редактирование мета
 boxui.metadataInstanceEditor.enableAIAutofill = Автозаполнение Box AI
 # Label for enable cascade policy toggle switch
 boxui.metadataInstanceEditor.enableCascadePolicy = Включить каскадную политику
+# Name of the enhanced AI agent
+boxui.metadataInstanceEditor.enhancedAgentName = Enhanced
 # Message for users who may attempt to remove a custom metadata instance for a file. Also non-recoverable
 boxui.metadataInstanceEditor.fileMetadataRemoveCustomTemplateConfirm = Удалить эти настраиваемые метаданные вместе со всеми их значениями из этого файла?
 # Message for users who may attempt to remove a metadata instance for a file, which is non-recoverable
@@ -1284,6 +1290,8 @@ boxui.metadataInstanceEditor.noMetadataAddTemplate = Нажмите «Добав
 boxui.metadataInstanceEditor.operationNotImmediate = Выполнение этой операции может занять некоторое время.
 # Label to remove a template
 boxui.metadataInstanceEditor.removeTemplate = Удалить
+# Name of the standard AI agent
+boxui.metadataInstanceEditor.standardAgentName = Standard
 # Label to add a template
 boxui.metadataInstanceEditor.templateAdd = Добавить
 # Placeholder to search for all templates

package/i18n/sv-SE.js

@@ -612,8 +612,8 @@ export default {
   "boxui.metadataInstanceEditor.cannotApplyCascadePolicyText": "Övergripande policy kan inte tillämpas på anpassade metadata just nu.",
   "boxui.metadataInstanceEditor.cascadePolicyLearnMore": "Läs mer",
   "boxui.metadataInstanceEditor.cascadePolicyModeQuestion": "Vad vill du göra vid konflikter när du använder den här mallen och mallvärdena på befintliga objekt? Det här är en engångsåtgärd.",
-  "boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNotice": "This cascade policy cannot be edited. To modify it, deactivate the current policy and then re-enable it to set up a new one.",
-  "boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNoticeIconAriaLabel": "Disabled cascade options information",
+  "boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNotice": "Den här kaskadpolicyn kan inte redigeras. För att ändra den, inaktivera den aktuella policyn och aktivera den på nytt för att konfigurera en ny.",
+  "boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNoticeIconAriaLabel": "Information om inaktiverade alternativ för kaskad",
   "boxui.metadataInstanceEditor.cascadePolicyOverwriteMode": "Skriva över alla befintliga mallvärden",
   "boxui.metadataInstanceEditor.cascadePolicySkipMode": "Hoppa över och behålla alla befintliga mallvärden",
   "boxui.metadataInstanceEditor.customAdd": "Lägg till",

package/i18n/sv-SE.properties

@@ -1224,6 +1224,10 @@ boxui.metadataInstanceEditor.cannotApplyCascadePolicyText = Övergripande policy
 boxui.metadataInstanceEditor.cascadePolicyLearnMore = Läs mer
 # Tooltip text that asks the user what they want to do when applying cascading to their metadata policy
 boxui.metadataInstanceEditor.cascadePolicyModeQuestion = Vad vill du göra vid konflikter när du använder den här mallen och mallvärdena på befintliga objekt? Det här är en engångsåtgärd.
+# Notice that explains that the cascade policy cannot be edited
+boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNotice = Den här kaskadpolicyn kan inte redigeras. För att ändra den, inaktivera den aktuella policyn och aktivera den på nytt för att konfigurera en ny.
+# Aria label for the disabled cascade options information icon
+boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNoticeIconAriaLabel = Information om inaktiverade alternativ för kaskad
 # Label for radio button that selects overwrite mode for cascading policy
 boxui.metadataInstanceEditor.cascadePolicyOverwriteMode = Skriva över alla befintliga mallvärden
 # Label for radio button that selects skip mode for cascading policy
@@ -1258,6 +1262,8 @@ boxui.metadataInstanceEditor.editTooltip = Redigera metadata
 boxui.metadataInstanceEditor.enableAIAutofill = Box AI autofyll
 # Label for enable cascade policy toggle switch
 boxui.metadataInstanceEditor.enableCascadePolicy = Aktivera övergripande policy
+# Name of the enhanced AI agent
+boxui.metadataInstanceEditor.enhancedAgentName = Enhanced
 # Message for users who may attempt to remove a custom metadata instance for a file. Also non-recoverable
 boxui.metadataInstanceEditor.fileMetadataRemoveCustomTemplateConfirm = Är du säker på att du vill radera dessa anpassade metadata och alla tillhörande värden från den här filen?
 # Message for users who may attempt to remove a metadata instance for a file, which is non-recoverable
@@ -1284,6 +1290,8 @@ boxui.metadataInstanceEditor.noMetadataAddTemplate = Klicka på Lägg till läng
 boxui.metadataInstanceEditor.operationNotImmediate = Den här åtgärden sker inte omedelbart och kan ta lite tid.
 # Label to remove a template
 boxui.metadataInstanceEditor.removeTemplate = Ta bort
+# Name of the standard AI agent
+boxui.metadataInstanceEditor.standardAgentName = Standard
 # Label to add a template
 boxui.metadataInstanceEditor.templateAdd = Lägg till
 # Placeholder to search for all templates

package/i18n/tr-TR.js

@@ -612,8 +612,8 @@ export default {
   "boxui.metadataInstanceEditor.cannotApplyCascadePolicyText": "Alt klasörlere uygulama ilkesi şu anda özel meta verilere uygulanamıyor",
   "boxui.metadataInstanceEditor.cascadePolicyLearnMore": "Daha fazla bilgi edinin",
   "boxui.metadataInstanceEditor.cascadePolicyModeQuestion": "Bu şablonu ve değerlerini mevcut öğelere uygularken çakışma olması halinde nasıl devam etmek istersiniz? Bu, tek seferlik bir işlemdir.",
-  "boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNotice": "This cascade policy cannot be edited. To modify it, deactivate the current policy and then re-enable it to set up a new one.",
-  "boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNoticeIconAriaLabel": "Disabled cascade options information",
+  "boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNotice": "Bu alt klasörlere uygulama politikası düzenlenemez. Bunu değiştirmek için, geçerli politikayı devre dışı bırakın, sonra yeni bir politika oluşturmak için yeniden etkinleştirin.",
+  "boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNoticeIconAriaLabel": "Devre dışı bırakılan alt klasörlere uygulama seçenekleriyle ilgili bilgiler.",
   "boxui.metadataInstanceEditor.cascadePolicyOverwriteMode": "Mevcut tüm şablon değerlerinin üzerine yaz",
   "boxui.metadataInstanceEditor.cascadePolicySkipMode": "Atla ve mevcut tüm şablon değerlerini koru",
   "boxui.metadataInstanceEditor.customAdd": "Ekle",

package/i18n/tr-TR.properties

@@ -1224,6 +1224,10 @@ boxui.metadataInstanceEditor.cannotApplyCascadePolicyText = Alt klasörlere uygu
 boxui.metadataInstanceEditor.cascadePolicyLearnMore = Daha fazla bilgi edinin
 # Tooltip text that asks the user what they want to do when applying cascading to their metadata policy
 boxui.metadataInstanceEditor.cascadePolicyModeQuestion = Bu şablonu ve değerlerini mevcut öğelere uygularken çakışma olması halinde nasıl devam etmek istersiniz? Bu, tek seferlik bir işlemdir.
+# Notice that explains that the cascade policy cannot be edited
+boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNotice = Bu alt klasörlere uygulama politikası düzenlenemez. Bunu değiştirmek için, geçerli politikayı devre dışı bırakın, sonra yeni bir politika oluşturmak için yeniden etkinleştirin.
+# Aria label for the disabled cascade options information icon
+boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNoticeIconAriaLabel = Devre dışı bırakılan alt klasörlere uygulama seçenekleriyle ilgili bilgiler.
 # Label for radio button that selects overwrite mode for cascading policy
 boxui.metadataInstanceEditor.cascadePolicyOverwriteMode = Mevcut tüm şablon değerlerinin üzerine yaz
 # Label for radio button that selects skip mode for cascading policy
@@ -1258,6 +1262,8 @@ boxui.metadataInstanceEditor.editTooltip = Meta Verileri Düzenle
 boxui.metadataInstanceEditor.enableAIAutofill = Box AI Otomatik Doldurma
 # Label for enable cascade policy toggle switch
 boxui.metadataInstanceEditor.enableCascadePolicy = Alt Klasörlere Uygulama İlkesini Etkinleştir
+# Name of the enhanced AI agent
+boxui.metadataInstanceEditor.enhancedAgentName = Enhanced
 # Message for users who may attempt to remove a custom metadata instance for a file. Also non-recoverable
 boxui.metadataInstanceEditor.fileMetadataRemoveCustomTemplateConfirm = Bu özel meta veriyi ve tüm değerlerini dosyadan silmek istediğinizden emin misiniz?
 # Message for users who may attempt to remove a metadata instance for a file, which is non-recoverable
@@ -1284,6 +1290,8 @@ boxui.metadataInstanceEditor.noMetadataAddTemplate = Bu öğeye meta veri ekleme
 boxui.metadataInstanceEditor.operationNotImmediate = Bu işlemin gerçekleşmesi biraz zaman alabilir.
 # Label to remove a template
 boxui.metadataInstanceEditor.removeTemplate = Kaldır
+# Name of the standard AI agent
+boxui.metadataInstanceEditor.standardAgentName = Standard
 # Label to add a template
 boxui.metadataInstanceEditor.templateAdd = Ekle
 # Placeholder to search for all templates

package/i18n/zh-CN.js

@@ -612,8 +612,8 @@ export default {
   "boxui.metadataInstanceEditor.cannotApplyCascadePolicyText": "级联策略目前不适用于自定义元数据。",
   "boxui.metadataInstanceEditor.cascadePolicyLearnMore": "了解更多",
   "boxui.metadataInstanceEditor.cascadePolicyModeQuestion": "如果在将此模板及其值应用于现有项目时发生冲突，您要执行什么操作？这是一次性操作。",
-  "boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNotice": "This cascade policy cannot be edited. To modify it, deactivate the current policy and then re-enable it to set up a new one.",
-  "boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNoticeIconAriaLabel": "Disabled cascade options information",
+  "boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNotice": "无法编辑此级联策略。要进行修改，请停用然后重新启用当前策略，从而设置新的策略。",
+  "boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNoticeIconAriaLabel": "已禁用级联选项信息",
   "boxui.metadataInstanceEditor.cascadePolicyOverwriteMode": "覆盖所有现有模板值",
   "boxui.metadataInstanceEditor.cascadePolicySkipMode": "跳过并保留所有现有模板值",
   "boxui.metadataInstanceEditor.customAdd": "添加",

package/i18n/zh-CN.properties

@@ -1224,6 +1224,10 @@ boxui.metadataInstanceEditor.cannotApplyCascadePolicyText = 级联策略目前
 boxui.metadataInstanceEditor.cascadePolicyLearnMore = 了解更多
 # Tooltip text that asks the user what they want to do when applying cascading to their metadata policy
 boxui.metadataInstanceEditor.cascadePolicyModeQuestion = 如果在将此模板及其值应用于现有项目时发生冲突，您要执行什么操作？这是一次性操作。
+# Notice that explains that the cascade policy cannot be edited
+boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNotice = 无法编辑此级联策略。要进行修改，请停用然后重新启用当前策略，从而设置新的策略。
+# Aria label for the disabled cascade options information icon
+boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNoticeIconAriaLabel = 已禁用级联选项信息
 # Label for radio button that selects overwrite mode for cascading policy
 boxui.metadataInstanceEditor.cascadePolicyOverwriteMode = 覆盖所有现有模板值
 # Label for radio button that selects skip mode for cascading policy
@@ -1258,6 +1262,8 @@ boxui.metadataInstanceEditor.editTooltip = 编辑元数据
 boxui.metadataInstanceEditor.enableAIAutofill = Box AI 自动填充
 # Label for enable cascade policy toggle switch
 boxui.metadataInstanceEditor.enableCascadePolicy = 启用级联策略
+# Name of the enhanced AI agent
+boxui.metadataInstanceEditor.enhancedAgentName = Enhanced
 # Message for users who may attempt to remove a custom metadata instance for a file. Also non-recoverable
 boxui.metadataInstanceEditor.fileMetadataRemoveCustomTemplateConfirm = 是否确定要从此文件中删除此自定义元数据及其所有值？
 # Message for users who may attempt to remove a metadata instance for a file, which is non-recoverable
@@ -1284,6 +1290,8 @@ boxui.metadataInstanceEditor.noMetadataAddTemplate = 在右上角单击“添加
 boxui.metadataInstanceEditor.operationNotImmediate = 此操作不会立即生效，可能需要一些时间。
 # Label to remove a template
 boxui.metadataInstanceEditor.removeTemplate = 移除
+# Name of the standard AI agent
+boxui.metadataInstanceEditor.standardAgentName = Standard
 # Label to add a template
 boxui.metadataInstanceEditor.templateAdd = 添加
 # Placeholder to search for all templates

package/i18n/zh-TW.js

@@ -612,8 +612,8 @@ export default {
   "boxui.metadataInstanceEditor.cannotApplyCascadePolicyText": "向下套用原則目前無法套用到自訂中繼資料。",
   "boxui.metadataInstanceEditor.cascadePolicyLearnMore": "詳細資訊",
   "boxui.metadataInstanceEditor.cascadePolicyModeQuestion": "若在將此範本及其值套用到現有項目時發生衝突，您要怎麼處理？此為一次性動作。",
-  "boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNotice": "This cascade policy cannot be edited. To modify it, deactivate the current policy and then re-enable it to set up a new one.",
-  "boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNoticeIconAriaLabel": "Disabled cascade options information",
+  "boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNotice": "無法編輯此向下套用原則。若要修改，請停用當前原則，然後重新啟用以設置新原則。",
+  "boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNoticeIconAriaLabel": "已停用的向下套用選項資訊。",
   "boxui.metadataInstanceEditor.cascadePolicyOverwriteMode": "覆寫所有現有的範本值",
   "boxui.metadataInstanceEditor.cascadePolicySkipMode": "略過並保留所有現有的範本值",
   "boxui.metadataInstanceEditor.customAdd": "新增",

package/i18n/zh-TW.properties

@@ -1224,6 +1224,10 @@ boxui.metadataInstanceEditor.cannotApplyCascadePolicyText = 向下套用原則
 boxui.metadataInstanceEditor.cascadePolicyLearnMore = 詳細資訊
 # Tooltip text that asks the user what they want to do when applying cascading to their metadata policy
 boxui.metadataInstanceEditor.cascadePolicyModeQuestion = 若在將此範本及其值套用到現有項目時發生衝突，您要怎麼處理？此為一次性動作。
+# Notice that explains that the cascade policy cannot be edited
+boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNotice = 無法編輯此向下套用原則。若要修改，請停用當前原則，然後重新啟用以設置新原則。
+# Aria label for the disabled cascade options information icon
+boxui.metadataInstanceEditor.cascadePolicyOptionsDisabledNoticeIconAriaLabel = 已停用的向下套用選項資訊。
 # Label for radio button that selects overwrite mode for cascading policy
 boxui.metadataInstanceEditor.cascadePolicyOverwriteMode = 覆寫所有現有的範本值
 # Label for radio button that selects skip mode for cascading policy
@@ -1258,6 +1262,8 @@ boxui.metadataInstanceEditor.editTooltip = 編輯中繼資料
 boxui.metadataInstanceEditor.enableAIAutofill = Box AI 自動填充
 # Label for enable cascade policy toggle switch
 boxui.metadataInstanceEditor.enableCascadePolicy = 啟用向下套用原則
+# Name of the enhanced AI agent
+boxui.metadataInstanceEditor.enhancedAgentName = Enhanced
 # Message for users who may attempt to remove a custom metadata instance for a file. Also non-recoverable
 boxui.metadataInstanceEditor.fileMetadataRemoveCustomTemplateConfirm = 確定要從此檔案刪除此自訂中繼資料及其所有值？
 # Message for users who may attempt to remove a metadata instance for a file, which is non-recoverable
@@ -1284,6 +1290,8 @@ boxui.metadataInstanceEditor.noMetadataAddTemplate = 按一下右上方的「新
 boxui.metadataInstanceEditor.operationNotImmediate = 此作業不會立即生效，可能需要一些時間。
 # Label to remove a template
 boxui.metadataInstanceEditor.removeTemplate = 移除
+# Name of the standard AI agent
+boxui.metadataInstanceEditor.standardAgentName = Standard
 # Label to add a template
 boxui.metadataInstanceEditor.templateAdd = 新增
 # Placeholder to search for all templates

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "box-ui-elements",
-    "version": "23.4.0-beta.32",
+    "version": "23.4.0-beta.34",
     "description": "Box UI Elements",
     "author": "Box (https://www.box.com/)",
     "license": "SEE LICENSE IN LICENSE",

package/src/elements/common/types/SidebarNavigation.js.flow

@@ -5,10 +5,12 @@
 
 export const ViewType = Object.freeze({
     BOXAI: 'boxai',
-    SKILLS: 'skills',
-    ACTIVITY: 'activity',
     DETAILS: 'details',
     METADATA: 'metadata',
+    METADATA_REDESIGN: 'metadata_redesign',
+    SKILLS: 'skills',
+    ACTIVITY: 'activity',
+    VERSIONS: 'versions',
     DOCGEN: 'docgen',
 });
 
@@ -22,11 +24,12 @@ export type ViewTypeValues = $Values<typeof ViewType>;
 export type FeedEntryTypeValues = $Values<typeof FeedEntryType>;
 
 export type SidebarNavigation = {
-    sidebar: ViewTypeValues,
-    versionId?: string,
     activeFeedEntryType?: FeedEntryTypeValues,
     activeFeedEntryId?: string,
     fileVersionId?: string,
+    filteredTemplateIds?: string,
+    sidebar: ViewTypeValues,
+    versionId?: string,
 };
 
 export type InternalSidebarNavigation = SidebarNavigation & {

package/src/elements/common/types/SidebarNavigation.ts

@@ -1,9 +1,11 @@
 export enum ViewType {
-    BOXAI = 'boxai',
     SKILLS = 'skills',
-    ACTIVITY = 'activity',
     DETAILS = 'details',
     METADATA = 'metadata',
+    METADATA_REDESIGN = 'metadata_redesign',
+    BOXAI = 'boxai',
+    ACTIVITY = 'activity',
+    VERSIONS = 'versions',
     DOCGEN = 'docgen',
 }
 
@@ -18,11 +20,16 @@ type VersionSidebarView = {
     versionId: string;
 };
 
+export type MetadataSidebarView = {
+    sidebar: ViewType.METADATA | ViewType.METADATA_REDESIGN;
+    filteredTemplateIds?: string;
+};
+
 export type ActivityAnnotationsSidebarView = {
     sidebar: ViewType.ACTIVITY;
     activeFeedEntryType: FeedEntryType.ANNOTATIONS;
     fileVersionId: string;
-    activeFeedEntryId: string;
+    activeFeedEntryId?: string;
 };
 type ActivityCommentsSidebarView = {
     sidebar: ViewType.ACTIVITY;
@@ -35,6 +42,7 @@ export type SidebarNavigation =
           sidebar: ViewType;
       }
     | VersionSidebarView
+    | MetadataSidebarView
     | ActivityCommentsSidebarView
     | ActivityAnnotationsSidebarView;
 

package/src/elements/content-preview/PreviewNavigation.js

@@ -14,16 +14,26 @@ import PlainButton from '../../components/plain-button/PlainButton';
 import messages from '../common/messages';
 import type { BoxItem } from '../../common/types/core';
 import { SIDEBAR_VIEW_METADATA } from '../../constants';
+import type { InternalSidebarNavigation, InternalSidebarNavigationHandler } from '../common/types/SidebarNavigation';
 
 type Props = {
     collection: Array<string | BoxItem>,
     currentIndex: number,
     intl: IntlShape,
+    internalSidebarNavigation?: InternalSidebarNavigation,
+    internalSidebarNavigationHandler?: InternalSidebarNavigationHandler,
     onNavigateLeft: Function,
     onNavigateRight: Function,
+    routerDisabled?: boolean,
 };
 
-const PreviewNavigation = ({ collection = [], currentIndex, intl, onNavigateLeft, onNavigateRight }: Props) => {
+const PreviewNavigationWithRouter = ({
+    collection = [],
+    currentIndex,
+    intl,
+    onNavigateLeft,
+    onNavigateRight,
+}: Props) => {
     const hasLeftNavigation = collection.length > 1 && currentIndex > 0 && currentIndex < collection.length;
     const hasRightNavigation = collection.length > 1 && currentIndex > -1 && currentIndex < collection.length - 1;
 
@@ -48,6 +58,7 @@ const PreviewNavigation = ({ collection = [], currentIndex, intl, onNavigateLeft
                     {hasLeftNavigation && (
                         <PlainButton
                             className="bcpr-navigate-left"
+                            data-testid="preview-navigation-left"
                             onClick={() => {
                                 goToActiveSidebarTab(match.params, history);
                                 onNavigateLeft();
@@ -61,6 +72,7 @@ const PreviewNavigation = ({ collection = [], currentIndex, intl, onNavigateLeft
                     {hasRightNavigation && (
                         <PlainButton
                             className="bcpr-navigate-right"
+                            data-testid="preview-navigation-right"
                             onClick={() => {
                                 goToActiveSidebarTab(match.params, history);
                                 onNavigateRight();
@@ -77,5 +89,77 @@ const PreviewNavigation = ({ collection = [], currentIndex, intl, onNavigateLeft
     );
 };
 
-export { PreviewNavigation as PreviewNavigationComponent };
+const PreviewNavigationWithoutRouter = ({
+    collection = [],
+    currentIndex,
+    intl,
+    internalSidebarNavigation,
+    internalSidebarNavigationHandler,
+    onNavigateLeft,
+    onNavigateRight,
+}: Props) => {
+    const hasLeftNavigation = collection.length > 1 && currentIndex > 0 && currentIndex < collection.length;
+    const hasRightNavigation = collection.length > 1 && currentIndex > -1 && currentIndex < collection.length - 1;
+
+    if (!hasLeftNavigation && !hasRightNavigation) {
+        return null;
+    }
+
+    const handleInternalNavigation = () => {
+        if (internalSidebarNavigationHandler && internalSidebarNavigation && internalSidebarNavigation.sidebar) {
+            const { sidebar, ...rest } = internalSidebarNavigation;
+            const hasDeeplink = Object.keys(rest).length > 0;
+
+            if (hasDeeplink && sidebar === SIDEBAR_VIEW_METADATA) {
+                internalSidebarNavigationHandler(internalSidebarNavigation);
+            } else {
+                internalSidebarNavigationHandler({ sidebar });
+            }
+        }
+    };
+
+    return (
+        <>
+            {hasLeftNavigation && (
+                <PlainButton
+                    className="bcpr-navigate-left"
+                    data-testid="preview-navigation-left"
+                    onClick={() => {
+                        handleInternalNavigation();
+                        onNavigateLeft();
+                    }}
+                    title={intl.formatMessage(messages.previousFile)}
+                    type="button"
+                >
+                    <IconNavigateLeft />
+                </PlainButton>
+            )}
+            {hasRightNavigation && (
+                <PlainButton
+                    className="bcpr-navigate-right"
+                    data-testid="preview-navigation-right"
+                    onClick={() => {
+                        handleInternalNavigation();
+                        onNavigateRight();
+                    }}
+                    title={intl.formatMessage(messages.nextFile)}
+                    type="button"
+                >
+                    <IconNavigateRight />
+                </PlainButton>
+            )}
+        </>
+    );
+};
+
+const PreviewNavigation = (props: Props) => {
+    const { routerDisabled = false } = props;
+
+    if (routerDisabled) {
+        return <PreviewNavigationWithoutRouter {...props} />;
+    }
+
+    return <PreviewNavigationWithRouter {...props} />;
+};
+
 export default injectIntl(PreviewNavigation);