@atlaskit/editor-core 178.1.1 → 178.1.2

package/dist/es2019/ui/ConfigPanel/Fields/ColorPicker.js

@@ -10,6 +10,7 @@ import { requiredIndicator } from './common/RequiredIndicator';
 import { headingSizes } from '@atlaskit/theme/typography';
 import FieldMessages from '../FieldMessages';
 import ColorPickerButton from '../../ColorPickerButton';
+
 /*
     NOTE: color used here are not yet in atlaskit code
     this is part of extended color pack from ADG, which is yet to be release
@@ -21,84 +22,107 @@ import ColorPickerButton from '../../ColorPickerButton';
 const colorPalette = [{
   label: 'Light Blue',
   value: '#7AB2FFFF'
-}, // 400
+},
+// 400
 {
   label: 'Light Green',
   value: '#6BE1B0FF'
-}, // 400
+},
+// 400
 {
   label: 'Light Yellow',
   value: '#FFDB57FF'
-}, // 400
+},
+// 400
 {
   label: 'Light Red',
   value: '#FF8F73FF'
-}, // 400
+},
+// 400
 {
   label: 'Light Purple',
   value: '#B5A7FBFF'
-}, // 400
+},
+// 400
+
 {
   label: 'Blue',
   value: '#247FFFFF'
-}, // 600
+},
+// 600
 {
   label: 'Green',
   value: '#23A971FF'
-}, // 600
+},
+// 600
 {
   label: 'Yellow',
   value: '#FFBE33FF'
-}, // 600
+},
+// 600
 {
   label: 'Red',
   value: '#FC552CFF'
-}, // 600
+},
+// 600
 {
   label: 'Purple',
   value: '#8B77EEFF'
-}, // 600
+},
+// 600
+
 {
   label: 'Dark Blue',
   value: '#0055CCFF'
-}, // 800
+},
+// 800
 {
   label: 'Dark Green',
   value: '#177D52FF'
-}, // 800
+},
+// 800
 {
   label: 'Dark Yellow',
   value: '#FF9D00FF'
-}, // 800
+},
+// 800
 {
   label: 'Dark Red',
   value: '#D32D03FF'
-}, // 800
+},
+// 800
 {
   label: 'Dark Purple',
   value: '#5A43D0FF'
-}, // 800
+},
+// 800
+
 {
   label: 'Darker Blue',
   value: '#003884FF'
-}, // 1000
+},
+// 1000
 {
   label: 'Darker Green',
   value: '#055C3FFF'
-}, // 1000
+},
+// 1000
 {
   label: 'Darker Yellow',
   value: '#946104FF'
-}, // 1000
+},
+// 1000
 {
   label: 'Darker Red',
   value: '#A32000FF'
-}, // 1000
+},
+// 1000
 {
   label: 'Darker Purple',
   value: '#44368BFF'
 } // 1000
-].map(color => ({ ...color,
+].map(color => ({
+  ...color,
   border: DEFAULT_BORDER_COLOR
 }));
 const colorPickerWrapper = css`
@@ -112,7 +136,6 @@ const colorPickerLabel = css`
   font-size: ${headingSizes.h400.size}px;
   margin-top: 0;
 `;
-
 const ColorPicker = props => {
   const {
     name,
@@ -122,18 +145,14 @@ const ColorPicker = props => {
     onChange,
     onFieldChange
   } = props;
-
   const onColorChange = color => {
     const colorValue = color.value;
-
     if (!isValidHex(colorValue)) {
       throw new Error('invalid hex value');
     }
-
     onChange(colorValue);
     onFieldChange(name, currentColor !== colorValue);
   };
-
   return jsx(ColorPickerButton, {
     title: title,
     currentColor: currentColor,
@@ -148,7 +167,6 @@ const ColorPicker = props => {
     }
   });
 };
-
 const ColorPickerField = ({
   name,
   field,
@@ -186,5 +204,4 @@ const ColorPickerField = ({
     description: ""
   })));
 };
-
 export default ColorPickerField;

package/dist/es2019/ui/ConfigPanel/Fields/CustomSelect.js

@@ -9,7 +9,6 @@ import { getCustomFieldResolver } from '@atlaskit/editor-common/extensions';
 import FieldMessages from '../FieldMessages';
 import UnhandledType from './UnhandledType';
 import { validate } from '../utils';
-
 function FieldError({
   name,
   field
@@ -23,7 +22,6 @@ function FieldError({
     errorMessage: `Field "${name}" can't be rendered. Missing resolver for "${type}".`
   });
 }
-
 function CustomSelect({
   name,
   autoFocus,
@@ -48,31 +46,26 @@ function CustomSelect({
   const [defaultValue, setDefaultValue] = useState(undefined);
   useEffect(() => {
     let cancel = false;
-
     async function fetchResolver() {
       setLoading(true);
-
       try {
         const resolver = await getCustomFieldResolver(extensionManifest, field.options.resolver);
-
         if (cancel) {
           return;
         }
+        setResolver(() => resolver);
 
-        setResolver(() => resolver); // fetch the default values
-
+        // fetch the default values
         const options = await resolver(undefined, fieldDefaultValue, parameters);
         setDefaultOptions(options);
-
         if (cancel) {
           return;
-        } // filter returned values to match the defaultValue
-
+        }
 
+        // filter returned values to match the defaultValue
         if (fieldDefaultValue && isMultiple) {
           setDefaultValue(options.filter(option => fieldDefaultValue.includes(option.value)));
         }
-
         if (fieldDefaultValue && !isMultiple) {
           setDefaultValue(options.find(option => fieldDefaultValue === option.value));
         }
@@ -80,25 +73,20 @@ function CustomSelect({
         // eslint-disable-next-line no-console
         console.error(e);
       }
-
       setLoading(false);
     }
-
     fetchResolver();
     return () => {
       cancel = true;
     };
   }, [extensionManifest, field.options.resolver, fieldDefaultValue, isMultiple, parameters]);
-
   function formatCreateLabel(value) {
     if (!value) {
       return null;
     }
-
     const message = intl.formatMessage(messages.createOption);
     return `${message} "${value}"`;
   }
-
   const {
     isCreatable
   } = options;
@@ -113,11 +101,12 @@ function CustomSelect({
     error
   }) => /*#__PURE__*/React.createElement(React.Fragment, null, resolver && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AsyncCreatableSelect, _extends({}, fieldProps, {
     onChange: value => {
-      fieldProps.onChange(value); // We assume onChange is called whenever values actually changed
+      fieldProps.onChange(value);
+      // We assume onChange is called whenever values actually changed
       // for isDirty
-
       onFieldChange(name, true);
-    } // add type cast to avoid adding a "IsMulti" generic prop (TODO: ED-12072)
+    }
+    // add type cast to avoid adding a "IsMulti" generic prop (TODO: ED-12072)
     ,
     isMulti: isMultiple || false,
     isClearable: true,
@@ -139,5 +128,4 @@ function CustomSelect({
     field: field
   })));
 }
-
 export default injectIntl(CustomSelect);

package/dist/es2019/ui/ConfigPanel/Fields/Date.js

@@ -5,7 +5,6 @@ import { Field } from '@atlaskit/form';
 import { DatePicker } from '@atlaskit/datetime-picker';
 import FieldMessages from '../FieldMessages';
 import { validate } from '../utils';
-
 function Date({
   name,
   field,
@@ -47,5 +46,4 @@ function Date({
     }));
   });
 }
-
 export default injectIntl(Date);

package/dist/es2019/ui/ConfigPanel/Fields/DateRange.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { Fragment, useState, useEffect, useMemo } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -22,13 +21,11 @@ const horizontalFieldWrapper = css`
 const hidden = css`
   display: none;
 `;
-
 const getFromDefaultValue = (field, attribute) => {
   if (field.defaultValue) {
     return field.defaultValue[attribute];
   }
 };
-
 const DateField = ({
   parentField,
   scope,
@@ -61,7 +58,6 @@ const DateField = ({
 })), jsx(FieldMessages, {
   error: error
 }))));
-
 const DateRange = function ({
   name,
   field,
@@ -72,7 +68,8 @@ const DateRange = function ({
     return [...(field.items || []), {
       label: intl.formatMessage(messages.custom),
       value: 'custom'
-    }].map(option => ({ ...option,
+    }].map(option => ({
+      ...option,
       name
     }));
   }, [field.items, name, intl]);
@@ -138,5 +135,4 @@ const DateRange = function ({
   }));
   return element;
 };
-
 export default injectIntl(DateRange);

package/dist/es2019/ui/ConfigPanel/Fields/Enum.js

@@ -16,14 +16,12 @@ export default function Enum({
         field: field,
         onFieldChange: onFieldChange
       });
-
     case 'radio':
       return /*#__PURE__*/React.createElement(RadioGroup, {
         name: name,
         field: field,
         onFieldChange: onFieldChange
       });
-
     case 'select':
       return /*#__PURE__*/React.createElement(Select, {
         name: name,

package/dist/es2019/ui/ConfigPanel/Fields/Expand.js

@@ -32,12 +32,10 @@ const labelContainer = css`
   display: flex;
   font-weight: 500;
 `;
-
 const expandContentContainer = isHidden => css`
   display: ${isHidden ? 'none' : 'block'};
   margin-top: -${gridSize()}px;
 `;
-
 function Expand({
   field,
   children,
@@ -68,5 +66,4 @@ function Expand({
     css: expandContentContainer(!expanded)
   }, children));
 }
-
 export default injectIntl(Expand);

package/dist/es2019/ui/ConfigPanel/Fields/Fieldset.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /** @jsx jsx */
 import React, { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -17,69 +16,56 @@ const actionsWrapper = css`
   margin-top: ${gridSize() * 2}px;
   padding-top: ${gridSize() * 2}px;
 `;
-
 const populateFromParameters = (parameters, fields) => {
   if (Object.keys(parameters).length) {
     const keys = Object.keys(parameters);
     const existingFieldKeys = keys.filter(key => fields.find(field => field.name === getNameFromDuplicateField(key)));
-
     if (existingFieldKeys.length > 0) {
       return existingFieldKeys;
     }
   }
 };
-
 const populateFromRequired = fields => {
   return fields.filter(field => field.isRequired).map(field => field.name);
 };
-
 const getInitialFields = (parameters = {}, fields, isDynamic) => {
   if (!isDynamic) {
     return new Set(fields.map(field => field.name));
   }
-
   const dynamicFields = [];
   const fromRequired = populateFromRequired(fields);
-
   if (fromRequired) {
     dynamicFields.push(...fromRequired);
   }
-
   const fromParameters = populateFromParameters(parameters, fields);
-
   if (fromParameters) {
     dynamicFields.push(...fromParameters);
   }
-
   if (dynamicFields.length === 0 && Array.isArray(fields) && fields.length > 0) {
     dynamicFields.push(fields[0].name);
   }
-
   return new Set(dynamicFields);
 };
-
 class FieldsetField extends React.Component {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "getSelectedFields", visibleFields => {
       const {
         field
       } = this.props;
       return [...visibleFields].map(fieldName => {
         const originalFieldDef = field.fields.find(field => field.name === getNameFromDuplicateField(fieldName));
-        const fieldDef = { ...originalFieldDef,
+        const fieldDef = {
+          ...originalFieldDef,
           name: fieldName
-        }; // for duplicate fields we only want the first one to actually be required
-
+        };
+        // for duplicate fields we only want the first one to actually be required
         if (originalFieldDef.name !== fieldName && fieldDef.isRequired === true) {
           fieldDef.isRequired = false;
         }
-
         return fieldDef;
       });
     });
-
     _defineProperty(this, "getSelectOptions", visibleFields => {
       const {
         field
@@ -89,44 +75,41 @@ class FieldsetField extends React.Component {
         label: field.label
       }));
     });
-
     _defineProperty(this, "setIsAdding", value => {
-      this.setState(state => ({ ...state,
+      this.setState(state => ({
+        ...state,
         isAdding: value
       }));
     });
-
     _defineProperty(this, "setCurrentParameters", parameters => {
-      this.setState(state => ({ ...state,
+      this.setState(state => ({
+        ...state,
         currentParameters: parameters
-      }), // callback required so autosave can be triggered on
+      }),
+      // callback required so autosave can be triggered on
       // the right moment if fields are being removed
       () => this.props.onFieldChange(this.props.field.name, true));
     });
-
     _defineProperty(this, "setVisibleFields", fields => {
-      this.setState(state => ({ ...state,
+      this.setState(state => ({
+        ...state,
         visibleFields: fields,
         selectedFields: this.getSelectedFields(fields),
         selectOptions: this.getSelectOptions(fields)
       }));
     });
-
     _defineProperty(this, "onSelectItem", option => {
       const {
         visibleFields
       } = this.state;
       let newItem = option.value;
       const duplicates = [...visibleFields].filter(field => getNameFromDuplicateField(field) === newItem);
-
       if (duplicates.length > 0) {
         newItem += `:${duplicates.length}`;
       }
-
       this.setVisibleFields(new Set([...visibleFields, newItem]));
       this.setIsAdding(false);
     });
-
     _defineProperty(this, "onClickRemove", fieldName => {
       const {
         visibleFields,
@@ -134,26 +117,23 @@ class FieldsetField extends React.Component {
       } = this.state;
       visibleFields.delete(fieldName);
       this.setVisibleFields(new Set(visibleFields));
-      const newParameters = { ...currentParameters
+      const newParameters = {
+        ...currentParameters
       };
-      delete newParameters[fieldName]; // if any there are duplicate fields that come after the one removed, we want to reduce their
+      delete newParameters[fieldName];
+      // if any there are duplicate fields that come after the one removed, we want to reduce their
       // duplicate index eg. label:2 -> label:1
-
       if (isDuplicateField(fieldName)) {
         const [key, idx] = fieldName.split(':');
         let currentIdx = +idx;
-
         while (currentParameters[`${key}:${currentIdx + 1}`]) {
           newParameters[`${key}:${currentIdx}`] = currentParameters[`${key}:${currentIdx + 1}`];
           currentIdx++;
         }
-
         delete newParameters[`${key}:${currentIdx}`];
       }
-
       this.setCurrentParameters(newParameters);
     });
-
     _defineProperty(this, "renderActions", () => {
       const {
         intl
@@ -162,11 +142,9 @@ class FieldsetField extends React.Component {
         selectOptions,
         isAdding
       } = this.state;
-
       if (selectOptions.length === 0) {
         return null;
       }
-
       return jsx(React.Fragment, null, isAdding ? jsx(Select, {
         testId: "field-picker",
         defaultMenuIsOpen: true,
@@ -188,7 +166,6 @@ class FieldsetField extends React.Component {
         onClick: () => this.setIsAdding(true)
       }, intl.formatMessage(messages.addField)));
     });
-
     const initialFields = getInitialFields(props.parameters, props.field.fields, props.field.options.isDynamic);
     this.state = {
       isAdding: false,
@@ -198,7 +175,6 @@ class FieldsetField extends React.Component {
       selectOptions: this.getSelectOptions(initialFields)
     };
   }
-
   render() {
     const {
       name,
@@ -235,9 +211,7 @@ class FieldsetField extends React.Component {
       "data-testId": "fieldset-actions"
     }, children)));
   }
-
 }
-
 function FieldsetError({
   message
 }) {
@@ -247,7 +221,6 @@ function FieldsetError({
     appearance: "error"
   }, jsx("p", null, message)));
 }
-
 const sectionMessageWrapper = css`
   margin-bottom: 24px;
 `;

package/dist/es2019/ui/ConfigPanel/Fields/Number.js

@@ -19,25 +19,19 @@ export default function Number({
     defaultValue,
     isRequired
   } = field;
-
   function validateNumber(value) {
     const error = validate(field, value || '');
-
     if (error) {
       return error;
     }
-
     if (value === '') {
       return;
     }
-
     if (isNumber(value)) {
       return;
     }
-
     return ValidationError.Invalid;
   }
-
   return /*#__PURE__*/React.createElement(Field, {
     name: name,
     label: label,

package/dist/es2019/ui/ConfigPanel/Fields/RadioGroup.js

@@ -15,7 +15,6 @@ export default function RadioField({
       error: FieldTypeError.isMultipleAndRadio
     });
   }
-
   return /*#__PURE__*/React.createElement(Field, {
     name: name,
     label: field.label,
@@ -26,7 +25,8 @@ export default function RadioField({
     fieldProps,
     error
   }) => /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(RadioGroup, _extends({}, fieldProps, {
-    options: (field.items || []).map(option => ({ ...option,
+    options: (field.items || []).map(option => ({
+      ...option,
       name: field.name
     })),
     onChange: value => {

package/dist/es2019/ui/ConfigPanel/Fields/Select.js

@@ -31,7 +31,8 @@ export default function SelectField({
     onChange: value => {
       fieldProps.onChange(value);
       onFieldChange(name, true);
-    } // add type cast to avoid adding a "IsMulti" generic prop (TODO: ED-12072)
+    }
+    // add type cast to avoid adding a "IsMulti" generic prop (TODO: ED-12072)
     ,
     isMulti: field.isMultiple || false,
     options: field.items || [],

package/dist/es2019/ui/ConfigPanel/Fields/SelectItem.js

@@ -19,15 +19,12 @@ const iconWrapperMenu = css`
   align-self: flex-start;
   margin-top: 3px;
 `;
-
 const getIconSize = (context, description) => {
   if (context === 'value' || !description) {
     return 'xsmall';
   }
-
   return 'small';
 };
-
 export const formatOptionLabel = ({
   label,
   icon,

package/dist/es2019/ui/ConfigPanel/Fields/String.js

@@ -49,7 +49,6 @@ export default function String({
         description: description
       }));
     }
-
     return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(TextField, _extends({}, fieldProps, {
       type: "text",
       autoFocus: autoFocus,

package/dist/es2019/ui/ConfigPanel/Fields/TabGroup.js

@@ -18,7 +18,6 @@ const panelWrapper = css`
   flex-grow: 1;
   max-width: 100%;
 `;
-
 const TabGroupImpl = props => {
   const {
     field,
@@ -52,7 +51,6 @@ const TabGroupImpl = props => {
     css: panelWrapper
   }, renderPanel(field))))));
 };
-
 TabGroupImpl.displayName = 'TabGroup';
 const TabGroup = injectIntl(TabGroupImpl);
 export default TabGroup;