npm - box-ui-elements - Versions diffs - 23.4.0-beta.1 → 23.4.0-beta.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (85) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":"AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,gBAAgB,QAAQ,YAAY;AAE7C,OAAOC,WAAW,MAAM,2CAA2C;AAEnE,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,wBAAwB,MAAM,4BAA4B;AACjE,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,OAAOC,QAAQ,MAAM,YAAY;AAGjC,SACIC,eAAe,EACfC,gBAAgB,EAChBC,kBAAkB,EAClBC,iBAAiB,EACjBC,eAAe,EACfC,sBAAsB,QACnB,aAAa;~~AAiBpB~~,MAAMC,aAAa,GAAGA,CAAC;EACnBC,uBAAuB;EACvBC,OAAO;EACPC,SAAS;EACTC,WAAW;EACXC,WAAW;EACXC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,QAAQ;EACRC,OAAO;EACPC;AACG,CAAC,KAAK;EACT,IAAIL,QAAQ,EAAE;IACV,OAAO,IAAI;EACf;EAEA,IAAI,CAACC,OAAO,EAAE;IACV,~~oBACIzB~~,KAAA,~~CAAA8B~~,aAAA,~~CAACrB~~,qBAAqB;MAClBW,SAAS,EAAEA,SAAU;MACrBE,WAAW,EAAEA,WAAY;MACzBD,WAAW,EAAEA,WAAY;~~MACzBQ~~,IAAI,EAAEA;IAAK,CACd,CAAC;EAEV;EAEA,IAAI,CAACH,QAAQ,IAAI,CAACC,QAAQ,EAAE;IACxB,MAAM,IAAII,KAAK,CAAC,oCAAoC,CAAC;EACzD;EAEA,QAAQF,IAAI;IACR,~~KAAKf~~,iBAAiB;MAClB,oBACId,KAAA,~~CAAA8B~~,aAAA,~~CAAC3B~~,iBAAiB;QACdgB,OAAO,EAAEA,OAAQ;QACjBC,SAAS,EAAEA,SAAU;QACrBE,WAAW,EAAEA,WAAY;QACzBD,WAAW,EAAEA,WAAY;~~QACzBK~~,QAAQ,EAAEA,QAAS;QACnBC,QAAQ,EAAEA;MAAS,CACtB,CAAC;IAGV,~~KAAKf~~,gBAAgB;MACjB,oBACIZ,KAAA,~~CAAA8B~~,aAAA,~~CAACxB~~,kBAAkB;QACfa,OAAO,EAAEA,OAAQ;QACjBC,SAAS,EAAEA,SAAU;QACrBE,WAAW,EAAEA,WAAY;QACzBD,WAAW,EAAEA,WAAY;QACzBE,KAAK,EAAEA,KAAM;~~QACbG~~,QAAQ,EAAEA,QAAS;QACnBC,QAAQ,EAAEA,QAAS;QACnBE,IAAI,EAAEA;MAAK,CACd,CAAC;IAGV,~~KAAKhB~~,kBAAkB;MACnB,oBACIb,KAAA,~~CAAA8B~~,aAAA,~~CAACvB~~,oBAAoB;QACjBY,OAAO,EAAEA,OAAQ;QACjBC,SAAS,EAAEA,SAAU;QACrBE,WAAW,EAAEA,WAAY;QACzBD,WAAW,EAAEA,WAAY;QACzBE,KAAK,EAAEA,KAAM;~~QACbG~~,QAAQ,EAAEA,QAAS;QACnBC,QAAQ,EAAEA,QAAS;QACnBE,IAAI,EAAEA;MAAK,CACd,CAAC;IAGV,~~KAAKlB~~,eAAe;MAChB,oBACIX,KAAA,~~CAAA8B~~,aAAA,~~CAAC1B~~,iBAAiB;QACdc,uBAAuB,EAAEA,uBAAwB;QACjDC,OAAO,EAAEA,OAAQ;QACjBC,SAAS,EAAEA,SAAU;QACrBE,WAAW,EAAEA,WAAY;QACzBD,WAAW,EAAEA,WAAY;~~QACzBK~~,QAAQ,EAAEA,QAAS;QACnBC,QAAQ,EAAEA,QAAS;QACnBC,OAAO,EAAEA;MAAQ,CACpB,CAAC;IAGV,~~KAAKZ~~,sBAAsB;MACvB,oBACIhB,KAAA,~~CAAA8B~~,aAAA,~~CAACtB~~,wBAAwB;QACrBU,uBAAuB,EAAEA,uBAAwB;QACjDC,OAAO,EAAEA,OAAQ;QACjBC,SAAS,EAAEA,SAAU;QACrBE,WAAW,EAAEA,WAAY;QACzBD,WAAW,EAAEA,WAAY;~~QACzBK~~,QAAQ,EAAEA,QAAS;QACnBC,QAAQ,EAAEA,QAAS;QACnBC,OAAO,EAAEA;MAAQ,CACpB,CAAC;IAGV,~~KAAKb~~,eAAe;MAChB,oBACIf,KAAA,~~CAAA8B~~,aAAA,~~CAACzB~~,iBAAiB;QACdc,OAAO,EAAEA,OAAQ;QACjBC,SAAS,EAAEA,SAAU;QACrBE,WAAW,EAAEA,WAAY;QACzBD,WAAW,EAAEA,WAAY;~~QACzBK~~,QAAQ,EAAEA,QAAS;QACnBC,QAAQ,EAAEA;MAAS,CACtB,CAAC;IAGV;MACI,~~oBACI3B~~,KAAA,~~CAAA8B~~,aAAA,~~CAAC5B~~,WAAW;~~QAAC8B~~,KAAK,EAAEH;MAAK,~~gBACrB7B~~,KAAA,~~CAAA8B~~,aAAA,~~CAAC7B~~,gBAAgB,EAAKS,QAAQ,~~CAACuB~~,wBAA2B,CACjD,CAAC;EAE1B;AACJ,CAAC;AAED,~~eAAehB~~,aAAa","ignoreList":[]}
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","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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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":[]}