box-ui-elements 23.4.0-beta.1 → 23.4.0-beta.3

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

@@ -1,4 +1,6 @@
 import * as React from 'react';
+import userEvent from '@testing-library/user-event';
+import { render, screen } from '../../../test-utils/testing-library';
 
 import Instances from '../Instances';
 
@@ -182,6 +184,50 @@ const editor2 = {
 // State of editors from server
 const editorsOnServer = [editor1, editor2];
 
+const testInstanceFields = [
+    {
+        id: 'field1',
+        type: 'string',
+        key: 'stringfield',
+        displayName: 'String Field',
+        description: 'example of a string field',
+    },
+];
+
+const getInstancesBaseProps = (props = {}) => ({
+    editors: [
+        {
+            instance: {
+                id: 'test-instance-1',
+                canEdit: true,
+                data: { stringfield: 'value1' },
+                isDirty: false,
+                hasError: false,
+                isCascadingPolicyApplicable: true,
+                cascadePolicy: {
+                    id: 'policy-1',
+                    canEdit: true,
+                    isEnabled: true,
+                    scope: 'enterprise_123',
+                    cascadePolicyType: 'regular',
+                },
+            },
+            template: {
+                id: 'template-1',
+                displayName: 'Test Template Editor',
+                fields: testInstanceFields,
+                templateKey: 'editorTemplateKey',
+            },
+        },
+    ],
+    onSave: jest.fn(),
+    onModification: jest.fn(),
+    onRemove: jest.fn(),
+    canUseAIFolderExtraction: true,
+    isCascadingPolicyApplicable: true,
+    ...props,
+});
+
 describe('features/metadata-editor-editor/Instances', () => {
     test('should correctly render editors', () => {
         const wrapper = shallow(<Instances editors={editorsOnServer} />);
@@ -190,18 +236,61 @@ describe('features/metadata-editor-editor/Instances', () => {
 
     test('should correctly render instances with editors and a selected template', () => {
         const wrapper = shallow(<Instances editors={editorsOnServer} selectedTemplateKey="template1" />);
-        const selectedTemplate = wrapper.find('Instance').at(0);
+        const selectedTemplate = wrapper.find('injectIntl(Instance)').at(0);
         expect(selectedTemplate.prop('isOpen')).toBe(true);
         expect(selectedTemplate.prop('id')).toBe('editor1');
     });
 
     test('should correctly render instances with a selected template and multiple editors', () => {
         const wrapper = shallow(<Instances editors={editorsOnServer} selectedTemplateKey="template2" />);
-        const selectedTemplate = wrapper.find('Instance').at(1);
+        const selectedTemplate = wrapper.find('injectIntl(Instance)').at(1);
         expect(selectedTemplate.prop('isOpen')).toBe(true);
         expect(selectedTemplate.prop('id')).toBe('editor2');
-        const unselectedTemplate = wrapper.find('Instance').at(0);
+        const unselectedTemplate = wrapper.find('injectIntl(Instance)').at(0);
         expect(unselectedTemplate.prop('isOpen')).toBe(false);
         expect(unselectedTemplate.prop('id')).toBe('editor1');
     });
 });
+
+describe('Instances component - canUseAIFolderExtractionAgentSelector prop', () => {
+    test('should pass canUseAIFolderExtractionAgentSelector to child Instance components, showing agent selector', async () => {
+        render(
+            <Instances
+                {...getInstancesBaseProps({
+                    canUseAIFolderExtractionAgentSelector: true,
+                })}
+            />,
+        );
+
+        const editButton = screen.getByRole('button', { name: 'Edit Metadata' });
+        await userEvent.click(editButton);
+
+        expect(screen.getByRole('button', { name: 'Agent Basic' })).toBeInTheDocument();
+    });
+
+    test('should not show agent selector in child Instance if canUseAIFolderExtractionAgentSelector is false', async () => {
+        render(
+            <Instances
+                {...getInstancesBaseProps({
+                    canUseAIFolderExtractionAgentSelector: false,
+                })}
+            />,
+        );
+
+        const editButton = screen.getByRole('button', { name: 'Edit Metadata' });
+        await userEvent.click(editButton);
+
+        expect(screen.queryByRole('button', { name: 'Agent Basic' })).not.toBeInTheDocument();
+    });
+
+    test('should not show agent selector in child Instance if canUseAIFolderExtractionAgentSelector is undefined', async () => {
+        const props = getInstancesBaseProps();
+        delete props.canUseAIFolderExtractionAgentSelector;
+        render(<Instances {...props} />);
+
+        const editButton = screen.getByRole('button', { name: 'Edit Metadata' });
+        await userEvent.click(editButton);
+
+        expect(screen.queryByRole('button', { name: 'Agent Basic' })).not.toBeInTheDocument();
+    });
+});

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

@@ -1,4 +1,6 @@
 import * as React from 'react';
+import userEvent from '@testing-library/user-event';
+import { render, screen } from '../../../test-utils/testing-library';
 
 import MetadataInstanceEditor from '../MetadataInstanceEditor';
 import Instances from '../Instances';
@@ -443,6 +445,66 @@ const templatesOnServer = [template1, template2, template3, template4, template5
 // State of editors from server
 const editorsOnServer = [editor1, editor2, editor3, editor4, editor5];
 
+const testGrandchildInstanceFields = [
+    {
+        id: 'field1',
+        type: 'string',
+        key: 'stringfield',
+        displayName: 'String Field',
+        description: 'example of a string field',
+    },
+];
+
+const getMetadataEditorBaseProps = (props = {}) => ({
+    editors: [
+        {
+            instance: {
+                id: 'test-instance-editor-child-1',
+                canEdit: true,
+                data: { stringfield: 'valueForEditor' },
+                isDirty: false,
+                hasError: false,
+                isCascadingPolicyApplicable: true,
+                cascadePolicy: {
+                    id: 'policy-for-editor-1',
+                    canEdit: true,
+                    isEnabled: true,
+                    scope: 'enterprise_123',
+                    cascadePolicyType: 'regular',
+                },
+            },
+            template: {
+                id: 'template-for-editor-1',
+                displayName: 'Test Template In Editor',
+                fields: testGrandchildInstanceFields,
+                templateKey: 'editorChildTemplateKey',
+            },
+        },
+    ],
+    templates: [
+        {
+            id: 'template-for-editor-1',
+            templateKey: 'editorChildTemplateKey',
+            displayName: 'Test Template In Editor',
+            fields: testGrandchildInstanceFields,
+        },
+        {
+            id: 'template-for-editor-2',
+            templateKey: 'anotherEditorTemplateKey',
+            displayName: 'Another Test Template',
+            fields: [],
+        },
+    ],
+    onSave: jest.fn(),
+    onModification: jest.fn(),
+    onRemove: jest.fn(),
+    onAdd: jest.fn(),
+    canAdd: true,
+    canUseAIFolderExtraction: true,
+    isCascadingPolicyApplicable: true,
+    ...props,
+});
+
 describe('features/metadata-editor-editor/MetadataInstanceEditor', () => {
     test('should correctly render editors', () => {
         const wrapper = shallow(<MetadataInstanceEditor editors={editorsOnServer} templates={templatesOnServer} />);
@@ -471,3 +533,46 @@ describe('features/metadata-editor-editor/MetadataInstanceEditor', () => {
         expect(instances.prop('selectedTemplateKey')).toBe(selectedTemplateKey);
     });
 });
+
+describe('MetadataInstanceEditor - canUseAIFolderExtractionAgentSelector prop', () => {
+    test('should propagate canUseAIFolderExtractionAgentSelector, showing agent selector', async () => {
+        render(
+            <MetadataInstanceEditor
+                {...getMetadataEditorBaseProps({
+                    canUseAIFolderExtractionAgentSelector: true,
+                })}
+            />,
+        );
+
+        const editButton = await screen.findByRole('button', { name: 'Edit Metadata' }, { timeout: 3000 });
+        await userEvent.click(editButton);
+
+        expect(screen.getByRole('button', { name: 'Agent Basic' })).toBeInTheDocument();
+    });
+
+    test('should not show agent selector if canUseAIFolderExtractionAgentSelector is false', async () => {
+        render(
+            <MetadataInstanceEditor
+                {...getMetadataEditorBaseProps({
+                    canUseAIFolderExtractionAgentSelector: false,
+                })}
+            />,
+        );
+
+        const editButton = await screen.findByRole('button', { name: 'Edit Metadata' });
+        await userEvent.click(editButton);
+
+        expect(screen.queryByRole('button', { name: 'Agent Basic' })).not.toBeInTheDocument();
+    });
+
+    test('should not show agent selector if canUseAIFolderExtractionAgentSelector is undefined', async () => {
+        const props = getMetadataEditorBaseProps();
+        delete props.canUseAIFolderExtractionAgentSelector;
+        render(<MetadataInstanceEditor {...props} />);
+
+        const editButton = await screen.findByRole('button', { name: 'Edit Metadata' });
+        await userEvent.click(editButton);
+
+        expect(screen.queryByRole('button', { name: 'Agent Basic' })).not.toBeInTheDocument();
+    });
+});

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-
+import { render, screen } from '../../../test-utils/testing-library';
 import TemplatedInstance from '../TemplatedInstance';
 
 const data = {
@@ -118,6 +118,56 @@ const allFieldsHidden = [
 
 const noFieldsForTemplate = [];
 
+const testTemplateFields = [
+    {
+        id: 'field1',
+        type: 'string',
+        key: 'stringfield',
+        displayName: 'Test String Field',
+        description: 'A string field for testing.',
+    },
+    {
+        id: 'field2',
+        type: 'float',
+        key: 'floatfield',
+        displayName: 'Test Float Field',
+        description: 'A float field for testing.',
+    },
+    {
+        id: 'field3',
+        type: 'enum',
+        key: 'enumfield',
+        displayName: 'Test Enum Field',
+        description: 'An enum field for testing.',
+        options: [
+            { key: 'yes', displayName: 'Yes' },
+            { key: 'no', displayName: 'No' },
+        ],
+    },
+];
+
+const testTemplateData = {
+    stringfield: 'test string',
+    floatfield: 12.34,
+    enumfield: 'yes',
+};
+
+const getTemplatedInstanceBaseProps = (props = {}) => ({
+    template: {
+        id: 'template-id-1',
+        displayName: 'Test Template Name',
+        fields: testTemplateFields,
+        templateKey: 'testTemplateKeyForTemplated',
+    },
+    data: testTemplateData,
+    errors: {},
+    onFieldChange: jest.fn(),
+    onFieldRemove: jest.fn(),
+    canEdit: true,
+    isDisabled: false,
+    ...props,
+});
+
 describe('features/metadata-instance-editor/fields/TemplatedInstance', () => {
     test('should correctly render fields that are visible', () => {
         const wrapper = shallow(
@@ -161,3 +211,35 @@ describe('features/metadata-instance-editor/fields/TemplatedInstance', () => {
         expect(wrapper).toMatchSnapshot();
     });
 });
+
+describe('TemplatedInstance isDisabled prop', () => {
+    test('should render all fields as disabled when isDisabled is true', () => {
+        render(<TemplatedInstance {...getTemplatedInstanceBaseProps({ isDisabled: true })} />);
+
+        expect(screen.getByRole('textbox', { name: 'Test String Field A string field for testing.' })).toBeDisabled();
+        expect(screen.getByRole('textbox', { name: 'Test Float Field A float field for testing.' })).toBeDisabled();
+        expect(screen.getByRole('listbox', { name: 'Test Enum Field An enum field for testing.' })).toBeDisabled();
+    });
+
+    test('should render all fields as enabled when isDisabled is false', () => {
+        render(<TemplatedInstance {...getTemplatedInstanceBaseProps({ isDisabled: false })} />);
+
+        expect(
+            screen.getByRole('textbox', { name: 'Test String Field A string field for testing.' }),
+        ).not.toBeDisabled();
+        expect(screen.getByRole('textbox', { name: 'Test Float Field A float field for testing.' })).not.toBeDisabled();
+        expect(screen.getByRole('listbox', { name: 'Test Enum Field An enum field for testing.' })).not.toBeDisabled();
+    });
+
+    test('should render all fields as enabled when isDisabled is not provided (defaults to false)', () => {
+        const props = getTemplatedInstanceBaseProps();
+        delete props.isDisabled;
+        render(<TemplatedInstance {...props} />);
+
+        expect(
+            screen.getByRole('textbox', { name: 'Test String Field A string field for testing.' }),
+        ).not.toBeDisabled();
+        expect(screen.getByRole('textbox', { name: 'Test Float Field A float field for testing.' })).not.toBeDisabled();
+        expect(screen.getByRole('listbox', { name: 'Test Enum Field An enum field for testing.' })).not.toBeDisabled();
+    });
+});

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

@@ -40,6 +40,7 @@ exports[`features/metadata-instance-editor/CascadePolicy should correctly render
   >
     <div
       className="metadata-cascade-enable"
+      data-testid="metadata-cascade-enable"
     >
       <div>
         <MemoizedFormattedMessage

package/src/features/metadata-instance-editor/__tests__/__snapshots__/Instance.test.js.snap

@@ -69,6 +69,7 @@ exports[`features/metadata-instance-editor/fields/Instance collapsible isOpen pr
               }
             }
             errors={{}}
+            isDisabled={false}
             onFieldChange={[Function]}
             onFieldRemove={[Function]}
             template={
@@ -93,7 +94,7 @@ exports[`features/metadata-instance-editor/fields/Instance collapsible isOpen pr
 `;
 
 exports[`features/metadata-instance-editor/fields/Instance message id should be fileMetadataRemoveCustomTemplateConfirm 1`] = `
-<FormattedMessage
+<Memo(MemoizedFormattedMessage)
   defaultMessage="Are you sure you want to delete this custom metadata and all of its values from this file?"
   id="boxui.metadataInstanceEditor.fileMetadataRemoveCustomTemplateConfirm"
   values={
@@ -105,7 +106,7 @@ exports[`features/metadata-instance-editor/fields/Instance message id should be
 `;
 
 exports[`features/metadata-instance-editor/fields/Instance message id should be fileMetadataRemoveTemplateConfirm 1`] = `
-<FormattedMessage
+<Memo(MemoizedFormattedMessage)
   defaultMessage="Are you sure you want to delete "{metadataName}" and all of its values from this file?"
   id="boxui.metadataInstanceEditor.fileMetadataRemoveTemplateConfirm"
   values={
@@ -117,7 +118,7 @@ exports[`features/metadata-instance-editor/fields/Instance message id should be
 `;
 
 exports[`features/metadata-instance-editor/fields/Instance message id should be folderMetadataRemoveCustomTemplateConfirm 1`] = `
-<FormattedMessage
+<Memo(MemoizedFormattedMessage)
   defaultMessage="Are you sure you want to delete this custom metadata and all of its values? Any metadata template values already applied to files in this folder will not be deleted."
   id="boxui.metadataInstanceEditor.folderMetadataRemoveCustomTemplateConfirm"
   values={
@@ -129,7 +130,7 @@ exports[`features/metadata-instance-editor/fields/Instance message id should be
 `;
 
 exports[`features/metadata-instance-editor/fields/Instance message id should be folderMetadataRemoveTemplateConfirm 1`] = `
-<FormattedMessage
+<Memo(MemoizedFormattedMessage)
   defaultMessage="Are you sure you want to delete "{metadataName}" and all of its values? Any metadata template values already applied to files in this folder will not be deleted."
   id="boxui.metadataInstanceEditor.folderMetadataRemoveTemplateConfirm"
   values={
@@ -164,7 +165,7 @@ exports[`features/metadata-instance-editor/fields/Instance should correctly rend
         <span
           className="metadata-instance-editor-instance-title-text"
         >
-          <FormattedMessage
+          <Memo(MemoizedFormattedMessage)
             defaultMessage="Custom Metadata"
             id="boxui.metadataInstanceEditor.customTitle"
           />
@@ -255,6 +256,7 @@ exports[`features/metadata-instance-editor/fields/Instance should correctly rend
               }
             }
             errors={{}}
+            isDisabled={false}
             onFieldChange={[Function]}
             onFieldRemove={[Function]}
             template={
@@ -414,10 +416,12 @@ exports[`features/metadata-instance-editor/fields/Instance should correctly rend
         >
           <CascadePolicy
             canUseAIFolderExtraction={false}
+            canUseAIFolderExtractionAgentSelector={false}
             isAIFolderExtractionEnabled={false}
             isCascadingEnabled={true}
             isCascadingOverwritten={false}
             isCustomMetadata={false}
+            isExistingAIExtractionCascadePolicy={false}
             onAIFolderExtractionToggle={[Function]}
             onCascadeModeChange={[Function]}
             onCascadeToggle={[Function]}
@@ -437,6 +441,7 @@ exports[`features/metadata-instance-editor/fields/Instance should correctly rend
               }
             }
             errors={{}}
+            isDisabled={false}
             onFieldChange={[Function]}
             onFieldRemove={[Function]}
             template={
@@ -609,6 +614,7 @@ exports[`features/metadata-instance-editor/fields/Instance should correctly rend
               }
             }
             errors={{}}
+            isDisabled={false}
             onFieldChange={[Function]}
             onFieldRemove={[Function]}
             template={
@@ -799,6 +805,7 @@ exports[`features/metadata-instance-editor/fields/Instance should correctly rend
               }
             }
             errors={{}}
+            isDisabled={false}
             onFieldChange={[Function]}
             onFieldRemove={[Function]}
             template={
@@ -994,6 +1001,7 @@ exports[`features/metadata-instance-editor/fields/Instance should correctly rend
               }
             }
             errors={{}}
+            isDisabled={false}
             onFieldChange={[Function]}
             onFieldRemove={[Function]}
             template={
@@ -1098,6 +1106,7 @@ exports[`features/metadata-instance-editor/fields/Instance should correctly rend
               }
             }
             errors={{}}
+            isDisabled={false}
             onFieldChange={[Function]}
             onFieldRemove={[Function]}
             template={
@@ -1169,6 +1178,7 @@ exports[`features/metadata-instance-editor/fields/Instance should correctly rend
               }
             }
             errors={{}}
+            isDisabled={false}
             onFieldChange={[Function]}
             onFieldRemove={[Function]}
             template={
@@ -1346,6 +1356,7 @@ exports[`features/metadata-instance-editor/fields/Instance should not render foo
               }
             }
             errors={{}}
+            isDisabled={false}
             onFieldChange={[Function]}
             onFieldRemove={[Function]}
             template={

package/src/features/metadata-instance-editor/__tests__/__snapshots__/Instances.test.js.snap

@@ -2,9 +2,10 @@
 
 exports[`features/metadata-editor-editor/Instances should correctly render editors 1`] = `
 [
-  <Instance
+  <injectIntl(Instance)
     canEdit={true}
     canUseAIFolderExtraction={false}
+    canUseAIFolderExtractionAgentSelector={false}
     data={
       {
         "datefield": "2018-06-20T00:00:00.000Z",
@@ -107,9 +108,10 @@ exports[`features/metadata-editor-editor/Instances should correctly render edito
       }
     }
   />,
-  <Instance
+  <injectIntl(Instance)
     canEdit={false}
     canUseAIFolderExtraction={false}
+    canUseAIFolderExtractionAgentSelector={false}
     data={
       {
         "datefield": "2018-06-20T00:00:00.000Z",

package/src/features/metadata-instance-editor/__tests__/__snapshots__/MetadataInstanceEditor.test.js.snap

@@ -772,6 +772,7 @@ exports[`features/metadata-editor-editor/MetadataInstanceEditor should correctly
     >
       <Instances
         canUseAIFolderExtraction={false}
+        canUseAIFolderExtractionAgentSelector={false}
         editors={
           [
             {

package/src/features/metadata-instance-editor/__tests__/__snapshots__/TemplatedInstance.test.js.snap

@@ -5,7 +5,7 @@ exports[`features/metadata-instance-editor/fields/TemplatedInstance should corre
   <div
     className="attributes-hidden-message"
   >
-    <FormattedMessage
+    <MemoizedFormattedMessage
       defaultMessage="All attributes in this template have been hidden."
       id="boxui.metadataInstanceEditor.allAttributesAreHidden"
     />
@@ -165,7 +165,7 @@ exports[`features/metadata-instance-editor/fields/TemplatedInstance should corre
   <div
     className="no-attributes-message"
   >
-    <FormattedMessage
+    <MemoizedFormattedMessage
       defaultMessage="There are no attributes in this template."
       id="boxui.metadataInstanceEditor.noAttributesForTemplate"
     />

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

@@ -1,4 +1,6 @@
 // @flow
 
+const CASCADE_POLICY_TYPE_AI_EXTRACT = 'ai_extract';
 const TEMPLATE_CUSTOM_PROPERTIES: 'properties' = 'properties';
-export default TEMPLATE_CUSTOM_PROPERTIES;
+
+export { CASCADE_POLICY_TYPE_AI_EXTRACT, TEMPLATE_CUSTOM_PROPERTIES };

package/src/features/metadata-instance-fields/DateMetadataField.js

@@ -1,6 +1,6 @@
 // @flow
 import * as React from 'react';
-import { injectIntl } from 'react-intl';
+import { useIntl } from 'react-intl';
 
 import DatePicker from '../../components/date-picker';
 import { convertISOStringToUTCDate } from '../../utils/datetime';
@@ -13,34 +13,38 @@ type Props = {
     dataValue?: MetadataFieldValue,
     description?: string,
     displayName: string,
-    intl: any,
+    isDisabled?: boolean,
     onChange: (key: string, value: MetadataFieldValue) => void,
     onRemove: (key: string) => void,
 };
 
-const DateMetadataField = ({ dataKey, dataValue, displayName, description, intl, onChange, onRemove }: Props) => (
-    <DatePicker
-        className="bdl-DateMetadataField"
-        dateFormat="utcISOString"
-        description={description}
-        displayFormat={{
-            day: 'numeric',
-            month: 'long',
-            year: 'numeric',
-        }}
-        hideOptionalLabel
-        label={displayName}
-        onChange={(date: Date, isoDate: string) => {
-            if (isoDate) {
-                onChange(dataKey, isoDate);
-            } else {
-                onRemove(dataKey);
-            }
-        }}
-        placeholder={intl.formatMessage(messages.metadataFieldSetDate)}
-        value={typeof dataValue === 'string' ? convertISOStringToUTCDate(dataValue) : undefined}
-    />
-);
+const DateMetadataField = ({ dataKey, dataValue, displayName, description, isDisabled, onChange, onRemove }: Props) => {
+    const { formatMessage } = useIntl();
 
-export { DateMetadataField as DateMetadataFieldBase };
-export default injectIntl(DateMetadataField);
+    return (
+        <DatePicker
+            className="bdl-DateMetadataField"
+            dateFormat="utcISOString"
+            description={description}
+            displayFormat={{
+                day: 'numeric',
+                month: 'long',
+                year: 'numeric',
+            }}
+            hideOptionalLabel
+            isDisabled={isDisabled}
+            label={displayName}
+            onChange={(date: Date, isoDate: string) => {
+                if (isoDate) {
+                    onChange(dataKey, isoDate);
+                } else {
+                    onRemove(dataKey);
+                }
+            }}
+            placeholder={formatMessage(messages.metadataFieldSetDate)}
+            value={typeof dataValue === 'string' ? convertISOStringToUTCDate(dataValue) : undefined}
+        />
+    );
+};
+
+export default DateMetadataField;

package/src/features/metadata-instance-fields/EnumMetadataField.js

@@ -1,6 +1,6 @@
 // @flow
 import * as React from 'react';
-import { injectIntl } from 'react-intl';
+import { useIntl } from 'react-intl';
 
 import Label from '../../components/label/Label';
 import SingleSelectField from '../../components/select-field/SingleSelectField';
@@ -20,7 +20,7 @@ type Props = {
     dataValue?: MetadataFieldValue,
     description?: string,
     displayName: string,
-    intl: any,
+    isDisabled?: boolean,
     onChange: (key: string, value: MetadataFieldValue) => void,
     onRemove: (key: string) => void,
     options?: Array<MetadataTemplateFieldOption>,
@@ -32,7 +32,7 @@ const EnumMetadataField = ({
     dataValue,
     displayName,
     description,
-    intl,
+    isDisabled,
     onChange,
     onRemove,
     options = [],
@@ -43,7 +43,9 @@ const EnumMetadataField = ({
         isSelectable: true,
     }));
 
-    const defaultValue = intl.formatMessage(messages.metadataFieldSelectValue);
+    const { formatMessage } = useIntl();
+
+    const defaultValue = formatMessage(messages.metadataFieldSelectValue);
 
     selectOptions.unshift({
         displayText: defaultValue,
@@ -58,6 +60,7 @@ const EnumMetadataField = ({
                 <SingleSelectField
                     blurExceptionClassNames={blurExceptionClassNames}
                     isEscapedWithReference
+                    isDisabled={isDisabled}
                     isScrollable
                     onChange={(option: Option) => {
                         if (option.isSelectable) {
@@ -77,5 +80,4 @@ const EnumMetadataField = ({
     );
 };
 
-export { EnumMetadataField as EnumMetadataFieldBase };
-export default injectIntl(EnumMetadataField);
+export default EnumMetadataField;