box-ui-elements 23.3.0-beta.6 → 23.3.0-beta.8

package/src/components/flyout/__tests__/Flyout.test.js

@@ -336,10 +336,7 @@ describe('components/flyout/Flyout', () => {
                 if (shouldCloseOverlay) {
                     sandbox.mock(instance).expects('handleOverlayClose');
                 } else {
-                    sandbox
-                        .mock(instance)
-                        .expects('handleOverlayClose')
-                        .never();
+                    sandbox.mock(instance).expects('handleOverlayClose').never();
                 }
                 act(() => {
                     instance.handleOverlayClick(event);
@@ -432,10 +429,7 @@ describe('components/flyout/Flyout', () => {
 
             const instance = wrapper.instance();
             setTimeout(() => {
-                sandbox
-                    .mock(instance)
-                    .expects('openOverlay')
-                    .never();
+                sandbox.mock(instance).expects('openOverlay').never();
             }, 310); // default timeout is 300ms
 
             instance.handleButtonHover(event);
@@ -452,10 +446,7 @@ describe('components/flyout/Flyout', () => {
 
             const instance = wrapper.instance();
             setTimeout(() => {
-                sandbox
-                    .mock(instance)
-                    .expects('openOverlay')
-                    .never();
+                sandbox.mock(instance).expects('openOverlay').never();
             }, timeout - 10);
 
             setTimeout(() => {
@@ -485,6 +476,32 @@ describe('components/flyout/Flyout', () => {
         });
     });
 
+    describe('handleKeyPress()', () => {
+        test('should call openOverlay() and focusButton() when enter key is pressed', () => {
+            const wrapper = shallow(
+                <Flyout>
+                    <FakeButton />
+                    <FakeOverlay />
+                </Flyout>,
+            );
+
+            const instance = wrapper.instance();
+            const openOverlaySpy = sandbox.spy(instance, 'openOverlay');
+            const focusButtonSpy = sandbox.spy(instance, 'focusButton');
+
+            const event = {
+                key: 'Enter',
+                preventDefault: sandbox.spy(),
+            };
+
+            instance.handleKeyPress(event);
+
+            expect(openOverlaySpy.calledOnce).toBe(true);
+            expect(focusButtonSpy.calledOnce).toBe(true);
+            expect(event.preventDefault.calledOnce).toBe(true);
+        });
+    });
+
     describe('closeOverlay()', () => {
         [
             {
@@ -803,10 +820,7 @@ describe('components/flyout/Flyout', () => {
                         if (shouldCallCloseOverlay) {
                             sandbox.mock(instance).expects('closeOverlay');
                         } else {
-                            sandbox
-                                .mock(instance)
-                                .expects('closeOverlay')
-                                .never();
+                            sandbox.mock(instance).expects('closeOverlay').never();
                         }
 
                         if (isInsideToggleButton) {
@@ -833,10 +847,7 @@ describe('components/flyout/Flyout', () => {
                 const el = document.createElement('div');
                 el.innerHTML = '<div class="class"><div class="target"></div></div>';
 
-                sandbox
-                    .mock(instance)
-                    .expects('closeOverlay')
-                    .never();
+                sandbox.mock(instance).expects('closeOverlay').never();
 
                 instance.handleDocumentClickOrWindowBlur({
                     target: el.querySelector('.target'),

package/src/features/metadata-instance-editor/CascadePolicy.js

@@ -2,7 +2,8 @@
 import * as React from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { InlineNotice } from '@box/blueprint-web';
+import { BoxAiAgentSelector } from '@box/box-ai-agent-selector';
+import { InlineNotice, TooltipProvider } from '@box/blueprint-web';
 import BoxAiLogo from '@box/blueprint-web-assets/icons/Logo/BoxAiLogo';
 
 import Toggle from '../../components/toggle';
@@ -15,6 +16,20 @@ import './CascadePolicy.scss';
 const COMMUNITY_LINK = 'https://support.box.com/hc/en-us/articles/360044195873-Cascading-metadata-in-folders';
 const AI_LINK = 'https://www.box.com/ai';
 const PRICING_LINK = 'https://www.box.com/pricing';
+
+const agents = [
+    {
+        id: '1',
+        name: 'Basic',
+        isEnterpriseDefault: true,
+    },
+    {
+        id: '2',
+        name: 'Enhanced (Gemini 2.5 Pro)',
+        isEnterpriseDefault: false,
+    },
+];
+
 type Props = {
     canEdit: boolean,
     canUseAIFolderExtraction: boolean,
@@ -126,6 +141,17 @@ const CascadePolicy = ({
                                 <FormattedMessage {...messages.aiAutofillLearnMore} />
                             </Link>
                         </div>
+                        <div className="metadata-cascade-ai-agent-selector">
+                            <TooltipProvider>
+                                <BoxAiAgentSelector
+                                    agents={agents}
+                                    onErrorAction={() => {}}
+                                    requestState="success"
+                                    selectedAgent={agents[0]}
+                                    variant="sidebar"
+                                />
+                            </TooltipProvider>
+                        </div>
                         <InlineNotice className="metadata-cascade-ai-notice" variant="info">
                             <FormattedMessage
                                 {...messages.aiAutofillNotice}

package/src/features/metadata-instance-editor/CascadePolicy.scss

@@ -78,3 +78,7 @@ $cascade-policy-background: #f1e2fd;
         }
     }
 }
+
+.metadata-cascade-ai-agent-selector {
+    margin-top: 4px;
+}

package/src/features/metadata-instance-editor/__tests__/CascadePolicy.test.js

@@ -92,4 +92,11 @@ describe('features/metadata-instance-editor/CascadePolicy', () => {
             expect(pricingLink.closest('a')).toHaveAttribute('target', '_blank');
         });
     });
+
+    describe('AI Agent Selector', () => {
+        test('should render AI agent selector with default to basic when AI features are enabled', () => {
+            render(<CascadePolicy canEdit canUseAIFolderExtraction shouldShowCascadeOptions />);
+            expect(screen.getByRole('button', { name: 'Agent Basic' })).toBeInTheDocument();
+        });
+    });
 });