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

package/i18n/zh-CN.js

@@ -612,6 +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.cascadePolicyOverwriteMode": "覆盖所有现有模板值",
   "boxui.metadataInstanceEditor.cascadePolicySkipMode": "跳过并保留所有现有模板值",
   "boxui.metadataInstanceEditor.customAdd": "添加",
@@ -629,6 +631,7 @@ export default {
   "boxui.metadataInstanceEditor.editTooltip": "编辑元数据",
   "boxui.metadataInstanceEditor.enableAIAutofill": "Box AI 自动填充",
   "boxui.metadataInstanceEditor.enableCascadePolicy": "启用级联策略",
+  "boxui.metadataInstanceEditor.enhancedAgentName": "Enhanced",
   "boxui.metadataInstanceEditor.fileMetadataRemoveCustomTemplateConfirm": "是否确定要从此文件中删除此自定义元数据及其所有值？",
   "boxui.metadataInstanceEditor.fileMetadataRemoveTemplateConfirm": "是否确定要从此文件中删除 \"{metadataName}\" 及其所有值？",
   "boxui.metadataInstanceEditor.folderMetadataRemoveCustomTemplateConfirm": "是否确定要删除此自定义元数据及其所有值？不会删除已应用于此文件夹中文件的任何元数据模板值。",
@@ -642,6 +645,7 @@ export default {
   "boxui.metadataInstanceEditor.noMetadataAddTemplate": "在右上角单击“添加”，以将元数据添加至此项目",
   "boxui.metadataInstanceEditor.operationNotImmediate": "此操作不会立即生效，可能需要一些时间。",
   "boxui.metadataInstanceEditor.removeTemplate": "移除",
+  "boxui.metadataInstanceEditor.standardAgentName": "Standard",
   "boxui.metadataInstanceEditor.templateAdd": "添加",
   "boxui.metadataInstanceEditor.templateSearchPlaceholder": "搜索所有模板",
   "boxui.metadataInstanceEditor.templatesFetchFailed": "对不起！我们无法获取模板。请联系管理员",

package/i18n/zh-TW.js

@@ -612,6 +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.cascadePolicyOverwriteMode": "覆寫所有現有的範本值",
   "boxui.metadataInstanceEditor.cascadePolicySkipMode": "略過並保留所有現有的範本值",
   "boxui.metadataInstanceEditor.customAdd": "新增",
@@ -629,6 +631,7 @@ export default {
   "boxui.metadataInstanceEditor.editTooltip": "編輯中繼資料",
   "boxui.metadataInstanceEditor.enableAIAutofill": "Box AI 自動填充",
   "boxui.metadataInstanceEditor.enableCascadePolicy": "啟用向下套用原則",
+  "boxui.metadataInstanceEditor.enhancedAgentName": "Enhanced",
   "boxui.metadataInstanceEditor.fileMetadataRemoveCustomTemplateConfirm": "確定要從此檔案刪除此自訂中繼資料及其所有值？",
   "boxui.metadataInstanceEditor.fileMetadataRemoveTemplateConfirm": "確定要從此檔案刪除「{metadataName}」及其所有值？",
   "boxui.metadataInstanceEditor.folderMetadataRemoveCustomTemplateConfirm": "確定要刪除此自訂中繼資料及其所有值嗎？已套用至此資料夾內檔案的任何中繼資料範本值將不會遭到刪除。",
@@ -642,6 +645,7 @@ export default {
   "boxui.metadataInstanceEditor.noMetadataAddTemplate": "按一下右上方的「新增」，即可新增中繼資料至此項目",
   "boxui.metadataInstanceEditor.operationNotImmediate": "此作業不會立即生效，可能需要一些時間。",
   "boxui.metadataInstanceEditor.removeTemplate": "移除",
+  "boxui.metadataInstanceEditor.standardAgentName": "Standard",
   "boxui.metadataInstanceEditor.templateAdd": "新增",
   "boxui.metadataInstanceEditor.templateSearchPlaceholder": "搜尋所有範本",
   "boxui.metadataInstanceEditor.templatesFetchFailed": "很抱歉！我們無法擷取範本。請連絡您的管理員",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "box-ui-elements",
-    "version": "23.4.0-beta.30",
+    "version": "23.4.0-beta.32",
     "description": "Box UI Elements",
     "author": "Box (https://www.box.com/)",
     "license": "SEE LICENSE IN LICENSE",
@@ -129,15 +129,15 @@
         "@babel/template": "^7.24.7",
         "@babel/types": "^7.24.7",
         "@box/blueprint-web": "^12.7.1",
-        "@box/blueprint-web-assets": "^4.53.0",
-        "@box/box-ai-agent-selector": "^0.41.10",
+        "@box/blueprint-web-assets": "^4.60.0",
+        "@box/box-ai-agent-selector": "^0.48.5",
         "@box/box-ai-content-answers": "^0.124.1",
         "@box/cldr-data": "^34.2.0",
         "@box/combobox-with-api": "^0.34.9",
         "@box/frontend": "^11.0.1",
         "@box/item-icon": "^0.9.83",
         "@box/languages": "^1.0.0",
-        "@box/metadata-editor": "^0.117.0",
+        "@box/metadata-editor": "^0.122.0",
         "@box/react-virtualized": "^9.22.3-rc-box.10",
         "@cfaester/enzyme-adapter-react-18": "^0.8.0",
         "@chromatic-com/storybook": "^4.0.1",
@@ -292,13 +292,13 @@
     },
     "peerDependencies": {
         "@box/blueprint-web": "^12.7.1",
-        "@box/blueprint-web-assets": "^4.53.0",
-        "@box/box-ai-agent-selector": "^0.41.10",
+        "@box/blueprint-web-assets": "^4.60.0",
+        "@box/box-ai-agent-selector": "^0.48.5",
         "@box/box-ai-content-answers": "^0.124.1",
         "@box/cldr-data": ">=34.2.0",
         "@box/combobox-with-api": "^0.34.9",
         "@box/item-icon": "^0.9.83",
-        "@box/metadata-editor": "^0.117.0",
+        "@box/metadata-editor": "^0.122.0",
         "@box/react-virtualized": "^9.22.3-rc-box.10",
         "@hapi/address": "^2.1.4",
         "axios": "^0.30.0",

package/src/common/types/metadata.js

@@ -93,10 +93,15 @@ type MetadataCascadePolicy = {
     cascadePolicyType?: string,
 };
 
+type MetadataCascadePolicyConfiguration = {
+    agent: string,
+};
+
 type MetadataCascadingPolicyData = {
     id?: string,
     isEnabled: boolean,
     overwrite: boolean,
+    cascadePolicyConfiguration: MetadataCascadePolicyConfiguration | null,
 };
 
 type MetadataInstance = {
@@ -187,6 +192,7 @@ export type {
     MetadataQueryInstanceTypeField,
     MetadataType,
     MetadataCascadePolicy,
+    MetadataCascadePolicyConfiguration,
     MetadataCascadingPolicyData,
     MetadataInstanceV2,
     MetadataEditor,

package/src/elements/content-sidebar/SidebarNav.js

@@ -35,6 +35,7 @@ import {
 } from '../../constants';
 import { useFeatureConfig } from '../common/feature-checking';
 import type { NavigateOptions, AdditionalSidebarTab } from './flowTypes';
+import type { InternalSidebarNavigation, InternalSidebarNavigationHandler } from '../common/types/SidebarNavigation';
 import './SidebarNav.scss';
 import type { SignSidebarProps } from './SidebarNavSign';
 
@@ -49,10 +50,13 @@ type Props = {
     hasDocGen?: boolean,
     hasMetadata: boolean,
     hasSkills: boolean,
+    internalSidebarNavigation?: InternalSidebarNavigation,
+    internalSidebarNavigationHandler?: InternalSidebarNavigationHandler,
     intl: IntlShape,
     isOpen?: boolean,
     onNavigate?: (SyntheticEvent<>, NavigateOptions) => void,
     onPanelChange?: (name: string, isInitialState: boolean) => void,
+    routerDisabled?: boolean,
     signSidebarProps: SignSidebarProps,
 };
 
@@ -67,10 +71,13 @@ const SidebarNav = ({
     hasMetadata,
     hasSkills,
     hasDocGen = false,
+    internalSidebarNavigation,
+    internalSidebarNavigationHandler,
     intl,
     isOpen,
     onNavigate,
     onPanelChange = noop,
+    routerDisabled,
     signSidebarProps,
 }: Props) => {
     const { enabled: hasBoxSign } = signSidebarProps || {};
@@ -91,7 +98,14 @@ const SidebarNav = ({
     return (
         <div className="bcs-SidebarNav" aria-label={intl.formatMessage(messages.sidebarNavLabel)}>
             <div className="bcs-SidebarNav-tabs">
-                <SidebarNavTablist elementId={elementId} isOpen={isOpen} onNavigate={onNavigate}>
+                <SidebarNavTablist
+                    elementId={elementId}
+                    internalSidebarNavigation={internalSidebarNavigation}
+                    internalSidebarNavigationHandler={internalSidebarNavigationHandler}
+                    isOpen={isOpen}
+                    onNavigate={onNavigate}
+                    routerDisabled={routerDisabled}
+                >
                     {hasBoxAI && (
                         <SidebarNavButton
                             data-resin-target={SIDEBAR_NAV_TARGETS.BOXAI}
@@ -161,6 +175,7 @@ const SidebarNav = ({
                         <SidebarNavButton
                             data-resin-target={SIDEBAR_NAV_TARGETS.DOCGEN}
                             data-target-id="SidebarNavButton-docGen"
+                            data-testid="sidebardocgen"
                             onClick={handleSidebarNavButtonClick}
                             sidebarView={SIDEBAR_VIEW_DOCGEN}
                             tooltip={intl.formatMessage(messages.sidebarDocGenTooltip)}
@@ -177,13 +192,18 @@ const SidebarNav = ({
                 )}
 
                 {hasAdditionalTabs && (
-                    <div className="bcs-SidebarNav-overflow">
+                    <div className="bcs-SidebarNav-overflow" data-testid="additional-tabs-overflow">
                         <AdditionalTabs key={fileId} tabs={additionalTabs} />
                     </div>
                 )}
             </div>
             <div className="bcs-SidebarNav-footer">
-                <SidebarToggle isOpen={isOpen} />
+                <SidebarToggle
+                    internalSidebarNavigation={internalSidebarNavigation}
+                    internalSidebarNavigationHandler={internalSidebarNavigationHandler}
+                    isOpen={isOpen}
+                    routerDisabled={routerDisabled}
+                />
             </div>
         </div>
     );

package/src/elements/content-sidebar/SidebarNavTablist.js

@@ -9,50 +9,96 @@ import type { RouterHistory } from 'react-router-dom';
 import { withRouter } from 'react-router-dom';
 import { KEYS } from '../../constants';
 import type { NavigateOptions } from './flowTypes';
+import type { InternalSidebarNavigation, InternalSidebarNavigationHandler } from '../common/types/SidebarNavigation';
 
 type Props = {
     children: React.Node,
     elementId: string,
-    history: RouterHistory,
+    history?: RouterHistory,
+    internalSidebarNavigation?: InternalSidebarNavigation,
+    internalSidebarNavigationHandler?: InternalSidebarNavigationHandler,
     isOpen?: boolean,
     onNavigate?: (SyntheticEvent<>, NavigateOptions) => void,
+    routerDisabled?: boolean,
 };
 
-const SidebarNavTablist = ({ children, history, elementId, isOpen, onNavigate }: Props) => {
+const SidebarNavTablist = ({
+    children,
+    history,
+    elementId,
+    internalSidebarNavigation,
+    internalSidebarNavigationHandler,
+    isOpen,
+    onNavigate,
+    routerDisabled = false,
+}: Props) => {
     const refs = [];
-    const tablist = React.Children.map(children, child => child && `/${child.props.sidebarView}`);
-    const handleKeyDown = (event: SyntheticKeyboardEvent<>): void => {
-        const currentIndex = tablist.indexOf(history.location.pathname);
+    const tablist = React.Children.map(children, child => child && child.props.sidebarView);
+
+    const handleKeyDownWithRouter = (event: SyntheticKeyboardEvent<>): void => {
+        if (!history) return;
+
+        const currentPath = history.location.pathname.replace('/', '');
+        const currentIndex = tablist.indexOf(currentPath);
         const { length } = tablist;
         let nextIndex = currentIndex;
+
         switch (event.key) {
             case KEYS.arrowUp:
                 nextIndex = (currentIndex - 1 + length) % length;
-
-                history.push(tablist[nextIndex]);
-                if (refs.length > 0) {
-                    refs[nextIndex].focus();
-                }
-
-                event.stopPropagation();
-                event.preventDefault();
                 break;
             case KEYS.arrowDown:
                 nextIndex = (currentIndex + 1) % length;
+                break;
+            default:
+                return;
+        }
 
-                history.push(tablist[nextIndex]);
-                if (refs.length > 0) {
-                    refs[nextIndex].focus();
-                }
+        const nextTab = tablist[nextIndex];
+        history.push(`/${nextTab}`);
+
+        if (refs.length > nextIndex) {
+            refs[nextIndex].focus();
+        }
+
+        event.stopPropagation();
+        event.preventDefault();
+    };
+
+    const handleKeyDownWithoutRouter = (event: SyntheticKeyboardEvent<>): void => {
+        if (!internalSidebarNavigationHandler) return;
 
-                event.stopPropagation();
-                event.preventDefault();
+        const currentTab = internalSidebarNavigation?.sidebar;
+        const currentIndex = tablist.indexOf(currentTab);
+        const { length } = tablist;
+        let nextIndex = currentIndex;
+
+        switch (event.key) {
+            case KEYS.arrowUp:
+                nextIndex = (currentIndex - 1 + length) % length;
                 break;
-            default:
+            case KEYS.arrowDown:
+                nextIndex = (currentIndex + 1) % length;
                 break;
+            default:
+                return;
         }
+
+        const nextTab = tablist[nextIndex];
+        internalSidebarNavigationHandler({
+            sidebar: nextTab,
+        });
+
+        if (refs.length > nextIndex) {
+            refs[nextIndex].focus();
+        }
+
+        event.stopPropagation();
+        event.preventDefault();
     };
 
+    const handleKeyDown = routerDisabled ? handleKeyDownWithoutRouter : handleKeyDownWithRouter;
+
     return (
         <div
             aria-orientation="vertical"
@@ -68,8 +114,11 @@ const SidebarNavTablist = ({ children, history, elementId, isOpen, onNavigate }:
 
                 return React.cloneElement(tab, {
                     elementId,
+                    internalSidebarNavigation,
+                    internalSidebarNavigationHandler,
                     isOpen,
                     onNavigate,
+                    routerDisabled,
                     ref: ref => {
                         refs.push(ref);
                     },
@@ -80,4 +129,14 @@ const SidebarNavTablist = ({ children, history, elementId, isOpen, onNavigate }:
     );
 };
 
-export default withRouter(SidebarNavTablist);
+// Conditionally wrap with withRouter only when router is not disabled
+const SidebarNavTablistWithRouter = withRouter(SidebarNavTablist);
+
+const SidebarNavTablistWrapper = (props: Props) => {
+    if (props.routerDisabled) {
+        return <SidebarNavTablist {...props} />;
+    }
+    return <SidebarNavTablistWithRouter {...props} />;
+};
+
+export default SidebarNavTablistWrapper;