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

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

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

@@ -1 +1 @@
-{"version":3,"file":"MetadataField.js","names":["React","FormattedMessage","InlineError","TextMetadataField","EnumMetadataField","DateMetadataField","FloatMetadataField","IntegerMetadataField","MultiSelectMetadataField","ReadOnlyMetadataField","messages","FIELD_TYPE_ENUM","FIELD_TYPE_FLOAT","FIELD_TYPE_INTEGER","FIELD_TYPE_STRING","FIELD_TYPE_DATE","FIELD_TYPE_MULTISELECT","MetadataField","blurExceptionClassNames","dataKey","dataValue","displayName","description","error","isHidden","canEdit","onChange","onRemove","options","type","createElement","Error","title","invalidMetadataFieldType"],"sources":["../../../src/features/metadata-instance-fields/MetadataField.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport InlineError from '../../components/inline-error/InlineError';\n\nimport TextMetadataField from './TextMetadataField';\nimport EnumMetadataField from './EnumMetadataField';\nimport DateMetadataField from './DateMetadataField';\nimport FloatMetadataField from './FloatMetadataField';\nimport IntegerMetadataField from './IntegerMetadataField';\nimport MultiSelectMetadataField from './MultiSelectMetadataField';\nimport ReadOnlyMetadataField from './ReadOnlyMetadataField';\nimport messages from './messages';\nimport type { MetadataFieldValue, MetadataTemplateFieldOption, MetadataFieldType } from '../../common/types/metadata';\n\nimport {\n    FIELD_TYPE_ENUM,\n    FIELD_TYPE_FLOAT,\n    FIELD_TYPE_INTEGER,\n    FIELD_TYPE_STRING,\n    FIELD_TYPE_DATE,\n    FIELD_TYPE_MULTISELECT,\n} from './constants';\n\ntype Props = {\n    blurExceptionClassNames?: Array<string>,\n    canEdit: boolean,\n    dataKey: string,\n    dataValue?: MetadataFieldValue,\n    description?: string,\n    displayName: string,\n    error?: React.Node,\n    isHidden?: boolean,\n    onChange?: (key: string, value: MetadataFieldValue) => void,\n    onRemove?: (key: string) => void,\n    options?: Array<MetadataTemplateFieldOption>,\n    type: MetadataFieldType,\n};\n\nconst MetadataField = ({\n    blurExceptionClassNames,\n    dataKey,\n    dataValue,\n    displayName,\n    description,\n    error,\n    isHidden,\n    canEdit,\n    onChange,\n    onRemove,\n    options,\n    type,\n}: Props) => {\n    if (isHidden) {\n        return null;\n    }\n\n    if (!canEdit) {\n        return (\n            <ReadOnlyMetadataField\n                dataValue={dataValue}\n                description={description}\n                displayName={displayName}\n                type={type}\n            />\n        );\n    }\n\n    if (!onChange || !onRemove) {\n        throw new Error('Need to have onChange and onRemove');\n    }\n\n    switch (type) {\n        case FIELD_TYPE_STRING:\n            return (\n                <TextMetadataField\n                    dataKey={dataKey}\n                    dataValue={dataValue}\n                    description={description}\n                    displayName={displayName}\n                    onChange={onChange}\n                    onRemove={onRemove}\n                />\n            );\n\n        case FIELD_TYPE_FLOAT:\n            return (\n                <FloatMetadataField\n                    dataKey={dataKey}\n                    dataValue={dataValue}\n                    description={description}\n                    displayName={displayName}\n                    error={error}\n                    onChange={onChange}\n                    onRemove={onRemove}\n                    type={type}\n                />\n            );\n\n        case FIELD_TYPE_INTEGER:\n            return (\n                <IntegerMetadataField\n                    dataKey={dataKey}\n                    dataValue={dataValue}\n                    description={description}\n                    displayName={displayName}\n                    error={error}\n                    onChange={onChange}\n                    onRemove={onRemove}\n                    type={type}\n                />\n            );\n\n        case FIELD_TYPE_ENUM:\n            return (\n                <EnumMetadataField\n                    blurExceptionClassNames={blurExceptionClassNames}\n                    dataKey={dataKey}\n                    dataValue={dataValue}\n                    description={description}\n                    displayName={displayName}\n                    onChange={onChange}\n                    onRemove={onRemove}\n                    options={options}\n                />\n            );\n\n        case FIELD_TYPE_MULTISELECT:\n            return (\n                <MultiSelectMetadataField\n                    blurExceptionClassNames={blurExceptionClassNames}\n                    dataKey={dataKey}\n                    dataValue={dataValue}\n                    description={description}\n                    displayName={displayName}\n                    onChange={onChange}\n                    onRemove={onRemove}\n                    options={options}\n                />\n            );\n\n        case FIELD_TYPE_DATE:\n            return (\n                <DateMetadataField\n                    dataKey={dataKey}\n                    dataValue={dataValue}\n                    description={description}\n                    displayName={displayName}\n                    onChange={onChange}\n                    onRemove={onRemove}\n                />\n            );\n\n        default:\n            return (\n                <InlineError title={type}>\n                    <FormattedMessage {...messages.invalidMetadataFieldType} />\n                </InlineError>\n            );\n    }\n};\n\nexport default MetadataField;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MetadataField.js","names":["React","FormattedMessage","InlineError","TextMetadataField","EnumMetadataField","DateMetadataField","FloatMetadataField","IntegerMetadataField","MultiSelectMetadataField","ReadOnlyMetadataField","messages","FIELD_TYPE_ENUM","FIELD_TYPE_FLOAT","FIELD_TYPE_INTEGER","FIELD_TYPE_STRING","FIELD_TYPE_DATE","FIELD_TYPE_MULTISELECT","MetadataField","blurExceptionClassNames","dataKey","dataValue","displayName","description","error","isDisabled","isHidden","canEdit","onChange","onRemove","options","type","createElement","Error","title","invalidMetadataFieldType"],"sources":["../../../src/features/metadata-instance-fields/MetadataField.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport InlineError from '../../components/inline-error/InlineError';\n\nimport TextMetadataField from './TextMetadataField';\nimport EnumMetadataField from './EnumMetadataField';\nimport DateMetadataField from './DateMetadataField';\nimport FloatMetadataField from './FloatMetadataField';\nimport IntegerMetadataField from './IntegerMetadataField';\nimport MultiSelectMetadataField from './MultiSelectMetadataField';\nimport ReadOnlyMetadataField from './ReadOnlyMetadataField';\nimport messages from './messages';\nimport type { MetadataFieldValue, MetadataTemplateFieldOption, MetadataFieldType } from '../../common/types/metadata';\n\nimport {\n    FIELD_TYPE_ENUM,\n    FIELD_TYPE_FLOAT,\n    FIELD_TYPE_INTEGER,\n    FIELD_TYPE_STRING,\n    FIELD_TYPE_DATE,\n    FIELD_TYPE_MULTISELECT,\n} from './constants';\n\ntype Props = {\n    blurExceptionClassNames?: Array<string>,\n    canEdit: boolean,\n    dataKey: string,\n    dataValue?: MetadataFieldValue,\n    description?: string,\n    displayName: string,\n    error?: React.Node,\n    isDisabled?: boolean,\n    isHidden?: boolean,\n    onChange?: (key: string, value: MetadataFieldValue) => void,\n    onRemove?: (key: string) => void,\n    options?: Array<MetadataTemplateFieldOption>,\n    type: MetadataFieldType,\n};\n\nconst MetadataField = ({\n    blurExceptionClassNames,\n    dataKey,\n    dataValue,\n    displayName,\n    description,\n    error,\n    isDisabled,\n    isHidden,\n    canEdit,\n    onChange,\n    onRemove,\n    options,\n    type,\n}: Props) => {\n    if (isHidden) {\n        return null;\n    }\n\n    if (!canEdit) {\n        return (\n            <ReadOnlyMetadataField\n                dataValue={dataValue}\n                description={description}\n                displayName={displayName}\n                type={type}\n            />\n        );\n    }\n\n    if (!onChange || !onRemove) {\n        throw new Error('Need to have onChange and onRemove');\n    }\n\n    switch (type) {\n        case FIELD_TYPE_STRING:\n            return (\n                <TextMetadataField\n                    dataKey={dataKey}\n                    dataValue={dataValue}\n                    description={description}\n                    displayName={displayName}\n                    isDisabled={isDisabled}\n                    onChange={onChange}\n                    onRemove={onRemove}\n                />\n            );\n\n        case FIELD_TYPE_FLOAT:\n            return (\n                <FloatMetadataField\n                    dataKey={dataKey}\n                    dataValue={dataValue}\n                    description={description}\n                    displayName={displayName}\n                    error={error}\n                    isDisabled={isDisabled}\n                    onChange={onChange}\n                    onRemove={onRemove}\n                    type={type}\n                />\n            );\n\n        case FIELD_TYPE_INTEGER:\n            return (\n                <IntegerMetadataField\n                    dataKey={dataKey}\n                    dataValue={dataValue}\n                    description={description}\n                    displayName={displayName}\n                    error={error}\n                    isDisabled={isDisabled}\n                    onChange={onChange}\n                    onRemove={onRemove}\n                    type={type}\n                />\n            );\n\n        case FIELD_TYPE_ENUM:\n            return (\n                <EnumMetadataField\n                    blurExceptionClassNames={blurExceptionClassNames}\n                    dataKey={dataKey}\n                    dataValue={dataValue}\n                    description={description}\n                    displayName={displayName}\n                    isDisabled={isDisabled}\n                    onChange={onChange}\n                    onRemove={onRemove}\n                    options={options}\n                />\n            );\n\n        case FIELD_TYPE_MULTISELECT:\n            return (\n                <MultiSelectMetadataField\n                    blurExceptionClassNames={blurExceptionClassNames}\n                    dataKey={dataKey}\n                    dataValue={dataValue}\n                    description={description}\n                    displayName={displayName}\n                    isDisabled={isDisabled}\n                    onChange={onChange}\n                    onRemove={onRemove}\n                    options={options}\n                />\n            );\n\n        case FIELD_TYPE_DATE:\n            return (\n                <DateMetadataField\n                    dataKey={dataKey}\n                    dataValue={dataValue}\n                    description={description}\n                    displayName={displayName}\n                    isDisabled={isDisabled}\n                    onChange={onChange}\n                    onRemove={onRemove}\n                />\n            );\n\n        default:\n            return (\n                <InlineError title={type}>\n                    <FormattedMessage {...messages.invalidMetadataFieldType} />\n                </InlineError>\n            );\n    }\n};\n\nexport default MetadataField;\n"],"mappings":"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","ignoreList":[]}

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

@@ -10,6 +10,7 @@ const MultiSelectMetadataField = ({
   dataValue,
   displayName,
   description,
+  isDisabled,
   onChange,
   onRemove,
   options = []
@@ -23,6 +24,7 @@ const MultiSelectMetadataField = ({
     className: "bdl-MultiSelectMetadataField-desc"
   }, description), /*#__PURE__*/React.createElement(MultiSelect, {
     blurExceptionClassNames: blurExceptionClassNames,
+    isDisabled: isDisabled,
     isEscapedWithReference: true,
     isScrollable: true,
     onChange: selectedOptions => {

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

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectMetadataField.js","names":["React","FormattedMessage","Label","MultiSelect","messages","MultiSelectMetadataField","blurExceptionClassNames","dataKey","dataValue","displayName","description","onChange","onRemove","options","placeholder","createElement","metadataFieldMultiSelectValue","className","text","isEscapedWithReference","isScrollable","selectedOptions","length","map","value","option","displayText","key","selectedValues","MultiSelectMetadataFieldBase"],"sources":["../../../src/features/metadata-instance-fields/MultiSelectMetadataField.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport Label from '../../components/label/Label';\nimport MultiSelect from '../../components/select-field/MultiSelectField';\nimport type { SelectOptionProp } from '../../components/select-field/props';\n\nimport messages from './messages';\n\nimport type { MetadataFieldValue, MetadataTemplateFieldOption } from '../../common/types/metadata';\n\nimport './MultiSelectMetadataField.scss';\n\ntype Props = {\n    blurExceptionClassNames?: Array<string>,\n    dataKey: string,\n    dataValue?: MetadataFieldValue,\n    description?: string,\n    displayName: string,\n    onChange: (key: string, value: MetadataFieldValue) => void,\n    onRemove: (key: string) => void,\n    options?: Array<MetadataTemplateFieldOption>,\n};\n\nconst MultiSelectMetadataField = ({\n    blurExceptionClassNames,\n    dataKey,\n    dataValue,\n    displayName,\n    description,\n    onChange,\n    onRemove,\n    options = [],\n}: Props) => {\n    const placeholder = <FormattedMessage {...messages.metadataFieldMultiSelectValue} />;\n\n    return (\n        <div className=\"bdl-MultiSelectMetadataField\">\n            <Label text={displayName}>\n                {!!description && <i className=\"bdl-MultiSelectMetadataField-desc\">{description}</i>}\n                <MultiSelect\n                    blurExceptionClassNames={blurExceptionClassNames}\n                    isEscapedWithReference\n                    isScrollable\n                    onChange={(selectedOptions: Array<SelectOptionProp>) => {\n                        if (selectedOptions.length) {\n                            onChange(\n                                dataKey,\n                                selectedOptions.map(({ value }) => value),\n                            );\n                        } else {\n                            onRemove(dataKey);\n                        }\n                    }}\n                    options={options.map(option => ({\n                        displayText: option.key,\n                        value: option.key,\n                    }))}\n                    placeholder={placeholder}\n                    selectedValues={dataValue}\n                />\n            </Label>\n        </div>\n    );\n};\n\nexport { MultiSelectMetadataField as MultiSelectMetadataFieldBase };\nexport default MultiSelectMetadataField;\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,gBAAgB,QAAQ,YAAY;AAE7C,OAAOC,KAAK,MAAM,8BAA8B;AAChD,OAAOC,WAAW,MAAM,gDAAgD;AAGxE,OAAOC,QAAQ,MAAM,YAAY;AAIjC,OAAO,iCAAiC;AAaxC,MAAMC,wBAAwB,GAAGA,CAAC;EAC9BC,uBAAuB;EACvBC,OAAO;EACPC,SAAS;EACTC,WAAW;EACXC,WAAW;EACXC,QAAQ;EACRC,QAAQ;EACRC,OAAO,GAAG;AACP,CAAC,KAAK;EACT,MAAMC,WAAW,gBAAGd,KAAA,CAAAe,aAAA,CAACd,gBAAgB,EAAKG,QAAQ,CAACY,6BAAgC,CAAC;EAEpF,oBACIhB,KAAA,CAAAe,aAAA;IAAKE,SAAS,EAAC;EAA8B,gBACzCjB,KAAA,CAAAe,aAAA,CAACb,KAAK;IAACgB,IAAI,EAAET;EAAY,GACpB,CAAC,CAACC,WAAW,iBAAIV,KAAA,CAAAe,aAAA;IAAGE,SAAS,EAAC;EAAmC,GAAEP,WAAe,CAAC,eACpFV,KAAA,CAAAe,aAAA,CAACZ,WAAW;IACRG,uBAAuB,EAAEA,uBAAwB;IACjDa,sBAAsB;IACtBC,YAAY;IACZT,QAAQ,EAAGU,eAAwC,IAAK;MACpD,IAAIA,eAAe,CAACC,MAAM,EAAE;QACxBX,QAAQ,CACJJ,OAAO,EACPc,eAAe,CAACE,GAAG,CAAC,CAAC;UAAEC;QAAM,CAAC,KAAKA,KAAK,CAC5C,CAAC;MACL,CAAC,MAAM;QACHZ,QAAQ,CAACL,OAAO,CAAC;MACrB;IACJ,CAAE;IACFM,OAAO,EAAEA,OAAO,CAACU,GAAG,CAACE,MAAM,KAAK;MAC5BC,WAAW,EAAED,MAAM,CAACE,GAAG;MACvBH,KAAK,EAAEC,MAAM,CAACE;IAClB,CAAC,CAAC,CAAE;IACJb,WAAW,EAAEA,WAAY;IACzBc,cAAc,EAAEpB;EAAU,CAC7B,CACE,CACN,CAAC;AAEd,CAAC;AAED,SAASH,wBAAwB,IAAIwB,4BAA4B;AACjE,eAAexB,wBAAwB","ignoreList":[]}
+{"version":3,"file":"MultiSelectMetadataField.js","names":["React","FormattedMessage","Label","MultiSelect","messages","MultiSelectMetadataField","blurExceptionClassNames","dataKey","dataValue","displayName","description","isDisabled","onChange","onRemove","options","placeholder","createElement","metadataFieldMultiSelectValue","className","text","isEscapedWithReference","isScrollable","selectedOptions","length","map","value","option","displayText","key","selectedValues","MultiSelectMetadataFieldBase"],"sources":["../../../src/features/metadata-instance-fields/MultiSelectMetadataField.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport Label from '../../components/label/Label';\nimport MultiSelect from '../../components/select-field/MultiSelectField';\nimport type { SelectOptionProp } from '../../components/select-field/props';\n\nimport messages from './messages';\n\nimport type { MetadataFieldValue, MetadataTemplateFieldOption } from '../../common/types/metadata';\n\nimport './MultiSelectMetadataField.scss';\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 MultiSelectMetadataField = ({\n    blurExceptionClassNames,\n    dataKey,\n    dataValue,\n    displayName,\n    description,\n    isDisabled,\n    onChange,\n    onRemove,\n    options = [],\n}: Props) => {\n    const placeholder = <FormattedMessage {...messages.metadataFieldMultiSelectValue} />;\n\n    return (\n        <div className=\"bdl-MultiSelectMetadataField\">\n            <Label text={displayName}>\n                {!!description && <i className=\"bdl-MultiSelectMetadataField-desc\">{description}</i>}\n                <MultiSelect\n                    blurExceptionClassNames={blurExceptionClassNames}\n                    isDisabled={isDisabled}\n                    isEscapedWithReference\n                    isScrollable\n                    onChange={(selectedOptions: Array<SelectOptionProp>) => {\n                        if (selectedOptions.length) {\n                            onChange(\n                                dataKey,\n                                selectedOptions.map(({ value }) => value),\n                            );\n                        } else {\n                            onRemove(dataKey);\n                        }\n                    }}\n                    options={options.map(option => ({\n                        displayText: option.key,\n                        value: option.key,\n                    }))}\n                    placeholder={placeholder}\n                    selectedValues={dataValue}\n                />\n            </Label>\n        </div>\n    );\n};\n\nexport { MultiSelectMetadataField as MultiSelectMetadataFieldBase };\nexport default MultiSelectMetadataField;\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,gBAAgB,QAAQ,YAAY;AAE7C,OAAOC,KAAK,MAAM,8BAA8B;AAChD,OAAOC,WAAW,MAAM,gDAAgD;AAGxE,OAAOC,QAAQ,MAAM,YAAY;AAIjC,OAAO,iCAAiC;AAcxC,MAAMC,wBAAwB,GAAGA,CAAC;EAC9BC,uBAAuB;EACvBC,OAAO;EACPC,SAAS;EACTC,WAAW;EACXC,WAAW;EACXC,UAAU;EACVC,QAAQ;EACRC,QAAQ;EACRC,OAAO,GAAG;AACP,CAAC,KAAK;EACT,MAAMC,WAAW,gBAAGf,KAAA,CAAAgB,aAAA,CAACf,gBAAgB,EAAKG,QAAQ,CAACa,6BAAgC,CAAC;EAEpF,oBACIjB,KAAA,CAAAgB,aAAA;IAAKE,SAAS,EAAC;EAA8B,gBACzClB,KAAA,CAAAgB,aAAA,CAACd,KAAK;IAACiB,IAAI,EAAEV;EAAY,GACpB,CAAC,CAACC,WAAW,iBAAIV,KAAA,CAAAgB,aAAA;IAAGE,SAAS,EAAC;EAAmC,GAAER,WAAe,CAAC,eACpFV,KAAA,CAAAgB,aAAA,CAACb,WAAW;IACRG,uBAAuB,EAAEA,uBAAwB;IACjDK,UAAU,EAAEA,UAAW;IACvBS,sBAAsB;IACtBC,YAAY;IACZT,QAAQ,EAAGU,eAAwC,IAAK;MACpD,IAAIA,eAAe,CAACC,MAAM,EAAE;QACxBX,QAAQ,CACJL,OAAO,EACPe,eAAe,CAACE,GAAG,CAAC,CAAC;UAAEC;QAAM,CAAC,KAAKA,KAAK,CAC5C,CAAC;MACL,CAAC,MAAM;QACHZ,QAAQ,CAACN,OAAO,CAAC;MACrB;IACJ,CAAE;IACFO,OAAO,EAAEA,OAAO,CAACU,GAAG,CAACE,MAAM,KAAK;MAC5BC,WAAW,EAAED,MAAM,CAACE,GAAG;MACvBH,KAAK,EAAEC,MAAM,CAACE;IAClB,CAAC,CAAC,CAAE;IACJb,WAAW,EAAEA,WAAY;IACzBc,cAAc,EAAErB;EAAU,CAC7B,CACE,CACN,CAAC;AAEd,CAAC;AAED,SAASH,wBAAwB,IAAIyB,4BAA4B;AACjE,eAAezB,wBAAwB","ignoreList":[]}