@atlaskit/editor-core 178.1.1 → 179.0.0

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

@@ -8,17 +8,11 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 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; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 /** @jsx jsx */
 import React, { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -32,7 +26,6 @@ import { getNameFromDuplicateField, isDuplicateField } from '../utils';
 import { gridSize } from '@atlaskit/theme/constants';
 import { N40A } from '@atlaskit/theme/colors';
 var actionsWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-top: 1px solid ", ";\n  margin-top: ", "px;\n  padding-top: ", "px;\n"])), "var(--ds-border, ".concat(N40A, ")"), gridSize() * 2, gridSize() * 2);
-
 var populateFromParameters = function populateFromParameters(parameters, fields) {
   if (Object.keys(parameters).length) {
     var keys = Object.keys(parameters);
@@ -41,13 +34,11 @@ var populateFromParameters = function populateFromParameters(parameters, fields)
         return field.name === getNameFromDuplicateField(key);
       });
     });
-
     if (existingFieldKeys.length > 0) {
       return existingFieldKeys;
     }
   }
 };
-
 var populateFromRequired = function populateFromRequired(fields) {
   return fields.filter(function (field) {
     return field.isRequired;
@@ -55,70 +46,52 @@ var populateFromRequired = function populateFromRequired(fields) {
     return field.name;
   });
 };
-
 var getInitialFields = function getInitialFields() {
   var parameters = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var fields = arguments.length > 1 ? arguments[1] : undefined;
   var isDynamic = arguments.length > 2 ? arguments[2] : undefined;
-
   if (!isDynamic) {
     return new Set(fields.map(function (field) {
       return field.name;
     }));
   }
-
   var dynamicFields = [];
   var fromRequired = populateFromRequired(fields);
-
   if (fromRequired) {
     dynamicFields.push.apply(dynamicFields, _toConsumableArray(fromRequired));
   }
-
   var fromParameters = populateFromParameters(parameters, fields);
-
   if (fromParameters) {
     dynamicFields.push.apply(dynamicFields, _toConsumableArray(fromParameters));
   }
-
   if (dynamicFields.length === 0 && Array.isArray(fields) && fields.length > 0) {
     dynamicFields.push(fields[0].name);
   }
-
   return new Set(dynamicFields);
 };
-
 var FieldsetField = /*#__PURE__*/function (_React$Component) {
   _inherits(FieldsetField, _React$Component);
-
   var _super = _createSuper(FieldsetField);
-
   function FieldsetField(props) {
     var _this;
-
     _classCallCheck(this, FieldsetField);
-
     _this = _super.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this), "getSelectedFields", function (visibleFields) {
       var field = _this.props.field;
       return _toConsumableArray(visibleFields).map(function (fieldName) {
         var originalFieldDef = field.fields.find(function (field) {
           return field.name === getNameFromDuplicateField(fieldName);
         });
-
         var fieldDef = _objectSpread(_objectSpread({}, 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(_assertThisInitialized(_this), "getSelectOptions", function (visibleFields) {
       var field = _this.props.field;
       return field.fields.filter(function (field) {
@@ -130,7 +103,6 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
         };
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "setIsAdding", function (value) {
       _this.setState(function (state) {
         return _objectSpread(_objectSpread({}, state), {}, {
@@ -138,19 +110,18 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
         });
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "setCurrentParameters", function (parameters) {
       _this.setState(function (state) {
         return _objectSpread(_objectSpread({}, 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
       function () {
         return _this.props.onFieldChange(_this.props.field.name, true);
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "setVisibleFields", function (fields) {
       _this.setState(function (state) {
         return _objectSpread(_objectSpread({}, state), {}, {
@@ -160,66 +131,50 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
         });
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "onSelectItem", function (option) {
       var visibleFields = _this.state.visibleFields;
       var newItem = option.value;
-
       var duplicates = _toConsumableArray(visibleFields).filter(function (field) {
         return getNameFromDuplicateField(field) === newItem;
       });
-
       if (duplicates.length > 0) {
         newItem += ":".concat(duplicates.length);
       }
-
       _this.setVisibleFields(new Set([].concat(_toConsumableArray(visibleFields), [newItem])));
-
       _this.setIsAdding(false);
     });
-
     _defineProperty(_assertThisInitialized(_this), "onClickRemove", function (fieldName) {
       var _this$state = _this.state,
-          visibleFields = _this$state.visibleFields,
-          currentParameters = _this$state.currentParameters;
+        visibleFields = _this$state.visibleFields,
+        currentParameters = _this$state.currentParameters;
       visibleFields.delete(fieldName);
-
       _this.setVisibleFields(new Set(visibleFields));
-
       var newParameters = _objectSpread({}, 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)) {
         var _fieldName$split = fieldName.split(':'),
-            _fieldName$split2 = _slicedToArray(_fieldName$split, 2),
-            key = _fieldName$split2[0],
-            idx = _fieldName$split2[1];
-
+          _fieldName$split2 = _slicedToArray(_fieldName$split, 2),
+          key = _fieldName$split2[0],
+          idx = _fieldName$split2[1];
         var currentIdx = +idx;
-
         while (currentParameters["".concat(key, ":").concat(currentIdx + 1)]) {
           newParameters["".concat(key, ":").concat(currentIdx)] = currentParameters["".concat(key, ":").concat(currentIdx + 1)];
           currentIdx++;
         }
-
         delete newParameters["".concat(key, ":").concat(currentIdx)];
       }
-
       _this.setCurrentParameters(newParameters);
     });
-
     _defineProperty(_assertThisInitialized(_this), "renderActions", function () {
       var intl = _this.props.intl;
       var _this$state2 = _this.state,
-          selectOptions = _this$state2.selectOptions,
-          isAdding = _this$state2.isAdding;
-
+        selectOptions = _this$state2.selectOptions,
+        isAdding = _this$state2.isAdding;
       if (selectOptions.length === 0) {
         return null;
       }
-
       return jsx(React.Fragment, null, isAdding ? jsx(Select, {
         testId: "field-picker",
         defaultMenuIsOpen: true,
@@ -243,7 +198,6 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
         }
       }, intl.formatMessage(messages.addField)));
     });
-
     var initialFields = getInitialFields(props.parameters, props.field.fields, props.field.options.isDynamic);
     _this.state = {
       isAdding: false,
@@ -254,24 +208,23 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
   _createClass(FieldsetField, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          name = _this$props.name,
-          field = _this$props.field,
-          extensionManifest = _this$props.extensionManifest,
-          onFieldChange = _this$props.onFieldChange,
-          firstVisibleFieldName = _this$props.firstVisibleFieldName,
-          error = _this$props.error,
-          FormComponent = _this$props.formComponent;
+        name = _this$props.name,
+        field = _this$props.field,
+        extensionManifest = _this$props.extensionManifest,
+        onFieldChange = _this$props.onFieldChange,
+        firstVisibleFieldName = _this$props.firstVisibleFieldName,
+        error = _this$props.error,
+        FormComponent = _this$props.formComponent;
       var label = field.label,
-          options = field.options;
+        options = field.options;
       var _this$state3 = this.state,
-          selectedFields = _this$state3.selectedFields,
-          currentParameters = _this$state3.currentParameters,
-          visibleFields = _this$state3.visibleFields;
+        selectedFields = _this$state3.selectedFields,
+        currentParameters = _this$state3.currentParameters,
+        visibleFields = _this$state3.visibleFields;
       var children = this.renderActions();
       return jsx(Fragment, null, error && jsx(FieldsetError, {
         message: error
@@ -290,10 +243,8 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
       }, children)));
     }
   }]);
-
   return FieldsetField;
 }(React.Component);
-
 function FieldsetError(_ref) {
   var message = _ref.message;
   return jsx("div", {
@@ -302,6 +253,5 @@ function FieldsetError(_ref) {
     appearance: "error"
   }, jsx("p", null, message)));
 }
-
 var sectionMessageWrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 24px;\n"])));
 export default injectIntl(FieldsetField);

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

@@ -8,33 +8,27 @@ import { ValidationError } from '../types';
 import isNumber from 'is-number';
 export default function Number(_ref) {
   var name = _ref.name,
-      field = _ref.field,
-      autoFocus = _ref.autoFocus,
-      onFieldChange = _ref.onFieldChange,
-      placeholder = _ref.placeholder;
+    field = _ref.field,
+    autoFocus = _ref.autoFocus,
+    onFieldChange = _ref.onFieldChange,
+    placeholder = _ref.placeholder;
   var label = field.label,
-      description = field.description,
-      defaultValue = field.defaultValue,
-      isRequired = field.isRequired;
-
+    description = field.description,
+    defaultValue = field.defaultValue,
+    isRequired = field.isRequired;
   function validateNumber(value) {
     var 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,
@@ -43,8 +37,8 @@ export default function Number(_ref) {
     validate: validateNumber
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
-        error = _ref2.error,
-        meta = _ref2.meta;
+      error = _ref2.error,
+      meta = _ref2.meta;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextField, _extends({}, fieldProps, {
       autoFocus: autoFocus,
       onBlur: function onBlur() {

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

@@ -1,10 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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; }
-
 import React, { Fragment } from 'react';
 import { Field } from '@atlaskit/form';
 import { RadioGroup } from '@atlaskit/radio';
@@ -13,15 +10,13 @@ import { FieldTypeError } from '../types';
 import { validate as _validate } from '../utils';
 export default function RadioField(_ref) {
   var name = _ref.name,
-      field = _ref.field,
-      onFieldChange = _ref.onFieldChange;
-
+    field = _ref.field,
+    onFieldChange = _ref.onFieldChange;
   if (field.isMultiple) {
     return /*#__PURE__*/React.createElement(FieldMessages, {
       error: FieldTypeError.isMultipleAndRadio
     });
   }
-
   return /*#__PURE__*/React.createElement(Field, {
     name: name,
     label: field.label,
@@ -32,7 +27,7 @@ export default function RadioField(_ref) {
     }
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
-        error = _ref2.error;
+      error = _ref2.error;
     return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(RadioGroup, _extends({}, fieldProps, {
       options: (field.items || []).map(function (option) {
         return _objectSpread(_objectSpread({}, option), {}, {

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

@@ -7,11 +7,11 @@ import { validate as _validate, getOptionFromValue } from '../utils';
 import { formatOptionLabel } from './SelectItem';
 export default function SelectField(_ref) {
   var name = _ref.name,
-      field = _ref.field,
-      onFieldChange = _ref.onFieldChange,
-      autoFocus = _ref.autoFocus,
-      placeholder = _ref.placeholder,
-      fieldDefaultValue = _ref.fieldDefaultValue;
+    field = _ref.field,
+    onFieldChange = _ref.onFieldChange,
+    autoFocus = _ref.autoFocus,
+    placeholder = _ref.placeholder,
+    fieldDefaultValue = _ref.fieldDefaultValue;
   //ignore arrays as mutli-value select fields are always clearable
   var hasValidSingleDefaultValue = !Array.isArray(fieldDefaultValue) && fieldDefaultValue !== undefined;
   var isClearable = !hasValidSingleDefaultValue || field.isMultiple;
@@ -25,12 +25,13 @@ export default function SelectField(_ref) {
     }
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
-        error = _ref2.error;
+      error = _ref2.error;
     return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Select, _extends({}, fieldProps, {
       onChange: function 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/esm/ui/ConfigPanel/Fields/SelectItem.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3;
-
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import Avatar from '@atlaskit/avatar';
@@ -9,19 +7,16 @@ import { gridSize } from '@atlaskit/theme/constants';
 var itemWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  small {\n    margin: 0;\n    display: block;\n    color: currentColor;\n  }\n"])));
 var iconWrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  line-height: 1;\n"])));
 var iconWrapperMenu = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  align-self: flex-start;\n  margin-top: 3px;\n"])));
-
 var getIconSize = function getIconSize(context, description) {
   if (context === 'value' || !description) {
     return 'xsmall';
   }
-
   return 'small';
 };
-
 export var formatOptionLabel = function formatOptionLabel(_ref, _ref2) {
   var label = _ref.label,
-      icon = _ref.icon,
-      description = _ref.description;
+    icon = _ref.icon,
+    description = _ref.description;
   var context = _ref2.context;
   return jsx("div", {
     css: itemWrapper

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

@@ -9,14 +9,14 @@ import FieldMessages from '../FieldMessages';
 import { validate as _validate } from '../utils';
 export default function String(_ref) {
   var name = _ref.name,
-      field = _ref.field,
-      autoFocus = _ref.autoFocus,
-      onFieldChange = _ref.onFieldChange,
-      placeholder = _ref.placeholder;
+    field = _ref.field,
+    autoFocus = _ref.autoFocus,
+    onFieldChange = _ref.onFieldChange,
+    placeholder = _ref.placeholder;
   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,13 +27,11 @@ export default function String(_ref) {
     }
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
-        error = _ref2.error,
-        meta = _ref2.meta;
-
+      error = _ref2.error,
+      meta = _ref2.meta;
     if (field.style === 'multiline') {
       var _onChange = fieldProps.onChange,
-          restFieldProps = _objectWithoutProperties(fieldProps, _excluded);
-
+        restFieldProps = _objectWithoutProperties(fieldProps, _excluded);
       var options = field.options;
       return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(TextArea, _extends({}, restFieldProps, options, {
         onChange: function onChange(e) {
@@ -49,7 +47,6 @@ export default function String(_ref) {
         description: description
       }));
     }
-
     return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(TextField, _extends({}, fieldProps, {
       type: "text",
       autoFocus: autoFocus,

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

@@ -1,8 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 /** @jsx jsx */
 import React, { useState } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -10,23 +8,20 @@ import { injectIntl } from 'react-intl-next';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 var tabWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  // increase specificity to make sure the tab style is overridden\n  &&& [role='tabpanel'][tabindex] {\n    padding: 0;\n  }\n\n  &&& [role='tablist']::before {\n    left: 0;\n    right: 0;\n  }\n"])));
 var panelWrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex-grow: 1;\n  max-width: 100%;\n"])));
-
 var TabGroupImpl = function TabGroupImpl(props) {
   var field = props.field,
-      renderPanel = props.renderPanel;
+    renderPanel = props.renderPanel;
   var fields = field.fields;
-
   var _useState = useState(function () {
-    var activeTabName = field.defaultTab || fields[0].name;
-    var index = fields.findIndex(function (f) {
-      return f.name === activeTabName;
-    });
-    return Math.max(index, 0);
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      activeTab = _useState2[0],
-      setActiveTab = _useState2[1];
-
+      var activeTabName = field.defaultTab || fields[0].name;
+      var index = fields.findIndex(function (f) {
+        return f.name === activeTabName;
+      });
+      return Math.max(index, 0);
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeTab = _useState2[0],
+    setActiveTab = _useState2[1];
   var onChange = React.useCallback(function (index) {
     setActiveTab(index);
   }, [setActiveTab]);
@@ -38,7 +33,7 @@ var TabGroupImpl = function TabGroupImpl(props) {
     selected: activeTab
   }, jsx(TabList, null, fields.map(function (_ref) {
     var name = _ref.name,
-        label = _ref.label;
+      label = _ref.label;
     return jsx(Tab, {
       key: "tab-".concat(name)
     }, label);
@@ -50,7 +45,6 @@ var TabGroupImpl = function TabGroupImpl(props) {
     }, renderPanel(field)));
   })));
 };
-
 TabGroupImpl.displayName = 'TabGroup';
 var TabGroup = injectIntl(TabGroupImpl);
 export default TabGroup;