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

package/es/features/metadata-instance-editor/TemplatedInstance.js

@@ -9,6 +9,7 @@ const TemplatedInstance = ({
   canEdit,
   data = {},
   errors,
+  isDisabled,
   onFieldChange,
   onFieldRemove,
   template
@@ -32,6 +33,7 @@ const TemplatedInstance = ({
     description: field.description,
     displayName: field.displayName,
     error: errors[field.key],
+    isDisabled: isDisabled,
     isHidden: isHidden(field) // Checking both isHidden and hidden attributes due to differences in V2 and V3 APIs
     ,
     onChange: (key, value) => {

package/es/features/metadata-instance-editor/TemplatedInstance.js.flow

@@ -13,12 +13,21 @@ type Props = {
     canEdit: boolean,
     data: MetadataFields,
     errors: { [string]: React.Node },
+    isDisabled?: boolean,
     onFieldChange?: (key: string, value: MetadataFieldValue, type: string) => void,
     onFieldRemove?: (key: string) => void,
     template: MetadataTemplate,
 };
 
-const TemplatedInstance = ({ canEdit, data = {}, errors, onFieldChange, onFieldRemove, template }: Props) => {
+const TemplatedInstance = ({
+    canEdit,
+    data = {},
+    errors,
+    isDisabled,
+    onFieldChange,
+    onFieldRemove,
+    template,
+}: Props) => {
     const { fields = [] } = template;
     const hasFields = fields.length > 0;
     const hasVisibleFields = hasFields && fields.some(field => !isHidden(field));
@@ -39,6 +48,7 @@ const TemplatedInstance = ({ canEdit, data = {}, errors, onFieldChange, onFieldR
                         description={field.description}
                         displayName={field.displayName}
                         error={errors[field.key]}
+                        isDisabled={isDisabled}
                         isHidden={isHidden(field)} // Checking both isHidden and hidden attributes due to differences in V2 and V3 APIs
                         onChange={(key: string, value: MetadataFieldValue) => {
                             if (canEdit && onFieldChange) {

package/es/features/metadata-instance-editor/TemplatedInstance.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplatedInstance.js","names":["React","FormattedMessage","MetadataField","messages","isHidden","MetadataInstanceEditorContext","TemplatedInstance","canEdit","data","errors","onFieldChange","onFieldRemove","template","fields","hasFields","length","hasVisibleFields","some","field","showNoFieldsMessage","showHiddenFieldsMessage","blurExceptionClassNames","useContext","createElement","Fragment","map","key","id","dataKey","dataValue","description","displayName","error","onChange","value","type","onRemove","options","className","allAttributesAreHidden","noAttributesForTemplate"],"sources":["../../../src/features/metadata-instance-editor/TemplatedInstance.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport MetadataField from '../metadata-instance-fields/MetadataField';\nimport messages from './messages';\nimport { isHidden } from './metadataUtil';\nimport type { MetadataFields, MetadataTemplate, MetadataFieldValue } from '../../common/types/metadata';\nimport MetadataInstanceEditorContext from './MetadataInstanceEditorContext';\nimport './TemplatedInstance.scss';\n\ntype Props = {\n    canEdit: boolean,\n    data: MetadataFields,\n    errors: { [string]: React.Node },\n    onFieldChange?: (key: string, value: MetadataFieldValue, type: string) => void,\n    onFieldRemove?: (key: string) => void,\n    template: MetadataTemplate,\n};\n\nconst TemplatedInstance = ({ canEdit, data = {}, errors, onFieldChange, onFieldRemove, template }: Props) => {\n    const { fields = [] } = template;\n    const hasFields = fields.length > 0;\n    const hasVisibleFields = hasFields && fields.some(field => !isHidden(field));\n    const showNoFieldsMessage = !hasFields;\n    const showHiddenFieldsMessage = hasFields && !hasVisibleFields;\n    const { blurExceptionClassNames } = React.useContext(MetadataInstanceEditorContext);\n\n    return (\n        <>\n            {hasVisibleFields &&\n                fields.map(field => (\n                    <MetadataField\n                        key={field.id}\n                        blurExceptionClassNames={blurExceptionClassNames}\n                        canEdit={canEdit}\n                        dataKey={field.key}\n                        dataValue={data[field.key]}\n                        description={field.description}\n                        displayName={field.displayName}\n                        error={errors[field.key]}\n                        isHidden={isHidden(field)} // Checking both isHidden and hidden attributes due to differences in V2 and V3 APIs\n                        onChange={(key: string, value: MetadataFieldValue) => {\n                            if (canEdit && onFieldChange) {\n                                onFieldChange(key, value, field.type);\n                            }\n                        }}\n                        onRemove={(key: string) => {\n                            if (canEdit && onFieldRemove) {\n                                onFieldRemove(key);\n                            }\n                        }}\n                        options={field.options}\n                        type={field.type}\n                    />\n                ))}\n            {showHiddenFieldsMessage && (\n                <div className=\"attributes-hidden-message\">\n                    <FormattedMessage {...messages.allAttributesAreHidden} />\n                </div>\n            )}\n            {showNoFieldsMessage && (\n                <div className=\"no-attributes-message\">\n                    <FormattedMessage {...messages.noAttributesForTemplate} />\n                </div>\n            )}\n        </>\n    );\n};\n\nexport default TemplatedInstance;\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,gBAAgB,QAAQ,YAAY;AAE7C,OAAOC,aAAa,MAAM,2CAA2C;AACrE,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,QAAQ,QAAQ,gBAAgB;AAEzC,OAAOC,6BAA6B,MAAM,iCAAiC;AAC3E,OAAO,0BAA0B;AAWjC,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,OAAO;EAAEC,IAAI,GAAG,CAAC,CAAC;EAAEC,MAAM;EAAEC,aAAa;EAAEC,aAAa;EAAEC;AAAgB,CAAC,KAAK;EACzG,MAAM;IAAEC,MAAM,GAAG;EAAG,CAAC,GAAGD,QAAQ;EAChC,MAAME,SAAS,GAAGD,MAAM,CAACE,MAAM,GAAG,CAAC;EACnC,MAAMC,gBAAgB,GAAGF,SAAS,IAAID,MAAM,CAACI,IAAI,CAACC,KAAK,IAAI,CAACd,QAAQ,CAACc,KAAK,CAAC,CAAC;EAC5E,MAAMC,mBAAmB,GAAG,CAACL,SAAS;EACtC,MAAMM,uBAAuB,GAAGN,SAAS,IAAI,CAACE,gBAAgB;EAC9D,MAAM;IAAEK;EAAwB,CAAC,GAAGrB,KAAK,CAACsB,UAAU,CAACjB,6BAA6B,CAAC;EAEnF,oBACIL,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAwB,QAAA,QACKR,gBAAgB,IACbH,MAAM,CAACY,GAAG,CAACP,KAAK,iBACZlB,KAAA,CAAAuB,aAAA,CAACrB,aAAa;IACVwB,GAAG,EAAER,KAAK,CAACS,EAAG;IACdN,uBAAuB,EAAEA,uBAAwB;IACjDd,OAAO,EAAEA,OAAQ;IACjBqB,OAAO,EAAEV,KAAK,CAACQ,GAAI;IACnBG,SAAS,EAAErB,IAAI,CAACU,KAAK,CAACQ,GAAG,CAAE;IAC3BI,WAAW,EAAEZ,KAAK,CAACY,WAAY;IAC/BC,WAAW,EAAEb,KAAK,CAACa,WAAY;IAC/BC,KAAK,EAAEvB,MAAM,CAACS,KAAK,CAACQ,GAAG,CAAE;IACzBtB,QAAQ,EAAEA,QAAQ,CAACc,KAAK,CAAE,CAAC;IAAA;IAC3Be,QAAQ,EAAEA,CAACP,GAAW,EAAEQ,KAAyB,KAAK;MAClD,IAAI3B,OAAO,IAAIG,aAAa,EAAE;QAC1BA,aAAa,CAACgB,GAAG,EAAEQ,KAAK,EAAEhB,KAAK,CAACiB,IAAI,CAAC;MACzC;IACJ,CAAE;IACFC,QAAQ,EAAGV,GAAW,IAAK;MACvB,IAAInB,OAAO,IAAII,aAAa,EAAE;QAC1BA,aAAa,CAACe,GAAG,CAAC;MACtB;IACJ,CAAE;IACFW,OAAO,EAAEnB,KAAK,CAACmB,OAAQ;IACvBF,IAAI,EAAEjB,KAAK,CAACiB;EAAK,CACpB,CACJ,CAAC,EACLf,uBAAuB,iBACpBpB,KAAA,CAAAuB,aAAA;IAAKe,SAAS,EAAC;EAA2B,gBACtCtC,KAAA,CAAAuB,aAAA,CAACtB,gBAAgB,EAAKE,QAAQ,CAACoC,sBAAyB,CACvD,CACR,EACApB,mBAAmB,iBAChBnB,KAAA,CAAAuB,aAAA;IAAKe,SAAS,EAAC;EAAuB,gBAClCtC,KAAA,CAAAuB,aAAA,CAACtB,gBAAgB,EAAKE,QAAQ,CAACqC,uBAA0B,CACxD,CAEX,CAAC;AAEX,CAAC;AAED,eAAelC,iBAAiB","ignoreList":[]}
+{"version":3,"file":"TemplatedInstance.js","names":["React","FormattedMessage","MetadataField","messages","isHidden","MetadataInstanceEditorContext","TemplatedInstance","canEdit","data","errors","isDisabled","onFieldChange","onFieldRemove","template","fields","hasFields","length","hasVisibleFields","some","field","showNoFieldsMessage","showHiddenFieldsMessage","blurExceptionClassNames","useContext","createElement","Fragment","map","key","id","dataKey","dataValue","description","displayName","error","onChange","value","type","onRemove","options","className","allAttributesAreHidden","noAttributesForTemplate"],"sources":["../../../src/features/metadata-instance-editor/TemplatedInstance.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport MetadataField from '../metadata-instance-fields/MetadataField';\nimport messages from './messages';\nimport { isHidden } from './metadataUtil';\nimport type { MetadataFields, MetadataTemplate, MetadataFieldValue } from '../../common/types/metadata';\nimport MetadataInstanceEditorContext from './MetadataInstanceEditorContext';\nimport './TemplatedInstance.scss';\n\ntype Props = {\n    canEdit: boolean,\n    data: MetadataFields,\n    errors: { [string]: React.Node },\n    isDisabled?: boolean,\n    onFieldChange?: (key: string, value: MetadataFieldValue, type: string) => void,\n    onFieldRemove?: (key: string) => void,\n    template: MetadataTemplate,\n};\n\nconst TemplatedInstance = ({\n    canEdit,\n    data = {},\n    errors,\n    isDisabled,\n    onFieldChange,\n    onFieldRemove,\n    template,\n}: Props) => {\n    const { fields = [] } = template;\n    const hasFields = fields.length > 0;\n    const hasVisibleFields = hasFields && fields.some(field => !isHidden(field));\n    const showNoFieldsMessage = !hasFields;\n    const showHiddenFieldsMessage = hasFields && !hasVisibleFields;\n    const { blurExceptionClassNames } = React.useContext(MetadataInstanceEditorContext);\n\n    return (\n        <>\n            {hasVisibleFields &&\n                fields.map(field => (\n                    <MetadataField\n                        key={field.id}\n                        blurExceptionClassNames={blurExceptionClassNames}\n                        canEdit={canEdit}\n                        dataKey={field.key}\n                        dataValue={data[field.key]}\n                        description={field.description}\n                        displayName={field.displayName}\n                        error={errors[field.key]}\n                        isDisabled={isDisabled}\n                        isHidden={isHidden(field)} // Checking both isHidden and hidden attributes due to differences in V2 and V3 APIs\n                        onChange={(key: string, value: MetadataFieldValue) => {\n                            if (canEdit && onFieldChange) {\n                                onFieldChange(key, value, field.type);\n                            }\n                        }}\n                        onRemove={(key: string) => {\n                            if (canEdit && onFieldRemove) {\n                                onFieldRemove(key);\n                            }\n                        }}\n                        options={field.options}\n                        type={field.type}\n                    />\n                ))}\n            {showHiddenFieldsMessage && (\n                <div className=\"attributes-hidden-message\">\n                    <FormattedMessage {...messages.allAttributesAreHidden} />\n                </div>\n            )}\n            {showNoFieldsMessage && (\n                <div className=\"no-attributes-message\">\n                    <FormattedMessage {...messages.noAttributesForTemplate} />\n                </div>\n            )}\n        </>\n    );\n};\n\nexport default TemplatedInstance;\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,gBAAgB,QAAQ,YAAY;AAE7C,OAAOC,aAAa,MAAM,2CAA2C;AACrE,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,QAAQ,QAAQ,gBAAgB;AAEzC,OAAOC,6BAA6B,MAAM,iCAAiC;AAC3E,OAAO,0BAA0B;AAYjC,MAAMC,iBAAiB,GAAGA,CAAC;EACvBC,OAAO;EACPC,IAAI,GAAG,CAAC,CAAC;EACTC,MAAM;EACNC,UAAU;EACVC,aAAa;EACbC,aAAa;EACbC;AACG,CAAC,KAAK;EACT,MAAM;IAAEC,MAAM,GAAG;EAAG,CAAC,GAAGD,QAAQ;EAChC,MAAME,SAAS,GAAGD,MAAM,CAACE,MAAM,GAAG,CAAC;EACnC,MAAMC,gBAAgB,GAAGF,SAAS,IAAID,MAAM,CAACI,IAAI,CAACC,KAAK,IAAI,CAACf,QAAQ,CAACe,KAAK,CAAC,CAAC;EAC5E,MAAMC,mBAAmB,GAAG,CAACL,SAAS;EACtC,MAAMM,uBAAuB,GAAGN,SAAS,IAAI,CAACE,gBAAgB;EAC9D,MAAM;IAAEK;EAAwB,CAAC,GAAGtB,KAAK,CAACuB,UAAU,CAAClB,6BAA6B,CAAC;EAEnF,oBACIL,KAAA,CAAAwB,aAAA,CAAAxB,KAAA,CAAAyB,QAAA,QACKR,gBAAgB,IACbH,MAAM,CAACY,GAAG,CAACP,KAAK,iBACZnB,KAAA,CAAAwB,aAAA,CAACtB,aAAa;IACVyB,GAAG,EAAER,KAAK,CAACS,EAAG;IACdN,uBAAuB,EAAEA,uBAAwB;IACjDf,OAAO,EAAEA,OAAQ;IACjBsB,OAAO,EAAEV,KAAK,CAACQ,GAAI;IACnBG,SAAS,EAAEtB,IAAI,CAACW,KAAK,CAACQ,GAAG,CAAE;IAC3BI,WAAW,EAAEZ,KAAK,CAACY,WAAY;IAC/BC,WAAW,EAAEb,KAAK,CAACa,WAAY;IAC/BC,KAAK,EAAExB,MAAM,CAACU,KAAK,CAACQ,GAAG,CAAE;IACzBjB,UAAU,EAAEA,UAAW;IACvBN,QAAQ,EAAEA,QAAQ,CAACe,KAAK,CAAE,CAAC;IAAA;IAC3Be,QAAQ,EAAEA,CAACP,GAAW,EAAEQ,KAAyB,KAAK;MAClD,IAAI5B,OAAO,IAAII,aAAa,EAAE;QAC1BA,aAAa,CAACgB,GAAG,EAAEQ,KAAK,EAAEhB,KAAK,CAACiB,IAAI,CAAC;MACzC;IACJ,CAAE;IACFC,QAAQ,EAAGV,GAAW,IAAK;MACvB,IAAIpB,OAAO,IAAIK,aAAa,EAAE;QAC1BA,aAAa,CAACe,GAAG,CAAC;MACtB;IACJ,CAAE;IACFW,OAAO,EAAEnB,KAAK,CAACmB,OAAQ;IACvBF,IAAI,EAAEjB,KAAK,CAACiB;EAAK,CACpB,CACJ,CAAC,EACLf,uBAAuB,iBACpBrB,KAAA,CAAAwB,aAAA;IAAKe,SAAS,EAAC;EAA2B,gBACtCvC,KAAA,CAAAwB,aAAA,CAACvB,gBAAgB,EAAKE,QAAQ,CAACqC,sBAAyB,CACvD,CACR,EACApB,mBAAmB,iBAChBpB,KAAA,CAAAwB,aAAA;IAAKe,SAAS,EAAC;EAAuB,gBAClCvC,KAAA,CAAAwB,aAAA,CAACvB,gBAAgB,EAAKE,QAAQ,CAACsC,uBAA0B,CACxD,CAEX,CAAC;AAEX,CAAC;AAED,eAAenC,iBAAiB","ignoreList":[]}

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

@@ -1,3 +1,4 @@
+const CASCADE_POLICY_TYPE_AI_EXTRACT = 'ai_extract';
 const TEMPLATE_CUSTOM_PROPERTIES = 'properties';
-export default TEMPLATE_CUSTOM_PROPERTIES;
+export { CASCADE_POLICY_TYPE_AI_EXTRACT, TEMPLATE_CUSTOM_PROPERTIES };
 //# sourceMappingURL=constants.js.map

package/es/features/metadata-instance-editor/constants.js.flow

@@ -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/es/features/metadata-instance-editor/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["TEMPLATE_CUSTOM_PROPERTIES"],"sources":["../../../src/features/metadata-instance-editor/constants.js"],"sourcesContent":["// @flow\n\nconst TEMPLATE_CUSTOM_PROPERTIES: 'properties' = 'properties';\nexport default TEMPLATE_CUSTOM_PROPERTIES;\n"],"mappings":"AAEA,MAAMA,0BAAwC,GAAG,YAAY;AAC7D,eAAeA,0BAA0B","ignoreList":[]}
+{"version":3,"file":"constants.js","names":["CASCADE_POLICY_TYPE_AI_EXTRACT","TEMPLATE_CUSTOM_PROPERTIES"],"sources":["../../../src/features/metadata-instance-editor/constants.js"],"sourcesContent":["// @flow\n\nconst CASCADE_POLICY_TYPE_AI_EXTRACT = 'ai_extract';\nconst TEMPLATE_CUSTOM_PROPERTIES: 'properties' = 'properties';\n\nexport { CASCADE_POLICY_TYPE_AI_EXTRACT, TEMPLATE_CUSTOM_PROPERTIES };\n"],"mappings":"AAEA,MAAMA,8BAA8B,GAAG,YAAY;AACnD,MAAMC,0BAAwC,GAAG,YAAY;AAE7D,SAASD,8BAA8B,EAAEC,0BAA0B","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 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';
 import messages from './messages';
@@ -9,30 +9,35 @@ const DateMetadataField = ({
   dataValue,
   displayName,
   description,
-  intl,
+  isDisabled,
   onChange,
   onRemove
-}) => /*#__PURE__*/React.createElement(DatePicker, {
-  className: "bdl-DateMetadataField",
-  dateFormat: "utcISOString",
-  description: description,
-  displayFormat: {
-    day: 'numeric',
-    month: 'long',
-    year: 'numeric'
-  },
-  hideOptionalLabel: true,
-  label: displayName,
-  onChange: (date, isoDate) => {
-    if (isoDate) {
-      onChange(dataKey, isoDate);
-    } else {
-      onRemove(dataKey);
-    }
-  },
-  placeholder: intl.formatMessage(messages.metadataFieldSetDate),
-  value: typeof dataValue === 'string' ? convertISOStringToUTCDate(dataValue) : undefined
-});
-export { DateMetadataField as DateMetadataFieldBase };
-export default injectIntl(DateMetadataField);
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  return /*#__PURE__*/React.createElement(DatePicker, {
+    className: "bdl-DateMetadataField",
+    dateFormat: "utcISOString",
+    description: description,
+    displayFormat: {
+      day: 'numeric',
+      month: 'long',
+      year: 'numeric'
+    },
+    hideOptionalLabel: true,
+    isDisabled: isDisabled,
+    label: displayName,
+    onChange: (date, isoDate) => {
+      if (isoDate) {
+        onChange(dataKey, isoDate);
+      } else {
+        onRemove(dataKey);
+      }
+    },
+    placeholder: formatMessage(messages.metadataFieldSetDate),
+    value: typeof dataValue === 'string' ? convertISOStringToUTCDate(dataValue) : undefined
+  });
+};
+export default DateMetadataField;
 //# sourceMappingURL=DateMetadataField.js.map

package/es/features/metadata-instance-fields/DateMetadataField.js.flow

@@ -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/es/features/metadata-instance-fields/DateMetadataField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateMetadataField.js","names":["React","injectIntl","DatePicker","convertISOStringToUTCDate","messages","DateMetadataField","dataKey","dataValue","displayName","description","intl","onChange","onRemove","createElement","className","dateFormat","displayFormat","day","month","year","hideOptionalLabel","label","date","isoDate","placeholder","formatMessage","metadataFieldSetDate","value","undefined","DateMetadataFieldBase"],"sources":["../../../src/features/metadata-instance-fields/DateMetadataField.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\nimport { injectIntl } from 'react-intl';\n\nimport DatePicker from '../../components/date-picker';\nimport { convertISOStringToUTCDate } from '../../utils/datetime';\nimport messages from './messages';\nimport type { MetadataFieldValue } from '../../common/types/metadata';\nimport './DateMetadataField.scss';\n\ntype Props = {\n    dataKey: string,\n    dataValue?: MetadataFieldValue,\n    description?: string,\n    displayName: string,\n    intl: any,\n    onChange: (key: string, value: MetadataFieldValue) => void,\n    onRemove: (key: string) => void,\n};\n\nconst DateMetadataField = ({ dataKey, dataValue, displayName, description, intl, onChange, onRemove }: Props) => (\n    <DatePicker\n        className=\"bdl-DateMetadataField\"\n        dateFormat=\"utcISOString\"\n        description={description}\n        displayFormat={{\n            day: 'numeric',\n            month: 'long',\n            year: 'numeric',\n        }}\n        hideOptionalLabel\n        label={displayName}\n        onChange={(date: Date, isoDate: string) => {\n            if (isoDate) {\n                onChange(dataKey, isoDate);\n            } else {\n                onRemove(dataKey);\n            }\n        }}\n        placeholder={intl.formatMessage(messages.metadataFieldSetDate)}\n        value={typeof dataValue === 'string' ? convertISOStringToUTCDate(dataValue) : undefined}\n    />\n);\n\nexport { DateMetadataField as DateMetadataFieldBase };\nexport default injectIntl(DateMetadataField);\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,YAAY;AAEvC,OAAOC,UAAU,MAAM,8BAA8B;AACrD,SAASC,yBAAyB,QAAQ,sBAAsB;AAChE,OAAOC,QAAQ,MAAM,YAAY;AAEjC,OAAO,0BAA0B;AAYjC,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,OAAO;EAAEC,SAAS;EAAEC,WAAW;EAAEC,WAAW;EAAEC,IAAI;EAAEC,QAAQ;EAAEC;AAAgB,CAAC,kBACxGZ,KAAA,CAAAa,aAAA,CAACX,UAAU;EACPY,SAAS,EAAC,uBAAuB;EACjCC,UAAU,EAAC,cAAc;EACzBN,WAAW,EAAEA,WAAY;EACzBO,aAAa,EAAE;IACXC,GAAG,EAAE,SAAS;IACdC,KAAK,EAAE,MAAM;IACbC,IAAI,EAAE;EACV,CAAE;EACFC,iBAAiB;EACjBC,KAAK,EAAEb,WAAY;EACnBG,QAAQ,EAAEA,CAACW,IAAU,EAAEC,OAAe,KAAK;IACvC,IAAIA,OAAO,EAAE;MACTZ,QAAQ,CAACL,OAAO,EAAEiB,OAAO,CAAC;IAC9B,CAAC,MAAM;MACHX,QAAQ,CAACN,OAAO,CAAC;IACrB;EACJ,CAAE;EACFkB,WAAW,EAAEd,IAAI,CAACe,aAAa,CAACrB,QAAQ,CAACsB,oBAAoB,CAAE;EAC/DC,KAAK,EAAE,OAAOpB,SAAS,KAAK,QAAQ,GAAGJ,yBAAyB,CAACI,SAAS,CAAC,GAAGqB;AAAU,CAC3F,CACJ;AAED,SAASvB,iBAAiB,IAAIwB,qBAAqB;AACnD,eAAe5B,UAAU,CAACI,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"file":"DateMetadataField.js","names":["React","useIntl","DatePicker","convertISOStringToUTCDate","messages","DateMetadataField","dataKey","dataValue","displayName","description","isDisabled","onChange","onRemove","formatMessage","createElement","className","dateFormat","displayFormat","day","month","year","hideOptionalLabel","label","date","isoDate","placeholder","metadataFieldSetDate","value","undefined"],"sources":["../../../src/features/metadata-instance-fields/DateMetadataField.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\nimport { useIntl } from 'react-intl';\n\nimport DatePicker from '../../components/date-picker';\nimport { convertISOStringToUTCDate } from '../../utils/datetime';\nimport messages from './messages';\nimport type { MetadataFieldValue } from '../../common/types/metadata';\nimport './DateMetadataField.scss';\n\ntype Props = {\n    dataKey: string,\n    dataValue?: MetadataFieldValue,\n    description?: string,\n    displayName: string,\n    isDisabled?: boolean,\n    onChange: (key: string, value: MetadataFieldValue) => void,\n    onRemove: (key: string) => void,\n};\n\nconst DateMetadataField = ({ dataKey, dataValue, displayName, description, isDisabled, onChange, onRemove }: Props) => {\n    const { formatMessage } = useIntl();\n\n    return (\n        <DatePicker\n            className=\"bdl-DateMetadataField\"\n            dateFormat=\"utcISOString\"\n            description={description}\n            displayFormat={{\n                day: 'numeric',\n                month: 'long',\n                year: 'numeric',\n            }}\n            hideOptionalLabel\n            isDisabled={isDisabled}\n            label={displayName}\n            onChange={(date: Date, isoDate: string) => {\n                if (isoDate) {\n                    onChange(dataKey, isoDate);\n                } else {\n                    onRemove(dataKey);\n                }\n            }}\n            placeholder={formatMessage(messages.metadataFieldSetDate)}\n            value={typeof dataValue === 'string' ? convertISOStringToUTCDate(dataValue) : undefined}\n        />\n    );\n};\n\nexport default DateMetadataField;\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,QAAQ,YAAY;AAEpC,OAAOC,UAAU,MAAM,8BAA8B;AACrD,SAASC,yBAAyB,QAAQ,sBAAsB;AAChE,OAAOC,QAAQ,MAAM,YAAY;AAEjC,OAAO,0BAA0B;AAYjC,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,OAAO;EAAEC,SAAS;EAAEC,WAAW;EAAEC,WAAW;EAAEC,UAAU;EAAEC,QAAQ;EAAEC;AAAgB,CAAC,KAAK;EACnH,MAAM;IAAEC;EAAc,CAAC,GAAGZ,OAAO,CAAC,CAAC;EAEnC,oBACID,KAAA,CAAAc,aAAA,CAACZ,UAAU;IACPa,SAAS,EAAC,uBAAuB;IACjCC,UAAU,EAAC,cAAc;IACzBP,WAAW,EAAEA,WAAY;IACzBQ,aAAa,EAAE;MACXC,GAAG,EAAE,SAAS;MACdC,KAAK,EAAE,MAAM;MACbC,IAAI,EAAE;IACV,CAAE;IACFC,iBAAiB;IACjBX,UAAU,EAAEA,UAAW;IACvBY,KAAK,EAAEd,WAAY;IACnBG,QAAQ,EAAEA,CAACY,IAAU,EAAEC,OAAe,KAAK;MACvC,IAAIA,OAAO,EAAE;QACTb,QAAQ,CAACL,OAAO,EAAEkB,OAAO,CAAC;MAC9B,CAAC,MAAM;QACHZ,QAAQ,CAACN,OAAO,CAAC;MACrB;IACJ,CAAE;IACFmB,WAAW,EAAEZ,aAAa,CAACT,QAAQ,CAACsB,oBAAoB,CAAE;IAC1DC,KAAK,EAAE,OAAOpB,SAAS,KAAK,QAAQ,GAAGJ,yBAAyB,CAACI,SAAS,CAAC,GAAGqB;EAAU,CAC3F,CAAC;AAEV,CAAC;AAED,eAAevB,iBAAiB","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 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';
 import messages from './messages';
@@ -10,7 +10,7 @@ const EnumMetadataField = ({
   dataValue,
   displayName,
   description,
-  intl,
+  isDisabled,
   onChange,
   onRemove,
   options = []
@@ -20,7 +20,10 @@ const EnumMetadataField = ({
     value: option.key,
     isSelectable: true
   }));
-  const defaultValue = intl.formatMessage(messages.metadataFieldSelectValue);
+  const {
+    formatMessage
+  } = useIntl();
+  const defaultValue = formatMessage(messages.metadataFieldSelectValue);
   selectOptions.unshift({
     displayText: defaultValue,
     value: defaultValue,
@@ -35,6 +38,7 @@ const EnumMetadataField = ({
   }, description), /*#__PURE__*/React.createElement(SingleSelectField, {
     blurExceptionClassNames: blurExceptionClassNames,
     isEscapedWithReference: true,
+    isDisabled: isDisabled,
     isScrollable: true,
     onChange: option => {
       if (option.isSelectable) {
@@ -49,6 +53,5 @@ const EnumMetadataField = ({
     Array.isArray(dataValue) ? dataValue.join(', ') : dataValue || defaultValue
   })));
 };
-export { EnumMetadataField as EnumMetadataFieldBase };
-export default injectIntl(EnumMetadataField);
+export default EnumMetadataField;
 //# sourceMappingURL=EnumMetadataField.js.map

package/es/features/metadata-instance-fields/EnumMetadataField.js.flow

@@ -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/es/features/metadata-instance-fields/EnumMetadataField.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnumMetadataField.js","names":["React","injectIntl","Label","SingleSelectField","messages","EnumMetadataField","blurExceptionClassNames","dataKey","dataValue","displayName","description","intl","onChange","onRemove","options","selectOptions","map","option","displayText","key","value","isSelectable","defaultValue","formatMessage","metadataFieldSelectValue","unshift","createElement","className","text","isEscapedWithReference","isScrollable","selectedValue","Array","isArray","join","EnumMetadataFieldBase"],"sources":["../../../src/features/metadata-instance-fields/EnumMetadataField.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\nimport { injectIntl } from 'react-intl';\n\nimport Label from '../../components/label/Label';\nimport SingleSelectField from '../../components/select-field/SingleSelectField';\nimport messages from './messages';\nimport type { MetadataFieldValue, MetadataTemplateFieldOption } from '../../common/types/metadata';\nimport './EnumMetadataField.scss';\n\ntype Option = {\n    displayText: string,\n    isSelectable: boolean,\n    value: string,\n};\n\ntype Props = {\n    blurExceptionClassNames?: Array<string>,\n    dataKey: string,\n    dataValue?: MetadataFieldValue,\n    description?: string,\n    displayName: string,\n    intl: any,\n    onChange: (key: string, value: MetadataFieldValue) => void,\n    onRemove: (key: string) => void,\n    options?: Array<MetadataTemplateFieldOption>,\n};\n\nconst EnumMetadataField = ({\n    blurExceptionClassNames,\n    dataKey,\n    dataValue,\n    displayName,\n    description,\n    intl,\n    onChange,\n    onRemove,\n    options = [],\n}: Props) => {\n    const selectOptions = options.map(option => ({\n        displayText: option.key,\n        value: option.key,\n        isSelectable: true,\n    }));\n\n    const defaultValue = intl.formatMessage(messages.metadataFieldSelectValue);\n\n    selectOptions.unshift({\n        displayText: defaultValue,\n        value: defaultValue,\n        isSelectable: false,\n    });\n\n    return (\n        <div className=\"bdl-EnumMetadataField\">\n            <Label text={displayName}>\n                {!!description && <i className=\"bdl-EnumMetadataField-desc\">{description}</i>}\n                <SingleSelectField\n                    blurExceptionClassNames={blurExceptionClassNames}\n                    isEscapedWithReference\n                    isScrollable\n                    onChange={(option: Option) => {\n                        if (option.isSelectable) {\n                            onChange(dataKey, option.value);\n                        } else if (onRemove) {\n                            onRemove(dataKey);\n                        }\n                    }}\n                    options={selectOptions}\n                    selectedValue={\n                        // Conditional to make flow happy, dataValue should never be an array\n                        Array.isArray(dataValue) ? dataValue.join(', ') : dataValue || defaultValue\n                    }\n                />\n            </Label>\n        </div>\n    );\n};\n\nexport { EnumMetadataField as EnumMetadataFieldBase };\nexport default injectIntl(EnumMetadataField);\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,YAAY;AAEvC,OAAOC,KAAK,MAAM,8BAA8B;AAChD,OAAOC,iBAAiB,MAAM,iDAAiD;AAC/E,OAAOC,QAAQ,MAAM,YAAY;AAEjC,OAAO,0BAA0B;AAoBjC,MAAMC,iBAAiB,GAAGA,CAAC;EACvBC,uBAAuB;EACvBC,OAAO;EACPC,SAAS;EACTC,WAAW;EACXC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,OAAO,GAAG;AACP,CAAC,KAAK;EACT,MAAMC,aAAa,GAAGD,OAAO,CAACE,GAAG,CAACC,MAAM,KAAK;IACzCC,WAAW,EAAED,MAAM,CAACE,GAAG;IACvBC,KAAK,EAAEH,MAAM,CAACE,GAAG;IACjBE,YAAY,EAAE;EAClB,CAAC,CAAC,CAAC;EAEH,MAAMC,YAAY,GAAGX,IAAI,CAACY,aAAa,CAACnB,QAAQ,CAACoB,wBAAwB,CAAC;EAE1ET,aAAa,CAACU,OAAO,CAAC;IAClBP,WAAW,EAAEI,YAAY;IACzBF,KAAK,EAAEE,YAAY;IACnBD,YAAY,EAAE;EAClB,CAAC,CAAC;EAEF,oBACIrB,KAAA,CAAA0B,aAAA;IAAKC,SAAS,EAAC;EAAuB,gBAClC3B,KAAA,CAAA0B,aAAA,CAACxB,KAAK;IAAC0B,IAAI,EAAEnB;EAAY,GACpB,CAAC,CAACC,WAAW,iBAAIV,KAAA,CAAA0B,aAAA;IAAGC,SAAS,EAAC;EAA4B,GAAEjB,WAAe,CAAC,eAC7EV,KAAA,CAAA0B,aAAA,CAACvB,iBAAiB;IACdG,uBAAuB,EAAEA,uBAAwB;IACjDuB,sBAAsB;IACtBC,YAAY;IACZlB,QAAQ,EAAGK,MAAc,IAAK;MAC1B,IAAIA,MAAM,CAACI,YAAY,EAAE;QACrBT,QAAQ,CAACL,OAAO,EAAEU,MAAM,CAACG,KAAK,CAAC;MACnC,CAAC,MAAM,IAAIP,QAAQ,EAAE;QACjBA,QAAQ,CAACN,OAAO,CAAC;MACrB;IACJ,CAAE;IACFO,OAAO,EAAEC,aAAc;IACvBgB,aAAa;IACT;IACAC,KAAK,CAACC,OAAO,CAACzB,SAAS,CAAC,GAAGA,SAAS,CAAC0B,IAAI,CAAC,IAAI,CAAC,GAAG1B,SAAS,IAAIc;EAClE,CACJ,CACE,CACN,CAAC;AAEd,CAAC;AAED,SAASjB,iBAAiB,IAAI8B,qBAAqB;AACnD,eAAelC,UAAU,CAACI,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"file":"EnumMetadataField.js","names":["React","useIntl","Label","SingleSelectField","messages","EnumMetadataField","blurExceptionClassNames","dataKey","dataValue","displayName","description","isDisabled","onChange","onRemove","options","selectOptions","map","option","displayText","key","value","isSelectable","formatMessage","defaultValue","metadataFieldSelectValue","unshift","createElement","className","text","isEscapedWithReference","isScrollable","selectedValue","Array","isArray","join"],"sources":["../../../src/features/metadata-instance-fields/EnumMetadataField.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Label from '../../components/label/Label';\nimport SingleSelectField from '../../components/select-field/SingleSelectField';\nimport messages from './messages';\nimport type { MetadataFieldValue, MetadataTemplateFieldOption } from '../../common/types/metadata';\nimport './EnumMetadataField.scss';\n\ntype Option = {\n    displayText: string,\n    isSelectable: boolean,\n    value: string,\n};\n\ntype Props = {\n    blurExceptionClassNames?: Array<string>,\n    dataKey: string,\n    dataValue?: MetadataFieldValue,\n    description?: string,\n    displayName: string,\n    isDisabled?: boolean,\n    onChange: (key: string, value: MetadataFieldValue) => void,\n    onRemove: (key: string) => void,\n    options?: Array<MetadataTemplateFieldOption>,\n};\n\nconst EnumMetadataField = ({\n    blurExceptionClassNames,\n    dataKey,\n    dataValue,\n    displayName,\n    description,\n    isDisabled,\n    onChange,\n    onRemove,\n    options = [],\n}: Props) => {\n    const selectOptions = options.map(option => ({\n        displayText: option.key,\n        value: option.key,\n        isSelectable: true,\n    }));\n\n    const { formatMessage } = useIntl();\n\n    const defaultValue = formatMessage(messages.metadataFieldSelectValue);\n\n    selectOptions.unshift({\n        displayText: defaultValue,\n        value: defaultValue,\n        isSelectable: false,\n    });\n\n    return (\n        <div className=\"bdl-EnumMetadataField\">\n            <Label text={displayName}>\n                {!!description && <i className=\"bdl-EnumMetadataField-desc\">{description}</i>}\n                <SingleSelectField\n                    blurExceptionClassNames={blurExceptionClassNames}\n                    isEscapedWithReference\n                    isDisabled={isDisabled}\n                    isScrollable\n                    onChange={(option: Option) => {\n                        if (option.isSelectable) {\n                            onChange(dataKey, option.value);\n                        } else if (onRemove) {\n                            onRemove(dataKey);\n                        }\n                    }}\n                    options={selectOptions}\n                    selectedValue={\n                        // Conditional to make flow happy, dataValue should never be an array\n                        Array.isArray(dataValue) ? dataValue.join(', ') : dataValue || defaultValue\n                    }\n                />\n            </Label>\n        </div>\n    );\n};\n\nexport default EnumMetadataField;\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,QAAQ,YAAY;AAEpC,OAAOC,KAAK,MAAM,8BAA8B;AAChD,OAAOC,iBAAiB,MAAM,iDAAiD;AAC/E,OAAOC,QAAQ,MAAM,YAAY;AAEjC,OAAO,0BAA0B;AAoBjC,MAAMC,iBAAiB,GAAGA,CAAC;EACvBC,uBAAuB;EACvBC,OAAO;EACPC,SAAS;EACTC,WAAW;EACXC,WAAW;EACXC,UAAU;EACVC,QAAQ;EACRC,QAAQ;EACRC,OAAO,GAAG;AACP,CAAC,KAAK;EACT,MAAMC,aAAa,GAAGD,OAAO,CAACE,GAAG,CAACC,MAAM,KAAK;IACzCC,WAAW,EAAED,MAAM,CAACE,GAAG;IACvBC,KAAK,EAAEH,MAAM,CAACE,GAAG;IACjBE,YAAY,EAAE;EAClB,CAAC,CAAC,CAAC;EAEH,MAAM;IAAEC;EAAc,CAAC,GAAGrB,OAAO,CAAC,CAAC;EAEnC,MAAMsB,YAAY,GAAGD,aAAa,CAAClB,QAAQ,CAACoB,wBAAwB,CAAC;EAErET,aAAa,CAACU,OAAO,CAAC;IAClBP,WAAW,EAAEK,YAAY;IACzBH,KAAK,EAAEG,YAAY;IACnBF,YAAY,EAAE;EAClB,CAAC,CAAC;EAEF,oBACIrB,KAAA,CAAA0B,aAAA;IAAKC,SAAS,EAAC;EAAuB,gBAClC3B,KAAA,CAAA0B,aAAA,CAACxB,KAAK;IAAC0B,IAAI,EAAEnB;EAAY,GACpB,CAAC,CAACC,WAAW,iBAAIV,KAAA,CAAA0B,aAAA;IAAGC,SAAS,EAAC;EAA4B,GAAEjB,WAAe,CAAC,eAC7EV,KAAA,CAAA0B,aAAA,CAACvB,iBAAiB;IACdG,uBAAuB,EAAEA,uBAAwB;IACjDuB,sBAAsB;IACtBlB,UAAU,EAAEA,UAAW;IACvBmB,YAAY;IACZlB,QAAQ,EAAGK,MAAc,IAAK;MAC1B,IAAIA,MAAM,CAACI,YAAY,EAAE;QACrBT,QAAQ,CAACL,OAAO,EAAEU,MAAM,CAACG,KAAK,CAAC;MACnC,CAAC,MAAM,IAAIP,QAAQ,EAAE;QACjBA,QAAQ,CAACN,OAAO,CAAC;MACrB;IACJ,CAAE;IACFO,OAAO,EAAEC,aAAc;IACvBgB,aAAa;IACT;IACAC,KAAK,CAACC,OAAO,CAACzB,SAAS,CAAC,GAAGA,SAAS,CAAC0B,IAAI,CAAC,IAAI,CAAC,GAAG1B,SAAS,IAAIe;EAClE,CACJ,CACE,CACN,CAAC;AAEd,CAAC;AAED,eAAelB,iBAAiB","ignoreList":[]}

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

@@ -7,6 +7,7 @@ const FloatMetadataField = ({
   displayName,
   description,
   error,
+  isDisabled,
   onChange,
   onRemove,
   type
@@ -16,6 +17,7 @@ const FloatMetadataField = ({
   description: description,
   displayName: displayName,
   error: error,
+  isDisabled: isDisabled,
   onChange: (key, value) => {
     if (isValidValue(type, value)) {
       onChange(key, value);

package/es/features/metadata-instance-fields/FloatMetadataField.js.flow

@@ -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/es/features/metadata-instance-fields/FloatMetadataField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatMetadataField.js","names":["React","TextMetadataField","isValidValue","FloatMetadataField","dataKey","dataValue","displayName","description","error","onChange","onRemove","type","createElement","key","value"],"sources":["../../../src/features/metadata-instance-fields/FloatMetadataField.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\n\nimport TextMetadataField from './TextMetadataField';\nimport { isValidValue } from './validateMetadataField';\nimport type { MetadataFieldValue } from '../../common/types/metadata';\n\ntype Props = {\n    dataKey: string,\n    dataValue?: MetadataFieldValue,\n    description?: string,\n    displayName: string,\n    error?: React.Node,\n    onChange: (key: string, value: MetadataFieldValue) => void,\n    onRemove: (key: string) => void,\n    type: string,\n};\n\nconst FloatMetadataField = ({\n    dataKey,\n    dataValue,\n    displayName,\n    description,\n    error,\n    onChange,\n    onRemove,\n    type,\n}: Props) => (\n    <TextMetadataField\n        dataKey={dataKey}\n        dataValue={dataValue}\n        description={description}\n        displayName={displayName}\n        error={error}\n        onChange={(key: string, value: MetadataFieldValue) => {\n            if (isValidValue(type, value)) {\n                onChange(key, value);\n            }\n        }}\n        onRemove={onRemove}\n    />\n);\n\nexport default FloatMetadataField;\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,YAAY,QAAQ,yBAAyB;AActD,MAAMC,kBAAkB,GAAGA,CAAC;EACxBC,OAAO;EACPC,SAAS;EACTC,WAAW;EACXC,WAAW;EACXC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC;AACG,CAAC,kBACJX,KAAA,CAAAY,aAAA,CAACX,iBAAiB;EACdG,OAAO,EAAEA,OAAQ;EACjBC,SAAS,EAAEA,SAAU;EACrBE,WAAW,EAAEA,WAAY;EACzBD,WAAW,EAAEA,WAAY;EACzBE,KAAK,EAAEA,KAAM;EACbC,QAAQ,EAAEA,CAACI,GAAW,EAAEC,KAAyB,KAAK;IAClD,IAAIZ,YAAY,CAACS,IAAI,EAAEG,KAAK,CAAC,EAAE;MAC3BL,QAAQ,CAACI,GAAG,EAAEC,KAAK,CAAC;IACxB;EACJ,CAAE;EACFJ,QAAQ,EAAEA;AAAS,CACtB,CACJ;AAED,eAAeP,kBAAkB","ignoreList":[]}
+{"version":3,"file":"FloatMetadataField.js","names":["React","TextMetadataField","isValidValue","FloatMetadataField","dataKey","dataValue","displayName","description","error","isDisabled","onChange","onRemove","type","createElement","key","value"],"sources":["../../../src/features/metadata-instance-fields/FloatMetadataField.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\n\nimport TextMetadataField from './TextMetadataField';\nimport { isValidValue } from './validateMetadataField';\nimport type { MetadataFieldValue } from '../../common/types/metadata';\n\ntype Props = {\n    dataKey: string,\n    dataValue?: MetadataFieldValue,\n    description?: string,\n    displayName: string,\n    error?: React.Node,\n    isDisabled?: boolean,\n    onChange: (key: string, value: MetadataFieldValue) => void,\n    onRemove: (key: string) => void,\n    type: string,\n};\n\nconst FloatMetadataField = ({\n    dataKey,\n    dataValue,\n    displayName,\n    description,\n    error,\n    isDisabled,\n    onChange,\n    onRemove,\n    type,\n}: Props) => (\n    <TextMetadataField\n        dataKey={dataKey}\n        dataValue={dataValue}\n        description={description}\n        displayName={displayName}\n        error={error}\n        isDisabled={isDisabled}\n        onChange={(key: string, value: MetadataFieldValue) => {\n            if (isValidValue(type, value)) {\n                onChange(key, value);\n            }\n        }}\n        onRemove={onRemove}\n    />\n);\n\nexport default FloatMetadataField;\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,YAAY,QAAQ,yBAAyB;AAetD,MAAMC,kBAAkB,GAAGA,CAAC;EACxBC,OAAO;EACPC,SAAS;EACTC,WAAW;EACXC,WAAW;EACXC,KAAK;EACLC,UAAU;EACVC,QAAQ;EACRC,QAAQ;EACRC;AACG,CAAC,kBACJZ,KAAA,CAAAa,aAAA,CAACZ,iBAAiB;EACdG,OAAO,EAAEA,OAAQ;EACjBC,SAAS,EAAEA,SAAU;EACrBE,WAAW,EAAEA,WAAY;EACzBD,WAAW,EAAEA,WAAY;EACzBE,KAAK,EAAEA,KAAM;EACbC,UAAU,EAAEA,UAAW;EACvBC,QAAQ,EAAEA,CAACI,GAAW,EAAEC,KAAyB,KAAK;IAClD,IAAIb,YAAY,CAACU,IAAI,EAAEG,KAAK,CAAC,EAAE;MAC3BL,QAAQ,CAACI,GAAG,EAAEC,KAAK,CAAC;IACxB;EACJ,CAAE;EACFJ,QAAQ,EAAEA;AAAS,CACtB,CACJ;AAED,eAAeR,kBAAkB","ignoreList":[]}

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

@@ -7,6 +7,7 @@ const IntegerMetadataField = ({
   displayName,
   description,
   error,
+  isDisabled,
   onChange,
   onRemove,
   type
@@ -16,6 +17,7 @@ const IntegerMetadataField = ({
   description: description,
   displayName: displayName,
   error: error,
+  isDisabled: isDisabled,
   onChange: (key, value) => {
     if (isValidValue(type, value)) {
       onChange(key, value);

package/es/features/metadata-instance-fields/IntegerMetadataField.js.flow

@@ -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/es/features/metadata-instance-fields/IntegerMetadataField.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntegerMetadataField.js","names":["React","TextMetadataField","isValidValue","IntegerMetadataField","dataKey","dataValue","displayName","description","error","onChange","onRemove","type","createElement","key","value"],"sources":["../../../src/features/metadata-instance-fields/IntegerMetadataField.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\n\nimport TextMetadataField from './TextMetadataField';\nimport { isValidValue } from './validateMetadataField';\nimport type { MetadataFieldValue } from '../../common/types/metadata';\n\ntype Props = {\n    dataKey: string,\n    dataValue?: MetadataFieldValue,\n    description?: string,\n    displayName: string,\n    error?: React.Node,\n    onChange: (key: string, value: MetadataFieldValue) => void,\n    onRemove: (key: string) => void,\n    type: string,\n};\n\nconst IntegerMetadataField = ({\n    dataKey,\n    dataValue,\n    displayName,\n    description,\n    error,\n    onChange,\n    onRemove,\n    type,\n}: Props) => (\n    <TextMetadataField\n        dataKey={dataKey}\n        dataValue={dataValue}\n        description={description}\n        displayName={displayName}\n        error={error}\n        onChange={(key: string, value: MetadataFieldValue) => {\n            if (isValidValue(type, value)) {\n                onChange(key, value);\n            }\n        }}\n        onRemove={onRemove}\n    />\n);\n\nexport default IntegerMetadataField;\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,YAAY,QAAQ,yBAAyB;AActD,MAAMC,oBAAoB,GAAGA,CAAC;EAC1BC,OAAO;EACPC,SAAS;EACTC,WAAW;EACXC,WAAW;EACXC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC;AACG,CAAC,kBACJX,KAAA,CAAAY,aAAA,CAACX,iBAAiB;EACdG,OAAO,EAAEA,OAAQ;EACjBC,SAAS,EAAEA,SAAU;EACrBE,WAAW,EAAEA,WAAY;EACzBD,WAAW,EAAEA,WAAY;EACzBE,KAAK,EAAEA,KAAM;EACbC,QAAQ,EAAEA,CAACI,GAAW,EAAEC,KAAyB,KAAK;IAClD,IAAIZ,YAAY,CAACS,IAAI,EAAEG,KAAK,CAAC,EAAE;MAC3BL,QAAQ,CAACI,GAAG,EAAEC,KAAK,CAAC;IACxB;EACJ,CAAE;EACFJ,QAAQ,EAAEA;AAAS,CACtB,CACJ;AAED,eAAeP,oBAAoB","ignoreList":[]}
+{"version":3,"file":"IntegerMetadataField.js","names":["React","TextMetadataField","isValidValue","IntegerMetadataField","dataKey","dataValue","displayName","description","error","isDisabled","onChange","onRemove","type","createElement","key","value"],"sources":["../../../src/features/metadata-instance-fields/IntegerMetadataField.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\n\nimport TextMetadataField from './TextMetadataField';\nimport { isValidValue } from './validateMetadataField';\nimport type { MetadataFieldValue } from '../../common/types/metadata';\n\ntype Props = {\n    dataKey: string,\n    dataValue?: MetadataFieldValue,\n    description?: string,\n    displayName: string,\n    error?: React.Node,\n    isDisabled?: boolean,\n    onChange: (key: string, value: MetadataFieldValue) => void,\n    onRemove: (key: string) => void,\n    type: string,\n};\n\nconst IntegerMetadataField = ({\n    dataKey,\n    dataValue,\n    displayName,\n    description,\n    error,\n    isDisabled,\n    onChange,\n    onRemove,\n    type,\n}: Props) => (\n    <TextMetadataField\n        dataKey={dataKey}\n        dataValue={dataValue}\n        description={description}\n        displayName={displayName}\n        error={error}\n        isDisabled={isDisabled}\n        onChange={(key: string, value: MetadataFieldValue) => {\n            if (isValidValue(type, value)) {\n                onChange(key, value);\n            }\n        }}\n        onRemove={onRemove}\n    />\n);\n\nexport default IntegerMetadataField;\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,YAAY,QAAQ,yBAAyB;AAetD,MAAMC,oBAAoB,GAAGA,CAAC;EAC1BC,OAAO;EACPC,SAAS;EACTC,WAAW;EACXC,WAAW;EACXC,KAAK;EACLC,UAAU;EACVC,QAAQ;EACRC,QAAQ;EACRC;AACG,CAAC,kBACJZ,KAAA,CAAAa,aAAA,CAACZ,iBAAiB;EACdG,OAAO,EAAEA,OAAQ;EACjBC,SAAS,EAAEA,SAAU;EACrBE,WAAW,EAAEA,WAAY;EACzBD,WAAW,EAAEA,WAAY;EACzBE,KAAK,EAAEA,KAAM;EACbC,UAAU,EAAEA,UAAW;EACvBC,QAAQ,EAAEA,CAACI,GAAW,EAAEC,KAAyB,KAAK;IAClD,IAAIb,YAAY,CAACU,IAAI,EAAEG,KAAK,CAAC,EAAE;MAC3BL,QAAQ,CAACI,GAAG,EAAEC,KAAK,CAAC;IACxB;EACJ,CAAE;EACFJ,QAAQ,EAAEA;AAAS,CACtB,CACJ;AAED,eAAeR,oBAAoB","ignoreList":[]}

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

@@ -17,6 +17,7 @@ const MetadataField = ({
   displayName,
   description,
   error,
+  isDisabled,
   isHidden,
   canEdit,
   onChange,
@@ -45,6 +46,7 @@ const MetadataField = ({
         dataValue: dataValue,
         description: description,
         displayName: displayName,
+        isDisabled: isDisabled,
         onChange: onChange,
         onRemove: onRemove
       });
@@ -55,6 +57,7 @@ const MetadataField = ({
         description: description,
         displayName: displayName,
         error: error,
+        isDisabled: isDisabled,
         onChange: onChange,
         onRemove: onRemove,
         type: type
@@ -66,6 +69,7 @@ const MetadataField = ({
         description: description,
         displayName: displayName,
         error: error,
+        isDisabled: isDisabled,
         onChange: onChange,
         onRemove: onRemove,
         type: type
@@ -77,6 +81,7 @@ const MetadataField = ({
         dataValue: dataValue,
         description: description,
         displayName: displayName,
+        isDisabled: isDisabled,
         onChange: onChange,
         onRemove: onRemove,
         options: options
@@ -88,6 +93,7 @@ const MetadataField = ({
         dataValue: dataValue,
         description: description,
         displayName: displayName,
+        isDisabled: isDisabled,
         onChange: onChange,
         onRemove: onRemove,
         options: options
@@ -98,6 +104,7 @@ const MetadataField = ({
         dataValue: dataValue,
         description: description,
         displayName: displayName,
+        isDisabled: isDisabled,
         onChange: onChange,
         onRemove: onRemove
       });

package/es/features/metadata-instance-fields/MetadataField.js.flow

@@ -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}
                 />