npm - @atlaskit/editor-core - Versions diffs - 178.1.0 → 178.1.2 - Mend

@atlaskit/editor-core 178.1.0 → 178.1.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 (2514) hide show

package/dist/es2019/ui/ConfigPanel/ConfigPanel.js CHANGED Viewed

@@ -21,7 +21,6 @@ import WithPluginState from '../WithPluginState';
 import FormContent from './FormContent';
 import { messages } from './messages';
 import { FormErrorBoundary } from './FormErrorBoundary';
 function ConfigForm({
   canSave,
   errorMessage,
@@ -40,23 +39,19 @@ function ConfigForm({
   useEffect(() => {
     if (fields) {
       const firstDuplicateField = findDuplicateFields(fields);
       if (firstDuplicateField) {
         throw new Error(`Possible duplicate field name: \`${firstDuplicateField.name}\`.`);
       }
     }
   }, [fields]);
   if (isLoading || !hasParsedParameters && errorMessage === null) {
     return /*#__PURE__*/React.createElement(LoadingState, null);
   }
   if (errorMessage || !fields) {
     return /*#__PURE__*/React.createElement(ErrorMessage, {
       errorMessage: errorMessage || ''
     });
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormContent, {
     fields: fields,
     parameters: parameters,
@@ -79,9 +74,7 @@ function ConfigForm({
     onClick: onCancel
   }, intl.formatMessage(messages.cancel))))));
 }
 const ConfigFormIntl = injectIntl(ConfigForm);
 const WithOnFieldChange = ({
   getState,
   autoSave,
@@ -95,48 +88,42 @@ const WithOnFieldChange = ({
   const handleFieldChange = useCallback((name, isDirty) => {
     if (!autoSave) {
       return;
-    } // Don't trigger submit if nothing actually changed
+    }
+    // Don't trigger submit if nothing actually changed
     if (!isDirty) {
       return;
     }
     const {
       errors,
       values
-    } = getStateRef.current(); // Get only values that does not contain errors
+    } = getStateRef.current();
+    // Get only values that does not contain errors
     const validValues = {};
     for (const key of Object.keys(values)) {
       if (!errors[key]) {
         // not has error
         validValues[key] = values[key];
       }
     }
     handleSubmit(validValues);
   }, [autoSave, handleSubmit]);
   return children(handleFieldChange);
 };
 class ConfigPanel extends React.Component {
   constructor(props) {
     super(props);
     _defineProperty(this, "handleKeyDown", e => {
       if ((e.key === 'Esc' || e.key === 'Escape') && this.props.closeOnEsc) {
         this.props.onCancel();
       }
     });
     _defineProperty(this, "backfillTabFormData", (fields, formData, currentParameters) => {
       const getRelevantData = (field, formParams, currentParams, backfill) => {
         if (field.hasGroupedValues && !(field.name in backfill)) {
           backfill[field.name] = {};
         }
         const actualFormParams = field.hasGroupedValues ? formParams[field.name] || {} : formParams;
         const actualCurrentParams = field.hasGroupedValues ? currentParams[field.name] || {} : currentParams;
         const actualBackfillParams = field.hasGroupedValues ? backfill[field.name] : backfill;
@@ -145,18 +132,19 @@ class ConfigPanel extends React.Component {
           currentParams: actualCurrentParams,
           backfillParams: actualBackfillParams
         };
-      }; // Traverse any tab structures and backfill field values on tabs
+      };
+      // Traverse any tab structures and backfill field values on tabs
       // which aren't shown. This filter should be ok because tabs are
       // currently only allowed on top level
       const mergedTabGroups = fields.filter(isTabGroup).reduce((missingBackfill, tabGroup) => {
         const {
           formParams: tabGroupFormData,
           currentParams: tabGroupCurrentData,
           backfillParams: tabGroupParams
-        } = getRelevantData(tabGroup, formData, currentParameters, missingBackfill); // Loop through tabs and see what fields are missing from current data
+        } = getRelevantData(tabGroup, formData, currentParameters, missingBackfill);
+        // Loop through tabs and see what fields are missing from current data
         tabGroup.fields.forEach(tabField => {
           const {
             formParams: tabFormData,
@@ -167,7 +155,6 @@ class ConfigPanel extends React.Component {
             if (field.name in tabFormData || !(field.name in tabCurrentData)) {
               return;
             }
             tabParams[field.name] = tabCurrentData[field.name];
           });
         });
@@ -175,7 +162,6 @@ class ConfigPanel extends React.Component {
       }, {});
       return _mergeRecursive({}, mergedTabGroups, formData);
     });
     _defineProperty(this, "handleSubmit", async formData => {
       const {
         fields,
@@ -183,37 +169,31 @@ class ConfigPanel extends React.Component {
         onChange,
         autoSaveReject
       } = this.props;
       if (!extensionManifest || !fields) {
         if (!extensionManifest) {
           autoSaveReject === null || autoSaveReject === void 0 ? void 0 : autoSaveReject(new Error('Extension manifest not loaded'));
         } else if (!fields) {
           autoSaveReject === null || autoSaveReject === void 0 ? void 0 : autoSaveReject(new Error('Config fields not loaded'));
         }
         return;
       }
       try {
         const serializedData = await serialize(extensionManifest, this.backfillTabFormData(fields, formData, this.state.currentParameters), fields);
         onChange(serializedData);
       } catch (error) {
-        autoSaveReject === null || autoSaveReject === void 0 ? void 0 : autoSaveReject(error); // eslint-disable-next-line no-console
+        autoSaveReject === null || autoSaveReject === void 0 ? void 0 : autoSaveReject(error);
+        // eslint-disable-next-line no-console
         console.error(`Error serializing parameters`, error);
       }
     });
     _defineProperty(this, "parseParameters", async (fields, parameters) => {
       const {
         extensionManifest
       } = this.props;
       if (!extensionManifest || !fields || fields.length === 0) {
         // do not parse while fields are not returned
         return;
       }
       if (typeof parameters === 'undefined') {
         this.setState({
           currentParameters: {},
@@ -221,24 +201,20 @@ class ConfigPanel extends React.Component {
         });
         return;
       }
       const currentParameters = await deserialize(extensionManifest, parameters, fields);
       this.setState({
         currentParameters,
         hasParsedParameters: true
       });
     });
     _defineProperty(this, "renderHeader", memoizeOne(extensionManifest => {
       const {
         onCancel,
         showHeader
       } = this.props;
       if (!showHeader) {
         return null;
       }
       return /*#__PURE__*/React.createElement(Header, {
         icon: extensionManifest.icons['48'],
         title: extensionManifest.title,
@@ -248,20 +224,17 @@ class ConfigPanel extends React.Component {
         onClose: onCancel
       });
     }));
     _defineProperty(this, "getFirstVisibleFieldName", memoizeOne(fields => {
       function nonHidden(field) {
         if ('isHidden' in field) {
           return !field.isHidden;
         }
         return true;
-      } // finds the first visible field, true for FieldSets too
+      }
+      // finds the first visible field, true for FieldSets too
       const firstVisibleField = fields.find(nonHidden);
       let newFirstVisibleFieldName;
       if (firstVisibleField) {
         // if it was a fieldset, go deeper trying to locate the field
         if (firstVisibleField.type === 'fieldset') {
@@ -271,20 +244,16 @@ class ConfigPanel extends React.Component {
           newFirstVisibleFieldName = firstVisibleField.name;
         }
       }
       return newFirstVisibleFieldName;
     }));
     _defineProperty(this, "setFirstVisibleFieldName", fields => {
       const newFirstVisibleFieldName = this.getFirstVisibleFieldName(fields);
       if (newFirstVisibleFieldName !== this.state.firstVisibleFieldName) {
         this.setState({
           firstVisibleFieldName: newFirstVisibleFieldName
         });
       }
     });
     this.state = {
       hasParsedParameters: false,
       currentParameters: {},
@@ -292,7 +261,6 @@ class ConfigPanel extends React.Component {
     };
     this.onFieldChange = null;
   }
   componentDidMount() {
     const {
       fields,
@@ -300,7 +268,6 @@ class ConfigPanel extends React.Component {
     } = this.props;
     this.parseParameters(fields, parameters);
   }
   componentWillUnmount() {
     const {
       createAnalyticsEvent,
@@ -318,7 +285,6 @@ class ConfigPanel extends React.Component {
       }
     });
   }
   componentDidUpdate(prevProps) {
     const {
       parameters,
@@ -326,21 +292,17 @@ class ConfigPanel extends React.Component {
       autoSaveTrigger,
       extensionManifest
     } = this.props;
     if (parameters && parameters !== prevProps.parameters || fields && (!prevProps.fields || !_isEqual(fields, prevProps.fields))) {
       this.parseParameters(fields, parameters);
     }
     if (fields && (!prevProps.fields || !_isEqual(fields, prevProps.fields))) {
       this.setFirstVisibleFieldName(fields);
     }
     if (prevProps.autoSaveTrigger !== autoSaveTrigger) {
       if (this.onFieldChange) {
         this.onFieldChange('', true);
       }
     }
     if (prevProps.extensionManifest === undefined && prevProps.extensionManifest !== extensionManifest) {
       // This will only be fired once when extensionManifest is loaded initially
       // Can't do this in componentDidMount because extensionManifest is still undefined at that point
@@ -357,16 +319,13 @@ class ConfigPanel extends React.Component {
       });
     }
   }
   render() {
     const {
       extensionManifest
     } = this.props;
     if (!extensionManifest) {
       return /*#__PURE__*/React.createElement(LoadingState, null);
     }
     const {
       autoSave,
       errorMessage,
@@ -428,9 +387,7 @@ class ConfigPanel extends React.Component {
       });
     });
   }
 }
 export default withAnalyticsContext({
   source: 'ConfigPanel'
 })(withAnalyticsEvents()(ConfigPanel));

package/dist/es2019/ui/ConfigPanel/ConfigPanelFieldsLoader.js CHANGED Viewed

@@ -1,16 +1,14 @@
 import React, { useState, useEffect } from 'react';
 import { useStateFromPromise } from '../../utils/react-hooks/use-state-from-promise';
 import ConfigPanel from './ConfigPanel';
 const getFieldsDefinitionFn = (extensionManifest, nodeKey) => {
   if (extensionManifest && extensionManifest.modules.nodes && extensionManifest.modules.nodes[nodeKey] && extensionManifest.modules.nodes[nodeKey].getFieldsDefinition) {
     return extensionManifest.modules.nodes[nodeKey].getFieldsDefinition;
   }
-}; // having the default value in the props instead of a reference will cause excessive rerenders
+};
+// having the default value in the props instead of a reference will cause excessive rerenders
 const defaultEmptyObject = {};
 const FieldDefinitionsPromiseResolver = props => {
   const {
     extensionManifest,
@@ -18,28 +16,25 @@ const FieldDefinitionsPromiseResolver = props => {
     extensionParameters,
     setErrorMessage
   } = props;
-  const [fields, setFields] = useState(undefined); // Resolve the promise
+  const [fields, setFields] = useState(undefined);
+  // Resolve the promise
   // useStateFromPromise() has an issue which isn't compatible with
   // DynamicFieldDefinitions when it returns a function as setState()
   // will immediately run the function returned and pass it the currentState.
   useEffect(() => {
     if (!extensionManifest) {
       return;
     }
     const promiseFn = getFieldsDefinitionFn(extensionManifest, nodeKey);
     if (typeof promiseFn !== 'function') {
       setFields(undefined);
       return;
     }
     promiseFn(extensionParameters).catch(err => {
       if (err && typeof err.message === 'string') {
         setErrorMessage(err.message);
       }
       setFields(undefined);
     }).then(value => {
       if (Array.isArray(value)) {
@@ -54,7 +49,6 @@ const FieldDefinitionsPromiseResolver = props => {
           if (err instanceof Error) {
             setErrorMessage(err.message);
           }
           setFields(undefined);
         }
       } else {
@@ -65,7 +59,6 @@ const FieldDefinitionsPromiseResolver = props => {
   }, [extensionManifest, nodeKey, extensionParameters, setErrorMessage]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, props.children(fields));
 };
 export default function FieldsLoader({
   extensionType,
   extensionKey,

package/dist/es2019/ui/ConfigPanel/ConfigPanelLoader.js CHANGED Viewed

@@ -1,8 +1,7 @@
 import Loadable from 'react-loadable';
 import LoadingState from './LoadingState';
 export default Loadable({
-  loader: () => import(
-  /* webpackChunkName: "@atlaskit-internal_editor-core-config-panel" */
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-core-config-panel" */
   './ConfigPanelFieldsLoader').then(module => module.default),
   loading: LoadingState
 });

package/dist/es2019/ui/ConfigPanel/ErrorMessage/ErrorImage.js CHANGED Viewed

@@ -1,6 +1,5 @@
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 // Quality Ticket: https://product-fabric.atlassian.net/browse/DSP-4249
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
@@ -9,7 +8,6 @@ const imageContainer = css`
   margin: 0 auto ${gridSize() * 3}px;
   height: 80px;
 `;
 const ErrorImage = () => jsx("div", {
   css: imageContainer
 }, jsx("svg", {
@@ -66,5 +64,4 @@ const ErrorImage = () => jsx("div", {
   d: "M119.92 64.19c-1.46 1.33-7.05-4.78-8.51-3.44s4.13 7.45 2.67 8.78-7.05-4.78-8.51-3.44c-.68.62.16 2.27 1.11 4M44.8 64c1.82.77 5-6.87 6.86-6.1s-1.39 8.4.43 9.17 5-6.87 6.86-6.1c.85.36.61 2.19.29 4.13",
   className: "cls-6"
 })))));
 export default ErrorImage;

package/dist/es2019/ui/ConfigPanel/ErrorMessage/index.js CHANGED Viewed

@@ -9,7 +9,6 @@ const messages = defineMessages({
     description: 'Displayed when the config panel fails to load fields'
   }
 });
 const ConfigPanelErrorMessage = ({
   errorMessage,
   intl
@@ -22,5 +21,4 @@ const ConfigPanelErrorMessage = ({
     imageHeight: 80
   });
 };
 export default injectIntl(ConfigPanelErrorMessage);

package/dist/es2019/ui/ConfigPanel/FieldDescription.js CHANGED Viewed

@@ -1,6 +1,5 @@
 import React from 'react';
 import { HelperMessage } from '@atlaskit/form';
 const FieldDescription = function ({
   error,
   description
@@ -8,8 +7,6 @@ const FieldDescription = function ({
   if (error || !description) {
     return null;
   }
   return /*#__PURE__*/React.createElement(HelperMessage, null, description);
 };
 export default FieldDescription;

package/dist/es2019/ui/ConfigPanel/FieldMessages.js CHANGED Viewed

@@ -2,8 +2,9 @@ import React, { Fragment, useMemo } from 'react';
 import { injectIntl } from 'react-intl-next';
 import { ErrorMessage, HelperMessage } from '@atlaskit/form';
 import { ValidationError, FieldTypeError } from './types';
-import { messages } from './messages'; // sidestep XSS issues
+import { messages } from './messages';
+// sidestep XSS issues
 function makeMarkup(fragment, key) {
   const {
     nodeName,
@@ -11,65 +12,54 @@ function makeMarkup(fragment, key) {
     childNodes,
     textContent
   } = fragment;
   if (nodeType === Node.TEXT_NODE) {
     return /*#__PURE__*/React.createElement(Fragment, {
       key: key
     }, textContent);
-  } // NOTE: NodeList doesn't have .map
+  }
+  // NOTE: NodeList doesn't have .map
   const children = [];
   childNodes.forEach((childNode, i) => {
     const markup = makeMarkup(childNode, String(i));
     if (markup) {
       children.push(markup);
     }
   });
   switch (nodeName) {
     case 'B':
       return /*#__PURE__*/React.createElement("b", {
         key: key
       }, children);
     case 'I':
       return /*#__PURE__*/React.createElement("i", {
         key: key
       }, children);
     case 'STRONG':
       return /*#__PURE__*/React.createElement("strong", {
         key: key
       }, children);
     case 'EM':
       return /*#__PURE__*/React.createElement("em", {
         key: key
       }, children);
     case 'CODE':
       return /*#__PURE__*/React.createElement("code", {
         key: key
       }, children);
   }
   if (children.length === 1) {
     return /*#__PURE__*/React.createElement(Fragment, {
       key: key
     }, children[0]);
   }
   if (children.length) {
     return /*#__PURE__*/React.createElement("span", {
       key: key
     }, children);
   }
   return null;
 }
 function Description({
   description
 }) {
@@ -79,7 +69,6 @@ function Description({
   }, [description]);
   return /*#__PURE__*/React.createElement(HelperMessage, null, markup);
 }
 const FieldMessages = function ({
   error,
   description,
@@ -90,20 +79,15 @@ const FieldMessages = function ({
       description: description
     });
   }
   switch (error) {
     case ValidationError.Required:
       return /*#__PURE__*/React.createElement(ErrorMessage, null, intl.formatMessage(messages.required));
     case ValidationError.Invalid:
       return /*#__PURE__*/React.createElement(ErrorMessage, null, intl.formatMessage(messages.invalid));
     case FieldTypeError.isMultipleAndRadio:
       return /*#__PURE__*/React.createElement(ErrorMessage, null, intl.formatMessage(messages.isMultipleAndRadio));
     default:
       return null;
   }
 };
 export default injectIntl(FieldMessages);

package/dist/es2019/ui/ConfigPanel/Fields/Boolean.js CHANGED Viewed

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React, { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -17,26 +16,22 @@ const toggleLabel = css`
   padding: 3px 3px 3px 0px;
   flex-grow: 1;
 `;
 function validate(value, isRequired) {
   if (isRequired && !value) {
     return ValidationError.Required;
   }
 }
 function handleOnChange(onChange, onFieldChange, event) {
   var _event$target;
-  onChange((event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.checked) || false); // Note: prior to bumping typescript to version 2.4.2 onFieldChange
+  onChange((event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.checked) || false);
+  // Note: prior to bumping typescript to version 2.4.2 onFieldChange
   // was being called with a global variable (which had a value of '')
   // While this was not intended, the code still worked as expected.
   // In typescript 2.4.2 accessing the global variable name has been
   // deprecated, so this has been replaced with the value it was
   // previously passing.
   onFieldChange('', true);
 }
 function Checkbox({
   name,
   field,
@@ -71,7 +66,6 @@ function Checkbox({
     }));
   });
 }
 function Toggle({
   name,
   field,
@@ -115,7 +109,6 @@ function Toggle({
     }));
   });
 }
 export default function Boolean({
   name,
   field,
@@ -128,7 +121,6 @@ export default function Boolean({
       onFieldChange: onFieldChange
     });
   }
   return jsx(Checkbox, {
     name: name,
     field: field,

package/dist/es2019/ui/ConfigPanel/Fields/CheckboxGroup.js CHANGED Viewed

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { Fragment, useCallback } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -7,17 +6,14 @@ import { Checkbox as AKCheckbox } from '@atlaskit/checkbox';
 import { Field, Fieldset as AKFieldset } from '@atlaskit/form';
 import { ValidationError } from '../types';
 import FieldMessages from '../FieldMessages';
 function validate(value, isRequired) {
   if (isRequired && !(value !== null && value !== void 0 && value.length)) {
     return ValidationError.Required;
   }
 }
 const requiredIndicator = css`
   color: ${"var(--ds-text-danger, #bf2600)"};
 `;
 function CheckboxGroupInner({
   label,
   description,
@@ -31,20 +27,16 @@ function CheckboxGroupInner({
     value,
     ...restFieldProps
   } = fieldProps;
   function _onChange(optionValue, isChecked) {
     const active = new Set(value ? value : []);
     if (isChecked) {
       active.add(optionValue);
     } else {
       active.delete(optionValue);
     }
     onChange([...active]);
     onFieldChange();
   }
   return jsx(Fragment, null, jsx(AKFieldset, {
     legend: label
   }, options.map(({
@@ -52,11 +44,9 @@ function CheckboxGroupInner({
     value: optionValue
   }, i) => {
     const isChecked = value && value.includes(optionValue);
     const onOptionChange = event => {
       _onChange(optionValue, event.target.checked);
     };
     return jsx(AKCheckbox, _extends({
       key: i
     }, restFieldProps, {
@@ -70,7 +60,6 @@ function CheckboxGroupInner({
     description: description
   }));
 }
 export default function CheckboxGroup({
   name,
   field,
@@ -87,11 +76,9 @@ export default function CheckboxGroup({
     css: requiredIndicator,
     "aria-hidden": "true"
   }, ' ', "*") : null);
   const _onFieldChange = useCallback(() => {
     onFieldChange(name, true);
   }, [name, onFieldChange]);
   return jsx(Field, {
     name: name,
     isRequired: isRequired,