@atlaskit/editor-core 178.1.1 → 179.0.0

package/dist/es2019/ui/ConfigPanel/transformers.js

@@ -1,14 +1,11 @@
 import { isFieldset, isDateRange, isTabGroup, isTabField, isExpand, getFieldSerializer, getFieldDeserializer } from '@atlaskit/editor-common/extensions';
 import { getNameFromDuplicateField, isDuplicateField } from './utils';
-
 const isOption = option => {
   return option && typeof option === 'object' && 'label' in option && 'value' in option;
 };
-
 const isOptions = options => {
   return Array.isArray(options) && options.every(isOption);
 };
-
 /** maps the typed-values from the Form values object */
 function extract(value, field, options) {
   if (isOptions(value)) {
@@ -21,18 +18,15 @@ function extract(value, field, options) {
     if (value === '') {
       return;
     }
-
     return Number(value);
-  } // Workaround for https://product-fabric.atlassian.net/browse/DST-2701
+  }
+  // Workaround for https://product-fabric.atlassian.net/browse/DST-2701
   else if (options !== null && options !== void 0 && options.useDefaultValue && value === undefined && 'defaultValue' in field) {
     return field.defaultValue;
   }
-
   return value;
 }
-
 export const findDuplicateFields = fields => findDuplicateFieldsInternal(flattenFields(fields));
-
 const findDuplicateFieldsInternal = fields => {
   const allowDuplicatesMap = {};
   return fields.find(field => {
@@ -46,11 +40,9 @@ const findDuplicateFieldsInternal = fields => {
     } else if (!field.allowDuplicates || !allowDuplicatesMap[field.name]) {
       return field;
     }
-
     return;
   });
 };
-
 export const serialize = async (manifest, data, fields, options = {}) => {
   const result = [];
   const {
@@ -68,19 +60,20 @@ export const serialize = async (manifest, data, fields, options = {}) => {
     } else if (isExpand(field)) {
       const expandData = await serializeExpandField(manifest, field, data);
       result.push(...expandData);
-    } // WARNING: don't recursively serialize, limit to depth < 1
+    }
+    // WARNING: don't recursively serialize, limit to depth < 1
     // serializable?
     else if (isFieldset(field) && depth === 0) {
       const fieldsetData = await serializeFieldset(manifest, field, data, depth);
-
       if (fieldsetData) {
         result.push(fieldsetData);
       }
     } else {
       const value = extract(data[field.name], field, {
         useDefaultValue: true
-      }); // ignore undefined values
+      });
 
+      // ignore undefined values
       if (value !== undefined) {
         result.push({
           [field.name]: value
@@ -88,28 +81,25 @@ export const serialize = async (manifest, data, fields, options = {}) => {
       }
     }
   });
-  await Promise.all(fillResults); // Crunch fields down to parameters
+  await Promise.all(fillResults);
 
+  // Crunch fields down to parameters
   const parameters = result.reduce((obj, current) => {
     for (const key in current) {
       obj[key] = current[key];
     }
-
     return obj;
-  }, {}); // Fix up duplicate values (currently only for fieldsets)
+  }, {});
 
+  // Fix up duplicate values (currently only for fieldsets)
   const hasDuplicateFields = parentType === 'fieldset' && !!flattenedFields.find(field => field.allowDuplicates);
-
   if (hasDuplicateFields) {
     return serializeMergeDuplicateFieldData(parameters, data, flattenedFields);
   }
-
   return parameters;
 };
-
 const serializeFieldset = async (manifest, field, data, depth) => {
   let fieldSerializer;
-
   try {
     fieldSerializer = await getFieldSerializer(manifest, field.options.transformer);
   } catch (ex) {
@@ -118,11 +108,9 @@ const serializeFieldset = async (manifest, field, data, depth) => {
       throw ex;
     }
   }
-
   if (!fieldSerializer) {
     return;
   }
-
   const {
     fields: fieldsetFields
   } = field;
@@ -137,14 +125,12 @@ const serializeFieldset = async (manifest, field, data, depth) => {
     [field.name]: fieldSerializer(extracted)
   };
 };
-
 const serializeExpandField = async (manifest, field, data) => {
   const expandData = field.hasGroupedValues ? data[field.name] || {} : data;
   const value = await serialize(manifest, expandData, field.fields, {
     parentType: 'expand'
   });
   const results = [];
-
   if (!field.hasGroupedValues) {
     for (const fieldName in value) {
       results.push({
@@ -156,28 +142,23 @@ const serializeExpandField = async (manifest, field, data) => {
       [field.name]: value
     });
   }
-
   return results;
 };
-
 const resolveTabValues = async (manifest, tabField, groupData) => {
   const tabFieldParams = tabField.hasGroupedValues ? groupData[tabField.name] || {} : groupData;
   return await serialize(manifest, tabFieldParams, tabField.fields, {
     parentType: 'tab'
   });
 };
-
 const serializeTabGroupField = async (manifest, field, data) => {
   const {
     fields: tabs
   } = field;
   const results = [];
   const value = {};
-
   for (let i = 0; i < tabs.length; i++) {
     const tabField = tabs[i];
     const tabFieldParameters = await resolveTabValues(manifest, tabField, field.hasGroupedValues ? data[field.name] || {} : data);
-
     if (tabField.hasGroupedValues) {
       // Keep namespaced by tab
       value[tabField.name] = tabFieldParameters;
@@ -187,9 +168,9 @@ const serializeTabGroupField = async (manifest, field, data) => {
         value[fieldName] = tabFieldParameters[fieldName];
       }
     }
-  } // Now for tabGroup...
-
+  }
 
+  // Now for tabGroup...
   if (field.hasGroupedValues) {
     results.push({
       [field.name]: value
@@ -201,15 +182,12 @@ const serializeTabGroupField = async (manifest, field, data) => {
       });
     }
   }
-
   return results;
 };
-
 const serializeTabField = async (manifest, field, data) => {
   const results = [];
   const tabField = field;
   const tabFieldParameters = await resolveTabValues(manifest, tabField, data);
-
   if (tabField.hasGroupedValues) {
     // Keep namespaced by tab
     results.push({
@@ -223,56 +201,47 @@ const serializeTabField = async (manifest, field, data) => {
       });
     }
   }
-
   return results;
 };
-
 const serializeMergeDuplicateFieldData = (parameters, formData, flattenedFields) => {
   // Weed out all the non-duplicate field names
   const allDuplicateFieldNames = Object.keys(formData).filter(key => isDuplicateField(key));
   return flattenedFields.reduce((newParams, field) => {
     const paramValue = parameters[field.name];
-
     if (!field.allowDuplicates && paramValue !== undefined) {
       newParams[field.name] = paramValue;
     } else {
       // extract the given duplicate values through the field
       const duplicateValues = allDuplicateFieldNames.filter(name => getNameFromDuplicateField(name) === field.name).map(duplicateFieldName => extract(formData[duplicateFieldName], field, {
         useDefaultValue: true
-      })); // Merge and ensure that all values are worth serializing
-
-      const mergedValues = [paramValue, // first value
+      }));
+      // Merge and ensure that all values are worth serializing
+      const mergedValues = [paramValue,
+      // first value
       ...duplicateValues].filter(value => value !== undefined);
-
       if (mergedValues.length > 0) {
         // Replace so the duplicate field values are saved under the
         // fieldName as an array
         newParams[field.name] = mergedValues;
       }
     }
-
     return newParams;
   }, {});
 };
-
 function injectDefaultValues(data, fields) {
   const copy = [...convertToParametersArray(data)];
-
   for (const field of fields) {
     const {
       name
     } = field;
     const fieldIndex = copy.findIndex(item => Object.entries(item)[0][0] === name);
-
     if (fieldIndex >= 0 && !isFieldset(field)) {
       continue;
     }
-
     if (isFieldset(field)) {
       const {
         fields: fieldsetFields
       } = field;
-
       if (fieldIndex >= 0) {
         const fieldValue = Object.entries(copy[fieldIndex])[0][1];
         copy[fieldIndex] = {
@@ -284,22 +253,19 @@ function injectDefaultValues(data, fields) {
         });
       }
     }
-
     if ('defaultValue' in field) {
       copy.push({
         [name]: field.defaultValue
       });
     }
   }
-
   return convertToParametersObject(copy);
 }
+
 /**
  * Flattens the given FieldDefinition[] so it resembles the expected data
  * structure in result Parameters.
  */
-
-
 const flattenFields = fields => {
   const flattenAccumulator = (accumulator, field) => {
     if (isTabGroup(field)) {
@@ -321,38 +287,30 @@ const flattenFields = fields => {
     } else {
       accumulator.push(field);
     }
-
     return accumulator;
   };
-
   return fields.reduce(flattenAccumulator, []);
 };
-
 export const deserialize = async (manifest, data, fields, depth = 0) => {
   const dataArray = convertToParametersArray(data);
   let result = [];
   const errors = [];
   const flattenedFields = flattenFields(fields);
-
   for (const item of dataArray) {
     const [name, originalValue] = Object.entries(item)[0];
     const field = flattenedFields.find(field => field.name === getNameFromDuplicateField(name));
-
     if (field === undefined) {
       continue;
     }
-
     let value = extract(originalValue, field);
-
     if (value === undefined) {
       continue;
-    } // WARNING: don't recursively serialize, limit to depth < 1
-    // deserializable?
-
+    }
 
+    // WARNING: don't recursively serialize, limit to depth < 1
+    // deserializable?
     if (isFieldset(field) && depth === 0) {
       const fieldDeserializer = await getFieldDeserializer(manifest, field.options.transformer);
-
       if (fieldDeserializer) {
         try {
           value = fieldDeserializer(value);
@@ -362,60 +320,46 @@ export const deserialize = async (manifest, data, fields, depth = 0) => {
           });
           continue;
         }
-
         value = await deserialize(manifest, value, field.fields, depth + 1);
       }
     }
-
     result.push({
       [name]: value
     });
   }
-
   result = convertToParametersObject(result);
-
   if (errors.length > 0) {
     result.errors = convertToParametersObject(errors);
   }
-
   return injectDefaultValues(result, flattenedFields);
 };
-
 const convertToParametersObject = (parameters = []) => {
   if (!Array.isArray(parameters)) {
     return parameters;
   }
-
   return parameters.reduce((obj, current) => {
     for (const key in current) {
       const keys = Object.keys(obj);
       let resultKey = key;
       let idx = 1;
-
       while (keys.indexOf(resultKey) >= 0) {
         resultKey = `${getNameFromDuplicateField(key)}:${idx}`;
         idx++;
       }
-
       obj[resultKey] = current[key];
     }
-
     return obj;
   }, {});
 };
-
 const convertToParametersArray = (parameters = {}) => {
   if (Array.isArray(parameters)) {
     return parameters;
   }
-
   const dataArray = [];
-
   for (const name in parameters) {
     dataArray.push({
       [name]: parameters[name]
     });
   }
-
   return dataArray;
 };

package/dist/es2019/ui/ConfigPanel/types.js

@@ -1,12 +1,9 @@
 export let ValidationError;
-
 (function (ValidationError) {
   ValidationError["Required"] = "required";
   ValidationError["Invalid"] = "invalid";
 })(ValidationError || (ValidationError = {}));
-
 export let FieldTypeError;
-
 (function (FieldTypeError) {
   FieldTypeError["isMultipleAndRadio"] = "isMultipleAndRadio";
 })(FieldTypeError || (FieldTypeError = {}));

package/dist/es2019/ui/ConfigPanel/utils.js

@@ -8,11 +8,8 @@ export const fromEntries = iterable => {
     return obj;
   }, {});
 };
-
 const isEmptyString = value => typeof value === 'string' && value === '';
-
 const isEmptyArray = value => Array.isArray(value) && value.length === 0;
-
 export const validateRequired = ({
   isRequired,
   isMultiple
@@ -22,33 +19,31 @@ export const validateRequired = ({
     const isEmpty = isEmptyString(value) || isMultiple && isEmptyArray(value) || false;
     return isUndefined || isEmpty ? ValidationError.Required : undefined;
   }
-
   return undefined;
 };
 export const getOptionFromValue = (options, value) => {
   if (!Array.isArray(options) || options.length === 0) {
     return undefined;
   }
-
   if (Array.isArray(value)) {
     return options.filter(option => value.includes(option.value));
   }
-
   return options.find(option => value === option.value);
-}; // Atlaskit uses final-form to power the form.
+};
+
+// Atlaskit uses final-form to power the form.
 // Final-form will create nesting in the tree if a dot (.) is used in the name of the field.
 // A parent is provided from a <Fieldset /> and is appended to the name here for simplicity
-
 export const getSafeParentedName = (name, parentName) => {
   if (parentName && name.indexOf(`${parentName}.`) === -1) {
     return `${parentName}.${name}`;
   }
-
   return name;
 };
 const duplicateFieldRegex = /:[0-9]+$/;
 export const isDuplicateField = key => duplicateFieldRegex.test(key);
 export const getNameFromDuplicateField = key => key.replace(duplicateFieldRegex, '');
+
 /*
     ColorPickerButton only accepts 8 digit hex alpha values, for example:
     #123fffaa (8 digits, hex alpha)

package/dist/es2019/ui/ContentStyles/index.js

@@ -33,7 +33,6 @@ import { dateStyles } from '../../plugins/date/styles';
 import { embedCardStyles } from '../../plugins/card/ui/styled';
 import { useFeatureFlags } from '../../plugins/feature-flags-context';
 import { InlineNodeViewSharedStyles } from '../../nodeviews/getInlineNodeViewProducer.styles';
-
 const contentStyles = props => css`
   .ProseMirror {
     outline: none;
@@ -159,7 +158,6 @@ const contentStyles = props => css`
     }
   }
 `;
-
 export const createEditorContentStyle = styles => {
   return /*#__PURE__*/React.forwardRef((props, ref) => {
     const featureFlags = useFeatureFlags();

package/dist/es2019/ui/ContextPanel/context.js

@@ -1,5 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react'; // React context to communicate the active context panel width up and down the tree.
+import React from 'react';
+
+// React context to communicate the active context panel width up and down the tree.
 //
 // We need the width prop from the ContextPanel component.
 //
@@ -26,12 +28,10 @@ const {
 export class ContextPanelWidthProvider extends React.Component {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "state", {
       width: 0,
       positionedOverEditor: false
     });
-
     _defineProperty(this, "broadcastSidebarWidth", width => {
       if (width !== this.state.width) {
         this.setState({
@@ -39,7 +39,6 @@ export class ContextPanelWidthProvider extends React.Component {
         });
       }
     });
-
     _defineProperty(this, "broadcastPosition", positionedOverEditor => {
       if (positionedOverEditor !== this.state.positionedOverEditor) {
         this.setState({
@@ -48,7 +47,6 @@ export class ContextPanelWidthProvider extends React.Component {
       }
     });
   }
-
   render() {
     const {
       width,
@@ -63,6 +61,5 @@ export class ContextPanelWidthProvider extends React.Component {
       }
     }, this.props.children);
   }
-
 }
 export { Provider as ContextPanelProvider, Consumer as ContextPanelConsumer };

package/dist/es2019/ui/ContextPanel/index.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
@@ -55,12 +54,10 @@ export const content = css`
 export class SwappableContentArea extends React.PureComponent {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "state", {
       mounted: false,
       currentPluginContent: undefined
     });
-
     _defineProperty(this, "showPluginContent", () => {
       const {
         pluginContent
@@ -68,11 +65,9 @@ export class SwappableContentArea extends React.PureComponent {
       const {
         currentPluginContent
       } = this.state;
-
       if (!currentPluginContent) {
         return;
       }
-
       return jsx(Transition, {
         timeout: this.state.mounted ? ANIM_SPEED_MS : 0,
         in: !!pluginContent,
@@ -81,16 +76,13 @@ export class SwappableContentArea extends React.PureComponent {
         onExited: () => this.unsetPluginContent()
       }, currentPluginContent);
     });
-
     _defineProperty(this, "showProvidedContent", isVisible => {
       const {
         children
       } = this.props;
-
       if (!children) {
         return;
       }
-
       return jsx(Transition, {
         timeout: this.state.mounted ? ANIM_SPEED_MS : 0,
         in: isVisible,
@@ -99,30 +91,26 @@ export class SwappableContentArea extends React.PureComponent {
       }, children);
     });
   }
-
   static getDerivedStateFromProps(props, state) {
     if (props.pluginContent !== state.currentPluginContent) {
-      return { ...state,
+      return {
+        ...state,
         currentPluginContent: props.pluginContent
       };
     }
-
     return null;
   }
-
   unsetPluginContent() {
     this.setState({
       currentPluginContent: undefined
     });
   }
-
   componentDidMount() {
     // use this to trigger an animation
     this.setState({
       mounted: true
     });
   }
-
   render() {
     const {
       editorWidth
@@ -154,22 +142,18 @@ export class SwappableContentArea extends React.PureComponent {
       }, this.showPluginContent() || this.showProvidedContent(userVisible)));
     });
   }
-
 }
 export default class ContextPanel extends React.Component {
   render() {
     return jsx(WithEditorActions, {
       render: actions => {
         const eventDispatcher = actions._privateGetEventDispatcher();
-
         const editorView = actions._privateGetEditorView();
-
         if (!eventDispatcher) {
           return jsx(SwappableContentArea, _extends({
             editorView: editorView
           }, this.props));
         }
-
         return jsx(WithPluginState, {
           eventDispatcher: eventDispatcher,
           plugins: {
@@ -185,7 +169,8 @@ export default class ContextPanel extends React.Component {
             }
           }) => {
             const firstContent = contextPanel && contextPanel.contents.find(Boolean);
-            const editorWidth = { ...widthState,
+            const editorWidth = {
+              ...widthState,
               contentBreakoutModes: editorView ? getChildBreakoutModes(editorView.state.doc, editorView.state.schema) : []
             };
             return jsx(SwappableContentArea, _extends({}, this.props, {
@@ -198,5 +183,4 @@ export default class ContextPanel extends React.Component {
       }
     });
   }
-
 }

package/dist/es2019/ui/Dropdown/index.js

@@ -2,7 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import { Dropdown as DropdownComponent } from '@atlaskit/editor-common/ui-menu';
 import React, { useContext } from 'react';
 import { KeyDownHandlerContext } from '../ToolbarArrowKeyNavigationProvider';
-const Dropdown = /*#__PURE__*/React.memo(({ ...props
+const Dropdown = /*#__PURE__*/React.memo(({
+  ...props
 }) => {
   const keydownHandlerContext = useContext(KeyDownHandlerContext);
   return (

package/dist/es2019/ui/DropdownMenu/index.js

@@ -2,11 +2,12 @@ import _extends from "@babel/runtime/helpers/extends";
 import { DropdownMenu as DropdownComponent } from '@atlaskit/editor-common/ui-menu';
 import React, { useContext } from 'react';
 import { KeyDownHandlerContext } from '../ToolbarArrowKeyNavigationProvider';
-const DropdownMenu = /*#__PURE__*/React.memo(({ ...props
+const DropdownMenu = /*#__PURE__*/React.memo(({
+  ...props
 }) => {
-  const keydownHandlerContext = useContext(KeyDownHandlerContext); //This context is to handle the tab, Arrow Right/Left key events for dropdown.
+  const keydownHandlerContext = useContext(KeyDownHandlerContext);
+  //This context is to handle the tab, Arrow Right/Left key events for dropdown.
   //Default context has the void callbacks for above key events
-
   return /*#__PURE__*/React.createElement(DropdownComponent, _extends({
     keyDownHandlerContext: keydownHandlerContext
   }, props));

package/dist/es2019/ui/EditorContext/index.js

@@ -9,21 +9,17 @@ export default class LegacyEditorContext extends React.Component {
     super(props);
     this.editorActions = props.editorActions || new EditorActions();
   }
-
   getChildContext() {
     return {
       editorActions: this.editorActions
     };
   }
-
   render() {
     return /*#__PURE__*/React.createElement(EditorContext.Provider, {
       value: this.getChildContext()
     }, this.props.children);
   }
-
 }
-
 _defineProperty(LegacyEditorContext, "childContextTypes", {
   editorActions: PropTypes.object
 });