box-ui-elements 23.4.0-beta.37 → 23.4.0-beta.39

package/i18n/pt-BR.properties

@@ -93,7 +93,7 @@ be.cancel = Cancelar
 # Label for choose action.
 be.choose = Escolher
 # Aria label for the clear selection button.
-be.clearSelection = Clear selection
+be.clearSelection = Limpar seleção
 # Label for close action.
 be.close = Fechar
 # Icon title for a Box item of type folder that has collaborators
@@ -605,7 +605,7 @@ be.noActivityAnnotationPrompt = Passe o mouse sobre a pré-visualização e use
 # Message shown in
 be.noActivityCommentPrompt = Comente e @mencione pessoas para notificá-las.
 # Text shown to indicate the number of files selected
-be.numFilesSelected =  {numSelected, plural, =0 {0 files selected} one {1 file selected} other {# files selected} } 
+be.numFilesSelected =  {numSelected,plural,=0{0 arquivos selecionados} one{1 arquivo selecionado} other{# arquivos selecionados}} 
 # Label for open action.
 be.open = Abrir
 # Next page button tooltip

package/i18n/ru-RU.js

@@ -46,7 +46,7 @@ export default {
   "be.breadcrumb.breadcrumbLabel": "Навигационная цепочка",
   "be.cancel": "Отмена",
   "be.choose": "Выбрать",
-  "be.clearSelection": "Clear selection",
+  "be.clearSelection": "Отменить выбор",
   "be.close": "Закрыть",
   "be.collaboratedFolder": "Папка совместной работы",
   "be.collapse": "Свернуть",
@@ -302,7 +302,7 @@ export default {
   "be.noActivity": "Нет действий",
   "be.noActivityAnnotationPrompt": "Наведите курсор на предпросмотр и используйте элементы управления в нижней части для добавления примечаний в файл.",
   "be.noActivityCommentPrompt": "Комментируйте и упоминайте пользователей, добавляя перед их именем символ «@».",
-  "be.numFilesSelected": "{numSelected, plural, =0 {0 files selected} one {1 file selected} other {# files selected} } ",
+  "be.numFilesSelected": "{numSelected,plural,=0{0 файлов выбрано} one{1 файл выбран} few{# файла выбрано} many{# файлов выбрано} other{# файлов выбрано}} ",
   "be.open": "Открыть",
   "be.pagination.nextPage": "Следующая страница",
   "be.pagination.nextPageButton": "Далее",

package/i18n/ru-RU.properties

@@ -93,7 +93,7 @@ be.cancel = Отмена
 # Label for choose action.
 be.choose = Выбрать
 # Aria label for the clear selection button.
-be.clearSelection = Clear selection
+be.clearSelection = Отменить выбор
 # Label for close action.
 be.close = Закрыть
 # Icon title for a Box item of type folder that has collaborators
@@ -605,7 +605,7 @@ be.noActivityAnnotationPrompt = Наведите курсор на предпр
 # Message shown in
 be.noActivityCommentPrompt = Комментируйте и упоминайте пользователей, добавляя перед их именем символ «@».
 # Text shown to indicate the number of files selected
-be.numFilesSelected =  {numSelected, plural, =0 {0 files selected} one {1 file selected} other {# files selected} } 
+be.numFilesSelected =  {numSelected,plural,=0{0 файлов выбрано} one{1 файл выбран} few{# файла выбрано} many{# файлов выбрано} other{# файлов выбрано}} 
 # Label for open action.
 be.open = Открыть
 # Next page button tooltip

package/i18n/sv-SE.js

@@ -46,7 +46,7 @@ export default {
   "be.breadcrumb.breadcrumbLabel": "Länkstig",
   "be.cancel": "Avbryt",
   "be.choose": "Välj",
-  "be.clearSelection": "Clear selection",
+  "be.clearSelection": "Rensa markering",
   "be.close": "Stäng",
   "be.collaboratedFolder": "Samlad mapp",
   "be.collapse": "Komprimera",
@@ -302,7 +302,7 @@ export default {
   "be.noActivity": "Ingen aktivitet att visa",
   "be.noActivityAnnotationPrompt": "Håll markören över förhandsgranskningen och använd reglagen längst ned för att göra anteckningar i filen.",
   "be.noActivityCommentPrompt": "Kommentera och @nämn personer för att meddela dem.",
-  "be.numFilesSelected": "{numSelected, plural, =0 {0 files selected} one {1 file selected} other {# files selected} } ",
+  "be.numFilesSelected": "{numSelected,plural,=0{0 filer valda} one{1 fil vald} other{# filer valda}} ",
   "be.open": "Öppna",
   "be.pagination.nextPage": "Nästa sida",
   "be.pagination.nextPageButton": "Nästa",

package/i18n/sv-SE.properties

@@ -93,7 +93,7 @@ be.cancel = Avbryt
 # Label for choose action.
 be.choose = Välj
 # Aria label for the clear selection button.
-be.clearSelection = Clear selection
+be.clearSelection = Rensa markering
 # Label for close action.
 be.close = Stäng
 # Icon title for a Box item of type folder that has collaborators
@@ -605,7 +605,7 @@ be.noActivityAnnotationPrompt = Håll markören över förhandsgranskningen och
 # Message shown in
 be.noActivityCommentPrompt = Kommentera och @nämn personer för att meddela dem.
 # Text shown to indicate the number of files selected
-be.numFilesSelected =  {numSelected, plural, =0 {0 files selected} one {1 file selected} other {# files selected} } 
+be.numFilesSelected =  {numSelected,plural,=0{0 filer valda} one{1 fil vald} other{# filer valda}} 
 # Label for open action.
 be.open = Öppna
 # Next page button tooltip

package/i18n/tr-TR.js

@@ -46,7 +46,7 @@ export default {
   "be.breadcrumb.breadcrumbLabel": "İçerik Haritası",
   "be.cancel": "İptal",
   "be.choose": "Seç",
-  "be.clearSelection": "Clear selection",
+  "be.clearSelection": "Seçimi temizle",
   "be.close": "Kapat",
   "be.collaboratedFolder": "İşbirliği Klasörü",
   "be.collapse": "Daralt",
@@ -302,7 +302,7 @@ export default {
   "be.noActivity": "Gösterilecek etkinlik yok",
   "be.noActivityAnnotationPrompt": "İmleci ön görüntülemenin üzerine getirin ve dosyaya açıklama eklemek için alttaki kontrolleri kullanın.",
   "be.noActivityCommentPrompt": "Bildirim alması için birinden @bahsedin ve hakkında yorum yapın.",
-  "be.numFilesSelected": "{numSelected, plural, =0 {0 files selected} one {1 file selected} other {# files selected} } ",
+  "be.numFilesSelected": "{numSelected,plural,=0{0 dosya seçildi} one{1 dosya seçildi} other{# dosya seçildi}} ",
   "be.open": "Aç",
   "be.pagination.nextPage": "Sonraki Sayfa",
   "be.pagination.nextPageButton": "İleri",

package/i18n/tr-TR.properties

@@ -93,7 +93,7 @@ be.cancel = İptal
 # Label for choose action.
 be.choose = Seç
 # Aria label for the clear selection button.
-be.clearSelection = Clear selection
+be.clearSelection = Seçimi temizle
 # Label for close action.
 be.close = Kapat
 # Icon title for a Box item of type folder that has collaborators
@@ -605,7 +605,7 @@ be.noActivityAnnotationPrompt = İmleci ön görüntülemenin üzerine getirin v
 # Message shown in
 be.noActivityCommentPrompt = Bildirim alması için birinden @bahsedin ve hakkında yorum yapın.
 # Text shown to indicate the number of files selected
-be.numFilesSelected =  {numSelected, plural, =0 {0 files selected} one {1 file selected} other {# files selected} } 
+be.numFilesSelected =  {numSelected,plural,=0{0 dosya seçildi} one{1 dosya seçildi} other{# dosya seçildi}} 
 # Label for open action.
 be.open = Aç
 # Next page button tooltip

package/i18n/zh-CN.js

@@ -46,7 +46,7 @@ export default {
   "be.breadcrumb.breadcrumbLabel": "阶层连结",
   "be.cancel": "取消",
   "be.choose": "选择",
-  "be.clearSelection": "Clear selection",
+  "be.clearSelection": "清除选择",
   "be.close": "关闭",
   "be.collaboratedFolder": "协作文件夹",
   "be.collapse": "折叠",
@@ -302,7 +302,7 @@ export default {
   "be.noActivity": "没有要显示的活动",
   "be.noActivityAnnotationPrompt": "将鼠标指针悬停在预览上，然后使用底部的控件为文件添加批注。",
   "be.noActivityCommentPrompt": "评论并用 @ 通知相关人员。",
-  "be.numFilesSelected": "{numSelected, plural, =0 {0 files selected} one {1 file selected} other {# files selected} } ",
+  "be.numFilesSelected": "{numSelected,plural,=0{已选择 0 个文件} other{已选择 # 个文件}} ",
   "be.open": "打开",
   "be.pagination.nextPage": "下一页",
   "be.pagination.nextPageButton": "下一页",

package/i18n/zh-CN.properties

@@ -93,7 +93,7 @@ be.cancel = 取消
 # Label for choose action.
 be.choose = 选择
 # Aria label for the clear selection button.
-be.clearSelection = Clear selection
+be.clearSelection = 清除选择
 # Label for close action.
 be.close = 关闭
 # Icon title for a Box item of type folder that has collaborators
@@ -605,7 +605,7 @@ be.noActivityAnnotationPrompt = 将鼠标指针悬停在预览上，然后使用
 # Message shown in
 be.noActivityCommentPrompt = 评论并用 @ 通知相关人员。
 # Text shown to indicate the number of files selected
-be.numFilesSelected =  {numSelected, plural, =0 {0 files selected} one {1 file selected} other {# files selected} } 
+be.numFilesSelected =  {numSelected,plural,=0{已选择 0 个文件} other{已选择 # 个文件}} 
 # Label for open action.
 be.open = 打开
 # Next page button tooltip

package/i18n/zh-TW.js

@@ -46,7 +46,7 @@ export default {
   "be.breadcrumb.breadcrumbLabel": "階層連結",
   "be.cancel": "取消",
   "be.choose": "選擇",
-  "be.clearSelection": "Clear selection",
+  "be.clearSelection": "清除選擇",
   "be.close": "關閉",
   "be.collaboratedFolder": "共同作業資料夾",
   "be.collapse": "摺疊",
@@ -302,7 +302,7 @@ export default {
   "be.noActivity": "沒有可顯示的活動",
   "be.noActivityAnnotationPrompt": "將游標停留在預覽上方，並使用底部的控制項為檔案新增註解。",
   "be.noActivityCommentPrompt": "留言並「@提及」人員來通知人員。",
-  "be.numFilesSelected": "{numSelected, plural, =0 {0 files selected} one {1 file selected} other {# files selected} } ",
+  "be.numFilesSelected": "{numSelected,plural,=0{0 個檔案已選取} one{1 個檔案已選取} other{# 個檔案已選取}} ",
   "be.open": "開啟",
   "be.pagination.nextPage": "下一頁",
   "be.pagination.nextPageButton": "下一步",

package/i18n/zh-TW.properties

@@ -93,7 +93,7 @@ be.cancel = 取消
 # Label for choose action.
 be.choose = 選擇
 # Aria label for the clear selection button.
-be.clearSelection = Clear selection
+be.clearSelection = 清除選擇
 # Label for close action.
 be.close = 關閉
 # Icon title for a Box item of type folder that has collaborators
@@ -605,7 +605,7 @@ be.noActivityAnnotationPrompt = 將游標停留在預覽上方，並使用底部
 # Message shown in
 be.noActivityCommentPrompt = 留言並「@提及」人員來通知人員。
 # Text shown to indicate the number of files selected
-be.numFilesSelected =  {numSelected, plural, =0 {0 files selected} one {1 file selected} other {# files selected} } 
+be.numFilesSelected =  {numSelected,plural,=0{0 個檔案已選取} one{1 個檔案已選取} other{# 個檔案已選取}} 
 # Label for open action.
 be.open = 開啟
 # Next page button tooltip

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "box-ui-elements",
-    "version": "23.4.0-beta.37",
+    "version": "23.4.0-beta.39",
     "description": "Box UI Elements",
     "author": "Box (https://www.box.com/)",
     "license": "SEE LICENSE IN LICENSE",
@@ -130,7 +130,7 @@
         "@babel/types": "^7.24.7",
         "@box/blueprint-web": "12.43.0",
         "@box/blueprint-web-assets": "4.61.5",
-        "@box/box-ai-agent-selector": "^0.48.5",
+        "@box/box-ai-agent-selector": "^0.52.0",
         "@box/box-ai-content-answers": "^0.124.1",
         "@box/box-item-type-selector": "^0.61.12",
         "@box/cldr-data": "^34.2.0",
@@ -299,7 +299,7 @@
     "peerDependencies": {
         "@box/blueprint-web": "12.43.0",
         "@box/blueprint-web-assets": "4.61.5",
-        "@box/box-ai-agent-selector": "^0.48.5",
+        "@box/box-ai-agent-selector": "^0.52.0",
         "@box/box-ai-content-answers": "^0.124.1",
         "@box/box-item-type-selector": "^0.61.12",
         "@box/cldr-data": ">=34.2.0",

package/src/common/types/metadata.js

@@ -87,14 +87,15 @@ type MetadataType = {
     global?: MetadataSkillsTemplate,
 };
 
+type MetadataCascadePolicyConfiguration = {
+    agent: string,
+};
+
 type MetadataCascadePolicy = {
     canEdit?: boolean,
     id?: string,
     cascadePolicyType?: string,
-};
-
-type MetadataCascadePolicyConfiguration = {
-    agent: string,
+    cascadePolicyConfiguration?: MetadataCascadePolicyConfiguration,
 };
 
 type MetadataCascadingPolicyData = {

package/src/elements/content-explorer/stories/tests/MetadataView-visual.stories.tsx

@@ -5,45 +5,61 @@ import ContentExplorer from '../../ContentExplorer';
 import { DEFAULT_HOSTNAME_API } from '../../../../constants';
 import { mockMetadata, mockSchema } from '../../../common/__mocks__/mockMetadata';
 
-const EID = '0';
-const templateName = 'templateName';
-const metadataSource = `enterprise_${EID}.${templateName}`;
-const metadataSourceFieldName = `metadata.${metadataSource}`;
+// The intent behind relying on mockMetadata is to allow a developer to paste in their own metadata template schema for use with live API calls.
+const { scope: templateScope, templateKey } = mockSchema;
 
-const metadataQuery = {
-    from: metadataSource,
-
-    // // Filter items in the folder by existing metadata key
-    // query: 'key = :arg1',
-    //
-    // // Display items with value
-    // query_params: { arg1: 'value' },
+const metadataScopeAndKey = `${templateScope}.${templateKey}`;
+const metadataFieldNamePrefix = `metadata.${metadataScopeAndKey}`;
 
-    ancestor_folder_id: '313259567207',
+// This is the body of the metadata query API call.
+// https://developer.box.com/guides/metadata/queries/syntax/
+const metadataQuery = {
+    from: metadataScopeAndKey,
+    ancestor_folder_id: '0',
+    sort_by: [
+        {
+            field_key: `${metadataFieldNamePrefix}.${mockSchema.fields[0].key}`, // Default to sorting by the first field in the schema
+            direction: 'asc',
+        },
+    ],
     fields: [
-        `${metadataSourceFieldName}.name`,
-        `${metadataSourceFieldName}.industry`,
-        `${metadataSourceFieldName}.last_contacted_at`,
-        `${metadataSourceFieldName}.role`,
+        // Default to returning all fields in the metadata template schema, and name as a standalone (non-metadata) field
+        ...mockSchema.fields.map(field => `${metadataFieldNamePrefix}.${field.key}`),
+        'name',
     ],
 };
 
+// Used for metadata view v1
 const fieldsToShow = [
-    { key: `${metadataSourceFieldName}.name`, canEdit: false, displayName: 'Alias' },
-    { key: `${metadataSourceFieldName}.industry`, canEdit: true },
-    { key: `${metadataSourceFieldName}.last_contacted_at`, canEdit: true },
-    { key: `${metadataSourceFieldName}.role`, canEdit: true },
+    { key: `${metadataFieldNamePrefix}.name`, canEdit: false, displayName: 'Alias' },
+    { key: `${metadataFieldNamePrefix}.industry`, canEdit: true },
+    { key: `${metadataFieldNamePrefix}.last_contacted_at`, canEdit: true },
+    { key: `${metadataFieldNamePrefix}.role`, canEdit: true },
+];
+
+// Used for metadata view v2
+const columns = [
+    {
+        // Always include the name column
+        textValue: 'Name',
+        id: 'name',
+        type: 'string',
+        allowSorting: true,
+        minWidth: 150,
+        maxWidth: 150,
+    },
+    ...mockSchema.fields.map(field => ({
+        textValue: field.displayName,
+        id: `${metadataFieldNamePrefix}.${field.key}`,
+        type: field.type,
+        allowSorting: true,
+        minWidth: 150,
+        maxWidth: 150,
+    })),
 ];
 
-const columns = mockSchema.fields.map(field => ({
-    textValue: field.displayName,
-    id: `${metadataSourceFieldName}.${field.key}`,
-    type: field.type,
-    allowSorting: true,
-    minWidth: 150,
-    maxWidth: 150,
-}));
-const defaultView = 'metadata'; // Required prop to paint the metadata view. If not provided, you'll get regular folder view.
+// Switches ContentExplorer to use Metadata View over standard, folder-based view.
+const defaultView = 'metadata';
 
 type Story = StoryObj<typeof ContentExplorer>;
 
@@ -55,7 +71,7 @@ export const metadataView: Story = {
     },
 };
 
-export const withNewMetadataView: Story = {
+export const metadataViewV2: Story = {
     args: {
         metadataViewProps: {
             columns,

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

@@ -18,7 +18,8 @@ import Link from '../../components/link/Link';
 import IconAlertDefault from '../../icons/general/IconAlertDefault';
 import messages from './messages';
 import './CascadePolicy.scss';
-import { STANDARD_AGENT_ID, ENHANCED_AGENT_ID } from './constants';
+import { STANDARD_AGENT_ID, ENHANCED_AGENT_ID, ENHANCED_AGENT_CONFIGURATION } from './constants';
+import type { MetadataCascadePolicyConfiguration } from '../../common/types/metadata';
 
 const COMMUNITY_LINK = 'https://support.box.com/hc/en-us/articles/360044195873-Cascading-metadata-in-folders';
 const AI_LINK = 'https://www.box.com/ai';
@@ -27,6 +28,7 @@ type Props = {
     canEdit: boolean,
     canUseAIFolderExtraction: boolean,
     canUseAIFolderExtractionAgentSelector: boolean,
+    cascadePolicyConfiguration?: MetadataCascadePolicyConfiguration,
     isAIFolderExtractionEnabled: boolean,
     isCascadingEnabled: boolean,
     isCascadingOverwritten: boolean,
@@ -43,6 +45,7 @@ const CascadePolicy = ({
     canEdit,
     canUseAIFolderExtraction,
     canUseAIFolderExtractionAgentSelector,
+    cascadePolicyConfiguration,
     isCascadingEnabled,
     isCascadingOverwritten,
     isCustomMetadata,
@@ -62,6 +65,8 @@ const CascadePolicy = ({
         </div>
     ) : null;
 
+    const isEnhancedAgentSelected = cascadePolicyConfiguration?.agent === ENHANCED_AGENT_CONFIGURATION;
+
     const agents = React.useMemo(
         () => [
             {
@@ -74,9 +79,10 @@ const CascadePolicy = ({
                 name: formatMessage(messages.enhancedAgentName),
                 isEnterpriseDefault: false,
                 customIcon: BoxAiAdvancedColor,
+                isSelected: isEnhancedAgentSelected,
             },
         ],
-        [formatMessage],
+        [formatMessage, isEnhancedAgentSelected],
     );
 
     // BoxAiAgentSelectorWithApiContainer expects a function that returns a Promise<AgentListResponse>

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

@@ -700,6 +700,7 @@ class Instance extends React.PureComponent<Props, State> {
                                 <div className="metadata-instance-editor-instance">
                                     {isCascadingPolicyApplicable && (
                                         <CascadePolicy
+                                            cascadePolicyConfiguration={cascadePolicy?.cascadePolicyConfiguration}
                                             canEdit={isEditing && !!cascadePolicy.canEdit}
                                             canUseAIFolderExtraction={canUseAIFolderExtraction}
                                             canUseAIFolderExtractionAgentSelector={

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

@@ -176,6 +176,51 @@ describe('features/metadata-instance-editor/CascadePolicy', () => {
 
             expect(onAIAgentSelect).toHaveBeenCalledWith(expectedAgent);
         });
+
+        test('should render with cascadePolicyConfiguration prop and select enhanced agent if configured', async () => {
+            const cascadePolicyConfiguration = {
+                agent: 'enhanced_extract_agent',
+            };
+            render(
+                <CascadePolicy
+                    canEdit
+                    canUseAIFolderExtraction
+                    canUseAIFolderExtractionAgentSelector
+                    shouldShowCascadeOptions
+                    isAIFolderExtractionEnabled
+                    cascadePolicyConfiguration={cascadePolicyConfiguration}
+                    onAIFolderExtractionToggle={jest.fn()}
+                />,
+            );
+            const aiToggle = screen.getByRole('switch', { name: 'Box AI Autofill' });
+            await userEvent.click(aiToggle); // Enable AI
+
+            expect(aiToggle).toBeChecked();
+
+            // The Enhanced agent should be selected in the combobox
+            const combobox = screen.getByRole('combobox', { name: 'Enhanced' });
+            expect(combobox).toBeInTheDocument();
+        });
+
+        test('should render standard agent if cascadePolicyConfiguration is undefined', async () => {
+            render(
+                <CascadePolicy
+                    canEdit
+                    canUseAIFolderExtraction
+                    canUseAIFolderExtractionAgentSelector
+                    shouldShowCascadeOptions
+                    isAIFolderExtractionEnabled
+                    onAIFolderExtractionToggle={jest.fn()}
+                />,
+            );
+            const aiToggle = screen.getByRole('switch', { name: 'Box AI Autofill' });
+            await userEvent.click(aiToggle); // Enable AI
+
+            expect(aiToggle).toBeChecked();
+
+            // Should default to Standard agent
+            expect(screen.getByRole('combobox', { name: 'Standard' })).toBeInTheDocument();
+        });
     });
 
     describe('AI Autofill Toggle', () => {