box-ui-elements 23.3.1-beta.1 → 23.4.0-beta.2

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;

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

@@ -11,6 +11,7 @@ type Props = {
     description?: string,
     displayName: string,
     error?: React.Node,
+    isDisabled?: boolean,
     onChange: (key: string, value: MetadataFieldValue) => void,
     onRemove: (key: string) => void,
     type: string,
@@ -22,6 +23,7 @@ const FloatMetadataField = ({
     displayName,
     description,
     error,
+    isDisabled,
     onChange,
     onRemove,
     type,
@@ -32,6 +34,7 @@ const FloatMetadataField = ({
         description={description}
         displayName={displayName}
         error={error}
+        isDisabled={isDisabled}
         onChange={(key: string, value: MetadataFieldValue) => {
             if (isValidValue(type, value)) {
                 onChange(key, value);

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

@@ -11,6 +11,7 @@ type Props = {
     description?: string,
     displayName: string,
     error?: React.Node,
+    isDisabled?: boolean,
     onChange: (key: string, value: MetadataFieldValue) => void,
     onRemove: (key: string) => void,
     type: string,
@@ -22,6 +23,7 @@ const IntegerMetadataField = ({
     displayName,
     description,
     error,
+    isDisabled,
     onChange,
     onRemove,
     type,
@@ -32,6 +34,7 @@ const IntegerMetadataField = ({
         description={description}
         displayName={displayName}
         error={error}
+        isDisabled={isDisabled}
         onChange={(key: string, value: MetadataFieldValue) => {
             if (isValidValue(type, value)) {
                 onChange(key, value);

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

@@ -31,6 +31,7 @@ type Props = {
     description?: string,
     displayName: string,
     error?: React.Node,
+    isDisabled?: boolean,
     isHidden?: boolean,
     onChange?: (key: string, value: MetadataFieldValue) => void,
     onRemove?: (key: string) => void,
@@ -45,6 +46,7 @@ const MetadataField = ({
     displayName,
     description,
     error,
+    isDisabled,
     isHidden,
     canEdit,
     onChange,
@@ -79,6 +81,7 @@ const MetadataField = ({
                     dataValue={dataValue}
                     description={description}
                     displayName={displayName}
+                    isDisabled={isDisabled}
                     onChange={onChange}
                     onRemove={onRemove}
                 />
@@ -92,6 +95,7 @@ const MetadataField = ({
                     description={description}
                     displayName={displayName}
                     error={error}
+                    isDisabled={isDisabled}
                     onChange={onChange}
                     onRemove={onRemove}
                     type={type}
@@ -106,6 +110,7 @@ const MetadataField = ({
                     description={description}
                     displayName={displayName}
                     error={error}
+                    isDisabled={isDisabled}
                     onChange={onChange}
                     onRemove={onRemove}
                     type={type}
@@ -120,6 +125,7 @@ const MetadataField = ({
                     dataValue={dataValue}
                     description={description}
                     displayName={displayName}
+                    isDisabled={isDisabled}
                     onChange={onChange}
                     onRemove={onRemove}
                     options={options}
@@ -134,6 +140,7 @@ const MetadataField = ({
                     dataValue={dataValue}
                     description={description}
                     displayName={displayName}
+                    isDisabled={isDisabled}
                     onChange={onChange}
                     onRemove={onRemove}
                     options={options}
@@ -147,6 +154,7 @@ const MetadataField = ({
                     dataValue={dataValue}
                     description={description}
                     displayName={displayName}
+                    isDisabled={isDisabled}
                     onChange={onChange}
                     onRemove={onRemove}
                 />

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

@@ -18,6 +18,7 @@ type Props = {
     dataValue?: MetadataFieldValue,
     description?: string,
     displayName: string,
+    isDisabled?: boolean,
     onChange: (key: string, value: MetadataFieldValue) => void,
     onRemove: (key: string) => void,
     options?: Array<MetadataTemplateFieldOption>,
@@ -29,6 +30,7 @@ const MultiSelectMetadataField = ({
     dataValue,
     displayName,
     description,
+    isDisabled,
     onChange,
     onRemove,
     options = [],
@@ -41,6 +43,7 @@ const MultiSelectMetadataField = ({
                 {!!description && <i className="bdl-MultiSelectMetadataField-desc">{description}</i>}
                 <MultiSelect
                     blurExceptionClassNames={blurExceptionClassNames}
+                    isDisabled={isDisabled}
                     isEscapedWithReference
                     isScrollable
                     onChange={(selectedOptions: Array<SelectOptionProp>) => {

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

@@ -1,6 +1,6 @@
 // @flow
 import * as React from 'react';
-import { injectIntl } from 'react-intl';
+import { useIntl } from 'react-intl';
 
 import TextInput from '../../components/text-input';
 
@@ -14,7 +14,7 @@ type Props = {
     description?: string,
     displayName: string,
     error?: React.Node,
-    intl: any,
+    isDisabled?: boolean,
     onChange: (key: string, value: MetadataFieldValue) => void,
     onRemove: (key: string) => void,
     type?: string,
@@ -26,11 +26,13 @@ const TextMetadataField = ({
     displayName,
     description,
     error,
-    intl,
+    isDisabled,
     onChange,
     onRemove,
     type = 'text',
 }: Props) => {
+    const { formatMessage } = useIntl();
+
     let value = '';
 
     if (typeof dataValue === 'number') {
@@ -45,6 +47,7 @@ const TextMetadataField = ({
             description={description}
             error={error}
             hideOptionalLabel
+            disabled={isDisabled}
             label={displayName}
             name={dataKey}
             onChange={(event: SyntheticKeyboardEvent<HTMLInputElement>) => {
@@ -55,12 +58,11 @@ const TextMetadataField = ({
                     onRemove(dataKey);
                 }
             }}
-            placeholder={intl.formatMessage(messages.metadataFieldSetValue)}
+            placeholder={formatMessage(messages.metadataFieldSetValue)}
             type={type}
             value={value}
         />
     );
 };
 
-export { TextMetadataField as TextMetadataFieldBase };
-export default injectIntl(TextMetadataField);
+export default TextMetadataField;

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

@@ -1,14 +1,65 @@
 import * as React from 'react';
+import { render, screen } from '../../../test-utils/testing-library';
 
-import { DateMetadataFieldBase as DateMetadataField } from '../DateMetadataField';
+import DateMetadataField from '../DateMetadataField';
 
-describe('features/metadata-instance-editor/fields/DateMetadataField', () => {
-    const intl = {
-        formatMessage: jest.fn(),
-    };
+describe('DateMetadataField', () => {
+    const getDateFieldBaseProps = (props = {}) => ({
+        dataKey: 'testKeyDate',
+        displayName: 'Test Date Field',
+        onChange: jest.fn(),
+        onRemove: jest.fn(),
+        dataValue: '2023-01-15T00:00:00.000Z',
+        canEdit: true,
+        ...props,
+    });
+
+    test('should correctly render a date field with its value', () => {
+        const testDate = '2024-07-26T00:00:00.000Z';
+        render(
+            <DateMetadataField
+                {...getDateFieldBaseProps({
+                    dataValue: testDate,
+                    displayName: 'My Test Date',
+                })}
+            />,
+        );
+
+        const dateInput = screen.getByRole('textbox', { name: 'My Test Date' });
+        expect(dateInput).toBeInTheDocument();
+        expect(dateInput).toHaveValue('July 26, 2024');
+    });
+
+    test('should display description when provided', () => {
+        const descriptionText = 'This is a date field description.';
+        render(
+            <DateMetadataField
+                {...getDateFieldBaseProps({
+                    displayName: 'My Date With Desc',
+                    description: descriptionText,
+                })}
+            />,
+        );
+
+        const dateInput = screen.getByRole('textbox', { name: 'My Date With Desc This is a date field description.' });
+        expect(dateInput).toBeInTheDocument();
+        expect(screen.getByText(descriptionText)).toBeInTheDocument();
+    });
+
+    test('should render as disabled when isDisabled is true', () => {
+        render(<DateMetadataField {...getDateFieldBaseProps({ isDisabled: true })} />);
+        expect(screen.getByRole('textbox', { name: 'Test Date Field' })).toBeDisabled();
+    });
+
+    test('should render as enabled when isDisabled is false', () => {
+        render(<DateMetadataField {...getDateFieldBaseProps({ isDisabled: false })} />);
+        expect(screen.getByRole('textbox', { name: 'Test Date Field' })).not.toBeDisabled();
+    });
 
-    test('should correctly render a date field', () => {
-        const wrapper = shallow(<DateMetadataField dataValue="2018-06-13T00:00:00.000Z" intl={intl} />);
-        expect(wrapper).toMatchSnapshot();
+    test('should render as enabled when isDisabled is not provided', () => {
+        const props = getDateFieldBaseProps();
+        delete props.isDisabled;
+        render(<DateMetadataField {...props} />);
+        expect(screen.getByRole('textbox', { name: 'Test Date Field' })).not.toBeDisabled();
     });
 });