@atlaskit/editor-core 191.0.1 → 191.0.4

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

@@ -1,148 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/** @jsx jsx */
-import { Fragment, useState, useEffect, useMemo } from 'react';
-import { css, jsx } from '@emotion/react';
-import { injectIntl } from 'react-intl-next';
-import { Field } from '@atlaskit/form';
-import { RadioGroup } from '@atlaskit/radio';
-import { DatePicker } from '@atlaskit/datetime-picker';
-import TextField from '@atlaskit/textfield';
-import { messages } from '../messages';
-import FieldMessages from '../FieldMessages';
-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;
-  return jsx("div", {
-    css: horizontalFieldWrapper,
-    key: fieldName
-  }, jsx(Field, {
-    name: "".concat(scope, ".").concat(fieldName),
-    label: intl.formatMessage(messages[fieldName]),
-    defaultValue: getFromDefaultValue(parentField, fieldName),
-    isRequired: isRequired,
-    validate: function validate(value) {
-      return validateRequired({
-        isRequired: isRequired
-      }, value);
-    }
-  }, function (_ref2) {
-    var fieldProps = _ref2.fieldProps,
-      error = _ref2.error;
-    return jsx(Fragment, null, jsx(DatePicker, _extends({}, fieldProps, {
-      onChange: function onChange(date) {
-        fieldProps.onChange(date);
-        onFieldChange(parentField.name, true);
-      },
-      locale: intl.locale
-    })), jsx(FieldMessages, {
-      error: error
-    }));
-  }));
-};
-var DateRange = function DateRange(_ref3) {
-  var name = _ref3.name,
-    field = _ref3.field,
-    onFieldChange = _ref3.onFieldChange,
-    intl = _ref3.intl;
-  var items = useMemo(function () {
-    return [].concat(_toConsumableArray(field.items || []), [{
-      label: intl.formatMessage(messages.custom),
-      value: 'custom'
-    }]).map(function (option) {
-      return _objectSpread(_objectSpread({}, option), {}, {
-        name: name
-      });
-    });
-  }, [field.items, name, intl]);
-  var _useState = useState(getFromDefaultValue(field, 'value') || items[0].value),
-    _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
-    onFieldChange(name, true);
-  }, [currentValue, onFieldChange, name]);
-  var element = jsx(Fragment, null, jsx("div", {
-    css: hidden
-  }, jsx(Field, {
-    name: "".concat(name, ".type"),
-    defaultValue: 'date-range'
-  }, function (_ref4) {
-    var fieldProps = _ref4.fieldProps;
-    return jsx(TextField, _extends({}, fieldProps, {
-      type: "hidden"
-    }));
-  })), jsx(Field, {
-    name: "".concat(name, ".value"),
-    label: field.label,
-    defaultValue: currentValue,
-    isRequired: field.isRequired,
-    validate: function validate(value) {
-      return _validate(field, value || '');
-    },
-    testId: "config-panel-date-range-".concat(name)
-  }, function (_ref5) {
-    var fieldProps = _ref5.fieldProps,
-      error = _ref5.error;
-    return jsx(Fragment, null, jsx(RadioGroup, _extends({}, fieldProps, {
-      options: items,
-      onChange: function onChange(event) {
-        fieldProps.onChange(event.target.value);
-        setCurrentValue(event.target.value);
-      }
-    })), jsx(FieldMessages, {
-      error: error
-    }));
-  }), currentValue !== 'custom' ? jsx("div", {
-    css: hidden
-  }, jsx(Field, {
-    name: "".concat(name, ".from"),
-    defaultValue: currentValue
-  }, function (_ref6) {
-    var fieldProps = _ref6.fieldProps;
-    return jsx(TextField, _extends({}, fieldProps, {
-      type: "hidden"
-    }));
-  })) : jsx("div", {
-    css: horizontalFields
-  }, jsx(DateField, {
-    scope: name,
-    parentField: field,
-    fieldName: "from",
-    onFieldChange: onFieldChange,
-    intl: intl,
-    isRequired: field.isRequired
-  }), jsx(DateField, {
-    scope: name,
-    parentField: field,
-    fieldName: "to",
-    onFieldChange: onFieldChange,
-    intl: intl,
-    isRequired: field.isRequired
-  })), jsx(FieldMessages, {
-    description: field.description
-  }));
-  return element;
-};
-export default injectIntl(DateRange);

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

@@ -1,34 +0,0 @@
-import React from 'react';
-import CheckboxGroup from './CheckboxGroup';
-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;
-  switch (field.style) {
-    case 'checkbox':
-      return /*#__PURE__*/React.createElement(CheckboxGroup, {
-        name: name,
-        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,
-        field: field,
-        onFieldChange: onFieldChange,
-        placeholder: field.placeholder,
-        autoFocus: autoFocus,
-        fieldDefaultValue: fieldDefaultValue
-      });
-  }
-}

package/dist/esm/plugins/extension/ui/ConfigPanel/Fields/Expand.js

@@ -1,54 +0,0 @@
-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';
-import { injectIntl } from 'react-intl-next';
-import { N40 } from '@atlaskit/theme/colors';
-import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
-import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
-import Button from '@atlaskit/button';
-import { messages } from '../messages';
-export var expandContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-bottom: 1px solid ", ";\n"])), "var(--ds-border, ".concat(N40, ")"));
-export var expandControl = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  height: ", ";\n  justify-content: center;\n  padding-right: ", ";\n"])), "var(--ds-space-600, 48px)", "var(--ds-space-100, 8px)");
-var chevronContainer = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  & > button {\n    width: ", ";\n    height: ", ";\n  }\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
-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: ", ";\n"])), isHidden ? 'none' : 'block', "var(--ds-space-negative-100, -8px)");
-};
-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;
-  var _useState = useState(isExpanded),
-    _useState2 = _slicedToArray(_useState, 2),
-    expanded = _useState2[0],
-    setExpanded = _useState2[1];
-  return jsx("div", {
-    "data-testid": "expand-config-field",
-    css: expandContainer
-  }, jsx("div", {
-    css: expandControl
-  }, jsx("div", {
-    css: labelContainer
-  }, field.label), jsx("div", {
-    css: chevronContainer
-  }, jsx(Button, {
-    onClick: function onClick() {
-      setExpanded(!expanded);
-    },
-    testId: "form-expand-toggle",
-    iconBefore: expanded ? jsx(ChevronDownIcon, {
-      label: intl.formatMessage(messages.collapse)
-    }) : jsx(ChevronRightIcon, {
-      label: intl.formatMessage(messages.expand)
-    })
-  }))), jsx("div", {
-    "data-testid": "expand-content-container",
-    css: expandContentContainer(!expanded)
-  }, children));
-}
-export default injectIntl(Expand);

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

@@ -1,256 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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';
-import { injectIntl } from 'react-intl-next';
-import SectionMessage from '@atlaskit/section-message';
-import Button from '@atlaskit/button/custom-theme-button';
-import Select from '@atlaskit/select';
-import AddCircleIcon from '@atlaskit/icon/glyph/add-circle';
-import { messages } from '../messages';
-import { getNameFromDuplicateField, isDuplicateField } from '../utils';
-import { N40A } from '@atlaskit/theme/colors';
-var actionsWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-top: 1px solid ", ";\n  margin-top: ", ";\n  padding-top: ", ";\n"])), "var(--ds-border, ".concat(N40A, ")"), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)");
-var populateFromParameters = function populateFromParameters(parameters, fields) {
-  if (Object.keys(parameters).length) {
-    var keys = Object.keys(parameters);
-    var existingFieldKeys = keys.filter(function (key) {
-      return fields.find(function (field) {
-        return field.name === getNameFromDuplicateField(key);
-      });
-    });
-    if (existingFieldKeys.length > 0) {
-      return existingFieldKeys;
-    }
-  }
-};
-var populateFromRequired = function populateFromRequired(fields) {
-  return fields.filter(function (field) {
-    return field.isRequired;
-  }).map(function (field) {
-    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
-        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) {
-        return field.allowDuplicates || !visibleFields.has(field.name);
-      }).map(function (field) {
-        return {
-          value: field.name,
-          label: field.label
-        };
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "setIsAdding", function (value) {
-      _this.setState(function (state) {
-        return _objectSpread(_objectSpread({}, state), {}, {
-          isAdding: value
-        });
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "setCurrentParameters", function (parameters) {
-      _this.setState(function (state) {
-        return _objectSpread(_objectSpread({}, state), {}, {
-          currentParameters: parameters
-        });
-      },
-      // 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), {}, {
-          visibleFields: fields,
-          selectedFields: _this.getSelectedFields(fields),
-          selectOptions: _this.getSelectOptions(fields)
-        });
-      });
-    });
-    _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.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
-      // 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];
-        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;
-      if (selectOptions.length === 0) {
-        return null;
-      }
-      return jsx(React.Fragment, null, isAdding ? jsx(Select, {
-        testId: "field-picker",
-        defaultMenuIsOpen: true,
-        autoFocus: true,
-        placeholder: intl.formatMessage(messages.addField),
-        options: selectOptions,
-        onChange: function onChange(option) {
-          if (option) {
-            _this.onSelectItem(option);
-          }
-        }
-      }) : jsx(Button, {
-        testId: "add-more",
-        appearance: "subtle",
-        iconBefore: jsx(AddCircleIcon, {
-          size: "small",
-          label: intl.formatMessage(messages.addField)
-        }),
-        onClick: function onClick() {
-          return _this.setIsAdding(true);
-        }
-      }, intl.formatMessage(messages.addField)));
-    });
-    var initialFields = getInitialFields(props.parameters, props.field.fields, props.field.options.isDynamic);
-    _this.state = {
-      isAdding: false,
-      currentParameters: props.parameters || {},
-      visibleFields: initialFields,
-      selectedFields: _this.getSelectedFields(initialFields),
-      selectOptions: _this.getSelectOptions(initialFields)
-    };
-    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;
-      var label = field.label,
-        options = field.options;
-      var _this$state3 = this.state,
-        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
-      }), jsx("div", null, options.showTitle && jsx("h5", null, label), jsx(FormComponent, {
-        fields: selectedFields,
-        parentName: name,
-        extensionManifest: extensionManifest,
-        parameters: currentParameters,
-        canRemoveFields: field.options.isDynamic && visibleFields.size > 1,
-        onClickRemove: this.onClickRemove,
-        onFieldChange: onFieldChange,
-        firstVisibleFieldName: firstVisibleFieldName
-      }), children && jsx("div", {
-        css: actionsWrapper,
-        "data-testId": "fieldset-actions"
-      }, children)));
-    }
-  }]);
-  return FieldsetField;
-}(React.Component);
-function FieldsetError(_ref) {
-  var message = _ref.message;
-  return jsx("div", {
-    css: sectionMessageWrapper
-  }, jsx(SectionMessage, {
-    appearance: "error"
-  }, jsx("p", null, message)));
-}
-var sectionMessageWrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\n"])), "var(--ds-space-300, 24px)");
-export default injectIntl(FieldsetField);

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

@@ -1,57 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { Field } from '@atlaskit/form';
-import TextField from '@atlaskit/textfield';
-import FieldMessages from '../FieldMessages';
-import { validate } from '../utils';
-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;
-  var label = field.label,
-    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,
-    defaultValue: defaultValue === undefined ? '' : String(defaultValue),
-    isRequired: isRequired,
-    validate: validateNumber,
-    testId: "config-panel-number-".concat(name)
-  }, function (_ref2) {
-    var fieldProps = _ref2.fieldProps,
-      error = _ref2.error,
-      meta = _ref2.meta;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextField, _extends({}, fieldProps, {
-      autoFocus: autoFocus,
-      onBlur: function onBlur() {
-        fieldProps.onBlur();
-        onFieldChange(name, meta.dirty);
-      },
-      type: "text" // do not change this to type="number", it will return invalid strings as ''
-      ,
-      placeholder: placeholder
-    })), /*#__PURE__*/React.createElement(FieldMessages, {
-      error: error,
-      description: description
-    }));
-  });
-}

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

@@ -1,46 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React, { Fragment } from 'react';
-import { Field } from '@atlaskit/form';
-import { RadioGroup } from '@atlaskit/radio';
-import FieldMessages from '../FieldMessages';
-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;
-  if (field.isMultiple) {
-    return /*#__PURE__*/React.createElement(FieldMessages, {
-      error: FieldTypeError.isMultipleAndRadio
-    });
-  }
-  return /*#__PURE__*/React.createElement(Field, {
-    name: name,
-    label: field.label,
-    defaultValue: field.defaultValue,
-    isRequired: field.isRequired,
-    validate: function validate(value) {
-      return _validate(field, value);
-    },
-    testId: "config-panel-radio-group-".concat(field.name)
-  }, function (_ref2) {
-    var fieldProps = _ref2.fieldProps,
-      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), {}, {
-          name: field.name
-        });
-      }),
-      onChange: function onChange(value) {
-        fieldProps.onChange(value);
-        onFieldChange(field.name, true);
-      }
-    })), /*#__PURE__*/React.createElement(FieldMessages, {
-      error: error
-    }));
-  });
-}

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

@@ -1,50 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { Fragment } from 'react';
-import { Field } from '@atlaskit/form';
-import Select from '@atlaskit/select';
-import FieldMessages from '../FieldMessages';
-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;
-  //ignore arrays as mutli-value select fields are always clearable
-  var hasValidSingleDefaultValue = !Array.isArray(fieldDefaultValue) && fieldDefaultValue !== undefined;
-  var isClearable = !hasValidSingleDefaultValue || field.isMultiple;
-  return /*#__PURE__*/React.createElement(Field, {
-    name: name,
-    label: field.label,
-    defaultValue: getOptionFromValue(field.items, field.defaultValue),
-    testId: "config-panel-select-".concat(name),
-    isRequired: field.isRequired,
-    validate: function validate(value) {
-      return _validate(field, value);
-    }
-  }, function (_ref2) {
-    var fieldProps = _ref2.fieldProps,
-      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)
-      ,
-      isMulti: field.isMultiple || false,
-      options: field.items || [],
-      isClearable: isClearable,
-      validationState: error ? 'error' : 'default',
-      formatOptionLabel: formatOptionLabel,
-      autoFocus: autoFocus,
-      menuPlacement: "auto",
-      placeholder: placeholder
-    })), /*#__PURE__*/React.createElement(FieldMessages, {
-      error: error,
-      description: field.description
-    }));
-  });
-}