@atlaskit/editor-core 178.1.0 → 178.1.2

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

@@ -12,10 +12,9 @@ import { getCustomFieldResolver } from '@atlaskit/editor-common/extensions';
 import FieldMessages from '../FieldMessages';
 import UnhandledType from './UnhandledType';
 import { validate as _validate } from '../utils';
-
 function FieldError(_ref) {
   var name = _ref.name,
-      field = _ref.field;
+    field = _ref.field;
   var type = field.options.resolver.type;
   return /*#__PURE__*/React.createElement(UnhandledType, {
     key: name,
@@ -23,54 +22,45 @@ function FieldError(_ref) {
     errorMessage: "Field \"".concat(name, "\" can't be rendered. Missing resolver for \"").concat(type, "\".")
   });
 }
-
 function CustomSelect(_ref2) {
   var name = _ref2.name,
-      autoFocus = _ref2.autoFocus,
-      extensionManifest = _ref2.extensionManifest,
-      placeholder = _ref2.placeholder,
-      field = _ref2.field,
-      onFieldChange = _ref2.onFieldChange,
-      parameters = _ref2.parameters,
-      intl = _ref2.intl;
+    autoFocus = _ref2.autoFocus,
+    extensionManifest = _ref2.extensionManifest,
+    placeholder = _ref2.placeholder,
+    field = _ref2.field,
+    onFieldChange = _ref2.onFieldChange,
+    parameters = _ref2.parameters,
+    intl = _ref2.intl;
   var fieldDefaultValue = field.defaultValue,
-      description = field.description,
-      isMultiple = field.isMultiple,
-      isRequired = field.isRequired,
-      label = field.label,
-      options = field.options;
-
+    description = field.description,
+    isMultiple = field.isMultiple,
+    isRequired = field.isRequired,
+    label = field.label,
+    options = field.options;
   var _useState = useState(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      loading = _useState2[0],
-      setLoading = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
   var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      resolver = _useState4[0],
-      setResolver = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    resolver = _useState4[0],
+    setResolver = _useState4[1];
   var _useState5 = useState([]),
-      _useState6 = _slicedToArray(_useState5, 2),
-      defaultOptions = _useState6[0],
-      setDefaultOptions = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    defaultOptions = _useState6[0],
+    setDefaultOptions = _useState6[1];
   var _useState7 = useState(undefined),
-      _useState8 = _slicedToArray(_useState7, 2),
-      defaultValue = _useState8[0],
-      setDefaultValue = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    defaultValue = _useState8[0],
+    setDefaultValue = _useState8[1];
   useEffect(function () {
     var cancel = false;
-
     function fetchResolver() {
       return _fetchResolver.apply(this, arguments);
     }
-
     function _fetchResolver() {
       _fetchResolver = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var _resolver, _options;
-
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -79,36 +69,29 @@ function CustomSelect(_ref2) {
                 _context.prev = 1;
                 _context.next = 4;
                 return getCustomFieldResolver(extensionManifest, field.options.resolver);
-
               case 4:
                 _resolver = _context.sent;
-
                 if (!cancel) {
                   _context.next = 7;
                   break;
                 }
-
                 return _context.abrupt("return");
-
               case 7:
                 setResolver(function () {
                   return _resolver;
-                }); // fetch the default values
+                });
 
+                // fetch the default values
                 _context.next = 10;
                 return _resolver(undefined, fieldDefaultValue, parameters);
-
               case 10:
                 _options = _context.sent;
                 setDefaultOptions(_options);
-
                 if (!cancel) {
                   _context.next = 14;
                   break;
                 }
-
                 return _context.abrupt("return");
-
               case 14:
                 // filter returned values to match the defaultValue
                 if (fieldDefaultValue && isMultiple) {
@@ -116,25 +99,20 @@ function CustomSelect(_ref2) {
                     return fieldDefaultValue.includes(option.value);
                   }));
                 }
-
                 if (fieldDefaultValue && !isMultiple) {
                   setDefaultValue(_options.find(function (option) {
                     return fieldDefaultValue === option.value;
                   }));
                 }
-
                 _context.next = 21;
                 break;
-
               case 18:
                 _context.prev = 18;
                 _context.t0 = _context["catch"](1);
                 // eslint-disable-next-line no-console
                 console.error(_context.t0);
-
               case 21:
                 setLoading(false);
-
               case 22:
               case "end":
                 return _context.stop();
@@ -144,22 +122,18 @@ function CustomSelect(_ref2) {
       }));
       return _fetchResolver.apply(this, arguments);
     }
-
     fetchResolver();
     return function () {
       cancel = true;
     };
   }, [extensionManifest, field.options.resolver, fieldDefaultValue, isMultiple, parameters]);
-
   function _formatCreateLabel(value) {
     if (!value) {
       return null;
     }
-
     var message = intl.formatMessage(messages.createOption);
     return "".concat(message, " \"").concat(value, "\"");
   }
-
   var isCreatable = options.isCreatable;
   return /*#__PURE__*/React.createElement(Field, {
     name: name,
@@ -171,14 +145,15 @@ function CustomSelect(_ref2) {
     }
   }, function (_ref3) {
     var fieldProps = _ref3.fieldProps,
-        error = _ref3.error;
+      error = _ref3.error;
     return /*#__PURE__*/React.createElement(React.Fragment, null, resolver && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AsyncCreatableSelect, _extends({}, fieldProps, {
       onChange: function 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,
@@ -205,5 +180,4 @@ function CustomSelect(_ref2) {
     }));
   });
 }
-
 export default injectIntl(CustomSelect);

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

@@ -5,18 +5,17 @@ import { Field } from '@atlaskit/form';
 import { DatePicker } from '@atlaskit/datetime-picker';
 import FieldMessages from '../FieldMessages';
 import { validate as _validate } from '../utils';
-
 function Date(_ref) {
   var name = _ref.name,
-      field = _ref.field,
-      autoFocus = _ref.autoFocus,
-      onFieldChange = _ref.onFieldChange,
-      placeholder = _ref.placeholder,
-      intl = _ref.intl;
+    field = _ref.field,
+    autoFocus = _ref.autoFocus,
+    onFieldChange = _ref.onFieldChange,
+    placeholder = _ref.placeholder,
+    intl = _ref.intl;
   var label = field.label,
-      description = field.description,
-      defaultValue = field.defaultValue,
-      isRequired = field.isRequired;
+    description = field.description,
+    defaultValue = field.defaultValue,
+    isRequired = field.isRequired;
   return /*#__PURE__*/React.createElement(Field, {
     name: name,
     label: label,
@@ -27,7 +26,7 @@ function Date(_ref) {
     }
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
-        error = _ref2.error;
+      error = _ref2.error;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DatePicker, _extends({}, fieldProps, {
       autoFocus: autoFocus,
       onBlur: function onBlur() {
@@ -45,5 +44,4 @@ function Date(_ref) {
     }));
   });
 }
-
 export default injectIntl(Date);

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

@@ -3,13 +3,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3;
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /** @jsx jsx */
 import { Fragment, useState, useEffect, useMemo } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -24,20 +20,18 @@ import { validate as _validate, validateRequired } from '../utils';
 var horizontalFields = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n"])));
 var horizontalFieldWrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex-basis: 47%;\n"])));
 var hidden = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: none;\n"])));
-
 var getFromDefaultValue = function getFromDefaultValue(field, attribute) {
   if (field.defaultValue) {
     return field.defaultValue[attribute];
   }
 };
-
 var DateField = function DateField(_ref) {
   var parentField = _ref.parentField,
-      scope = _ref.scope,
-      fieldName = _ref.fieldName,
-      onFieldChange = _ref.onFieldChange,
-      intl = _ref.intl,
-      isRequired = _ref.isRequired;
+    scope = _ref.scope,
+    fieldName = _ref.fieldName,
+    onFieldChange = _ref.onFieldChange,
+    intl = _ref.intl,
+    isRequired = _ref.isRequired;
   return jsx("div", {
     css: horizontalFieldWrapper,
     key: fieldName
@@ -53,7 +47,7 @@ var DateField = function DateField(_ref) {
     }
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
-        error = _ref2.error;
+      error = _ref2.error;
     return jsx(Fragment, null, jsx(DatePicker, _extends({}, fieldProps, {
       onChange: function onChange(date) {
         fieldProps.onChange(date);
@@ -65,12 +59,11 @@ var DateField = function DateField(_ref) {
     }));
   }));
 };
-
 var DateRange = function DateRange(_ref3) {
   var name = _ref3.name,
-      field = _ref3.field,
-      onFieldChange = _ref3.onFieldChange,
-      intl = _ref3.intl;
+    field = _ref3.field,
+    onFieldChange = _ref3.onFieldChange,
+    intl = _ref3.intl;
   var items = useMemo(function () {
     return [].concat(_toConsumableArray(field.items || []), [{
       label: intl.formatMessage(messages.custom),
@@ -81,12 +74,10 @@ var DateRange = function DateRange(_ref3) {
       });
     });
   }, [field.items, name, intl]);
-
   var _useState = useState(getFromDefaultValue(field, 'value') || items[0].value),
-      _useState2 = _slicedToArray(_useState, 2),
-      currentValue = _useState2[0],
-      setCurrentValue = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    currentValue = _useState2[0],
+    setCurrentValue = _useState2[1];
   useEffect(function () {
     // calling onBlur here based on the currentValue changing will ensure that we
     // get the most up to date value after the form has been rendered
@@ -112,7 +103,7 @@ var DateRange = function DateRange(_ref3) {
     }
   }, function (_ref5) {
     var fieldProps = _ref5.fieldProps,
-        error = _ref5.error;
+      error = _ref5.error;
     return jsx(Fragment, null, jsx(RadioGroup, _extends({}, fieldProps, {
       options: items,
       onChange: function onChange(event) {
@@ -153,5 +144,4 @@ var DateRange = function DateRange(_ref3) {
   }));
   return element;
 };
-
 export default injectIntl(DateRange);

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

@@ -4,11 +4,10 @@ import RadioGroup from './RadioGroup';
 import Select from './Select';
 export default function Enum(_ref) {
   var name = _ref.name,
-      field = _ref.field,
-      autoFocus = _ref.autoFocus,
-      onFieldChange = _ref.onFieldChange,
-      fieldDefaultValue = _ref.fieldDefaultValue;
-
+    field = _ref.field,
+    autoFocus = _ref.autoFocus,
+    onFieldChange = _ref.onFieldChange,
+    fieldDefaultValue = _ref.fieldDefaultValue;
   switch (field.style) {
     case 'checkbox':
       return /*#__PURE__*/React.createElement(CheckboxGroup, {
@@ -16,14 +15,12 @@ export default function Enum(_ref) {
         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/esm/ui/ConfigPanel/Fields/Expand.js

@@ -1,8 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 /** @jsx jsx */
 import React, { useState } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -17,23 +15,19 @@ export var expandContainer = css(_templateObject || (_templateObject = _taggedTe
 export var expandControl = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  height: ", "px;\n  justify-content: center;\n  padding-right: ", "px;\n"])), gridSize() * 6, gridSize());
 var chevronContainer = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  & > button {\n    width: ", "px;\n    height: ", "px;\n  }\n"])), gridSize() * 3, gridSize() * 3);
 var labelContainer = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n  align-items: center;\n  display: flex;\n  font-weight: 500;\n"])));
-
 var expandContentContainer = function expandContentContainer(isHidden) {
   return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: ", ";\n  margin-top: -", "px;\n"])), isHidden ? 'none' : 'block', gridSize());
 };
-
 function Expand(_ref) {
   var field = _ref.field,
-      children = _ref.children,
-      _ref$isExpanded = _ref.isExpanded,
-      isExpanded = _ref$isExpanded === void 0 ? false : _ref$isExpanded,
-      intl = _ref.intl;
-
+    children = _ref.children,
+    _ref$isExpanded = _ref.isExpanded,
+    isExpanded = _ref$isExpanded === void 0 ? false : _ref$isExpanded,
+    intl = _ref.intl;
   var _useState = useState(isExpanded),
-      _useState2 = _slicedToArray(_useState, 2),
-      expanded = _useState2[0],
-      setExpanded = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    expanded = _useState2[0],
+    setExpanded = _useState2[1];
   return jsx("div", {
     css: expandContainer
   }, jsx("div", {
@@ -57,5 +51,4 @@ function Expand(_ref) {
     css: expandContentContainer(!expanded)
   }, children));
 }
-
 export default injectIntl(Expand);