@atlaskit/editor-core 189.4.17 → 189.4.18

package/dist/cjs/ui/ConfigPanel/Fields/CheckboxGroup.js

@@ -17,7 +17,6 @@ var _types = require("../types");
 var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
 var _excluded = ["onChange", "value"];
 var _templateObject;
-/** @jsx jsx */
 function _validate(value, isRequired) {
   if (isRequired && !(value !== null && value !== void 0 && value.length)) {
     return _types.ValidationError.Required;
@@ -44,7 +43,7 @@ function CheckboxGroupInner(_ref) {
     onChange((0, _toConsumableArray2.default)(active));
     onFieldChange();
   }
-  return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_form.Fieldset, {
+  return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_form.Fieldset, {
     legend: label
   }, options.map(function (_ref2, i) {
     var optionLabel = _ref2.label,
@@ -53,7 +52,7 @@ function CheckboxGroupInner(_ref) {
     var onOptionChange = function onOptionChange(event) {
       _onChange(optionValue, event.target.checked);
     };
-    return (0, _react2.jsx)(_checkbox.Checkbox, (0, _extends2.default)({
+    return /*#__PURE__*/React.createElement(_checkbox.Checkbox, (0, _extends2.default)({
       key: i
     }, restFieldProps, {
       isRequired: false,
@@ -61,7 +60,7 @@ function CheckboxGroupInner(_ref) {
       isChecked: isChecked,
       onChange: onOptionChange
     }));
-  })), (0, _react2.jsx)(_FieldMessages.default, {
+  })), /*#__PURE__*/React.createElement(_FieldMessages.default, {
     error: error,
     description: description
   }));
@@ -76,14 +75,14 @@ function CheckboxGroup(_ref3) {
     _field$isRequired = field.isRequired,
     isRequired = _field$isRequired === void 0 ? false : _field$isRequired,
     options = field.items;
-  var label = (0, _react2.jsx)(_react.Fragment, null, labelBase, isRequired ? (0, _react2.jsx)("span", {
+  var label = /*#__PURE__*/React.createElement(_react.Fragment, null, labelBase, isRequired ? /*#__PURE__*/React.createElement("span", {
     css: requiredIndicator,
     "aria-hidden": "true"
   }, ' ', "*") : null);
   var _onFieldChange = (0, _react.useCallback)(function () {
     onFieldChange(name, true);
   }, [name, onFieldChange]);
-  return (0, _react2.jsx)(_form.Field, {
+  return /*#__PURE__*/React.createElement(_form.Field, {
     name: name,
     isRequired: isRequired,
     defaultValue: defaultValue,
@@ -91,7 +90,7 @@ function CheckboxGroup(_ref3) {
       return _validate(value, isRequired);
     }
   }, function (props) {
-    return (0, _react2.jsx)(CheckboxGroupInner, (0, _extends2.default)({
+    return /*#__PURE__*/React.createElement(CheckboxGroupInner, (0, _extends2.default)({
       label: label,
       description: description,
       options: options,

package/dist/cjs/ui/ConfigPanel/Fields/ColorPicker.js

@@ -18,7 +18,7 @@ var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 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) { (0, _defineProperty2.default)(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 */
+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) { (0, _defineProperty2.default)(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; }
 /*
     NOTE: color used here are not yet in atlaskit code
     this is part of extended color pack from ADG, which is yet to be release
@@ -341,7 +341,7 @@ var ColorPicker = function ColorPicker(props) {
     onChange(colorValue);
     onFieldChange(name, currentColor !== colorValue);
   };
-  return (0, _react.jsx)(_uiMenu.ColorPickerButton, {
+  return /*#__PURE__*/React.createElement(_uiMenu.ColorPickerButton, {
     title: title,
     currentColor: currentColor,
     onChange: onColorChange,
@@ -364,7 +364,7 @@ var ColorPickerField = function ColorPickerField(_ref) {
   var label = field.label,
     defaultValue = field.defaultValue,
     isRequired = field.isRequired;
-  return (0, _react.jsx)(_form.Field, {
+  return /*#__PURE__*/React.createElement(_form.Field, {
     name: name,
     isRequired: isRequired,
     defaultValue: defaultValue,
@@ -374,21 +374,21 @@ var ColorPickerField = function ColorPickerField(_ref) {
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;
-    return (0, _react.jsx)(_react2.Fragment, null, (0, _react.jsx)("div", {
+    return /*#__PURE__*/React.createElement(_react2.Fragment, null, /*#__PURE__*/React.createElement("div", {
       css: colorPickerWrapper
-    }, (0, _react.jsx)("label", {
+    }, /*#__PURE__*/React.createElement("label", {
       css: colorPickerLabel
-    }, label, isRequired && (0, _react.jsx)("span", {
+    }, label, isRequired && /*#__PURE__*/React.createElement("span", {
       css: _RequiredIndicator.requiredIndicator,
       "aria-hidden": "true"
-    }, "*")), (0, _react.jsx)(ColorPicker, {
+    }, "*")), /*#__PURE__*/React.createElement(ColorPicker, {
       name: name,
       title: label,
       currentColor: fieldProps.value,
       onChange: fieldProps.onChange,
       onFieldChange: onFieldChange,
       featureFlags: featureFlags
-    })), error && (0, _react.jsx)(_FieldMessages.default, {
+    })), error && /*#__PURE__*/React.createElement(_FieldMessages.default, {
       error: error,
       description: ""
     }));

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

@@ -21,7 +21,6 @@ var _messages = require("../messages");
 var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
 var _utils = require("../utils");
 var _templateObject, _templateObject2, _templateObject3;
-/** @jsx jsx */
 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) { (0, _defineProperty2.default)(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; }
 var horizontalFields = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n"])));
@@ -39,10 +38,10 @@ var DateField = function DateField(_ref) {
     onFieldChange = _ref.onFieldChange,
     intl = _ref.intl,
     isRequired = _ref.isRequired;
-  return (0, _react2.jsx)("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: horizontalFieldWrapper,
     key: fieldName
-  }, (0, _react2.jsx)(_form.Field, {
+  }, /*#__PURE__*/React.createElement(_form.Field, {
     name: "".concat(scope, ".").concat(fieldName),
     label: intl.formatMessage(_messages.messages[fieldName]),
     defaultValue: getFromDefaultValue(parentField, fieldName),
@@ -55,13 +54,13 @@ var DateField = function DateField(_ref) {
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;
-    return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_datetimePicker.DatePicker, (0, _extends2.default)({}, fieldProps, {
+    return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_datetimePicker.DatePicker, (0, _extends2.default)({}, fieldProps, {
       onChange: function onChange(date) {
         fieldProps.onChange(date);
         onFieldChange(parentField.name, true);
       },
       locale: intl.locale
-    })), (0, _react2.jsx)(_FieldMessages.default, {
+    })), /*#__PURE__*/React.createElement(_FieldMessages.default, {
       error: error
     }));
   }));
@@ -90,17 +89,17 @@ var DateRange = function DateRange(_ref3) {
     // get the most up to date value after the form has been rendered
     onFieldChange(name, true);
   }, [currentValue, onFieldChange, name]);
-  var element = (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
+  var element = /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
     css: hidden
-  }, (0, _react2.jsx)(_form.Field, {
+  }, /*#__PURE__*/React.createElement(_form.Field, {
     name: "".concat(name, ".type"),
     defaultValue: 'date-range'
   }, function (_ref4) {
     var fieldProps = _ref4.fieldProps;
-    return (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, {
+    return /*#__PURE__*/React.createElement(_textfield.default, (0, _extends2.default)({}, fieldProps, {
       type: "hidden"
     }));
-  })), (0, _react2.jsx)(_form.Field, {
+  })), /*#__PURE__*/React.createElement(_form.Field, {
     name: "".concat(name, ".value"),
     label: field.label,
     defaultValue: currentValue,
@@ -111,42 +110,42 @@ var DateRange = function DateRange(_ref3) {
   }, function (_ref5) {
     var fieldProps = _ref5.fieldProps,
       error = _ref5.error;
-    return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_radio.RadioGroup, (0, _extends2.default)({}, fieldProps, {
+    return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_radio.RadioGroup, (0, _extends2.default)({}, fieldProps, {
       options: items,
       onChange: function onChange(event) {
         fieldProps.onChange(event.target.value);
         setCurrentValue(event.target.value);
       }
-    })), (0, _react2.jsx)(_FieldMessages.default, {
+    })), /*#__PURE__*/React.createElement(_FieldMessages.default, {
       error: error
     }));
-  }), currentValue !== 'custom' ? (0, _react2.jsx)("div", {
+  }), currentValue !== 'custom' ? /*#__PURE__*/React.createElement("div", {
     css: hidden
-  }, (0, _react2.jsx)(_form.Field, {
+  }, /*#__PURE__*/React.createElement(_form.Field, {
     name: "".concat(name, ".from"),
     defaultValue: currentValue
   }, function (_ref6) {
     var fieldProps = _ref6.fieldProps;
-    return (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, {
+    return /*#__PURE__*/React.createElement(_textfield.default, (0, _extends2.default)({}, fieldProps, {
       type: "hidden"
     }));
-  })) : (0, _react2.jsx)("div", {
+  })) : /*#__PURE__*/React.createElement("div", {
     css: horizontalFields
-  }, (0, _react2.jsx)(DateField, {
+  }, /*#__PURE__*/React.createElement(DateField, {
     scope: name,
     parentField: field,
     fieldName: "from",
     onFieldChange: onFieldChange,
     intl: intl,
     isRequired: field.isRequired
-  }), (0, _react2.jsx)(DateField, {
+  }), /*#__PURE__*/React.createElement(DateField, {
     scope: name,
     parentField: field,
     fieldName: "to",
     onFieldChange: onFieldChange,
     intl: intl,
     isRequired: field.isRequired
-  })), (0, _react2.jsx)(_FieldMessages.default, {
+  })), /*#__PURE__*/React.createElement(_FieldMessages.default, {
     description: field.description
   }));
   return element;

package/dist/cjs/ui/ConfigPanel/Fields/Expand.js

@@ -17,7 +17,6 @@ var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _messages = require("../messages");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-/** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var expandContainer = exports.expandContainer = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border-bottom: 1px solid ", ";\n"])), "var(--ds-border, ".concat(_colors.N40, ")"));
@@ -37,26 +36,26 @@ function Expand(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     expanded = _useState2[0],
     setExpanded = _useState2[1];
-  return (0, _react2.jsx)("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "expand-config-field",
     css: expandContainer
-  }, (0, _react2.jsx)("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     css: expandControl
-  }, (0, _react2.jsx)("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     css: labelContainer
-  }, field.label), (0, _react2.jsx)("div", {
+  }, field.label), /*#__PURE__*/_react.default.createElement("div", {
     css: chevronContainer
-  }, (0, _react2.jsx)(_button.default, {
+  }, /*#__PURE__*/_react.default.createElement(_button.default, {
     onClick: function onClick() {
       setExpanded(!expanded);
     },
     testId: "form-expand-toggle",
-    iconBefore: expanded ? (0, _react2.jsx)(_chevronDown.default, {
+    iconBefore: expanded ? /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
       label: intl.formatMessage(_messages.messages.collapse)
-    }) : (0, _react2.jsx)(_chevronRight.default, {
+    }) : /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
       label: intl.formatMessage(_messages.messages.expand)
     })
-  }))), (0, _react2.jsx)("div", {
+  }))), /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "expand-content-container",
     css: expandContentContainer(!expanded)
   }, children));

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

@@ -27,7 +27,6 @@ var _messages = require("../messages");
 var _utils = require("../utils");
 var _colors = require("@atlaskit/theme/colors");
 var _templateObject, _templateObject2;
-/** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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; }
@@ -184,7 +183,7 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
       if (selectOptions.length === 0) {
         return null;
       }
-      return (0, _react2.jsx)(_react.default.Fragment, null, isAdding ? (0, _react2.jsx)(_select.default, {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isAdding ? /*#__PURE__*/_react.default.createElement(_select.default, {
         testId: "field-picker",
         defaultMenuIsOpen: true,
         autoFocus: true,
@@ -195,10 +194,10 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
             _this.onSelectItem(option);
           }
         }
-      }) : (0, _react2.jsx)(_customThemeButton.default, {
+      }) : /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
         testId: "add-more",
         appearance: "subtle",
-        iconBefore: (0, _react2.jsx)(_addCircle.default, {
+        iconBefore: /*#__PURE__*/_react.default.createElement(_addCircle.default, {
           size: "small",
           label: intl.formatMessage(_messages.messages.addField)
         }),
@@ -235,9 +234,9 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
         currentParameters = _this$state3.currentParameters,
         visibleFields = _this$state3.visibleFields;
       var children = this.renderActions();
-      return (0, _react2.jsx)(_react.Fragment, null, error && (0, _react2.jsx)(FieldsetError, {
+      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, error && /*#__PURE__*/_react.default.createElement(FieldsetError, {
         message: error
-      }), (0, _react2.jsx)("div", null, options.showTitle && (0, _react2.jsx)("h5", null, label), (0, _react2.jsx)(FormComponent, {
+      }), /*#__PURE__*/_react.default.createElement("div", null, options.showTitle && /*#__PURE__*/_react.default.createElement("h5", null, label), /*#__PURE__*/_react.default.createElement(FormComponent, {
         fields: selectedFields,
         parentName: name,
         extensionManifest: extensionManifest,
@@ -246,7 +245,7 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
         onClickRemove: this.onClickRemove,
         onFieldChange: onFieldChange,
         firstVisibleFieldName: firstVisibleFieldName
-      }), children && (0, _react2.jsx)("div", {
+      }), children && /*#__PURE__*/_react.default.createElement("div", {
         css: actionsWrapper,
         "data-testId": "fieldset-actions"
       }, children)));
@@ -256,11 +255,11 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
 }(_react.default.Component);
 function FieldsetError(_ref) {
   var message = _ref.message;
-  return (0, _react2.jsx)("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     css: sectionMessageWrapper
-  }, (0, _react2.jsx)(_sectionMessage.default, {
+  }, /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
     appearance: "error"
-  }, (0, _react2.jsx)("p", null, message)));
+  }, /*#__PURE__*/_react.default.createElement("p", null, message)));
 }
 var sectionMessageWrapper = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: 24px;\n"])));
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(FieldsetField);

package/dist/cjs/ui/ConfigPanel/Fields/SelectItem.js

@@ -9,7 +9,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
 var _templateObject, _templateObject2, _templateObject3;
-/** @jsx jsx */
 var itemWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n\n  small {\n    margin: 0;\n    display: block;\n    color: currentColor;\n  }\n"])));
 var iconWrapper = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  line-height: 1;\n"])));
 var iconWrapperMenu = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  align-self: flex-start;\n  margin-top: 3px;\n"])));
@@ -24,17 +23,17 @@ var formatOptionLabel = exports.formatOptionLabel = function formatOptionLabel(_
     icon = _ref.icon,
     description = _ref.description;
   var context = _ref2.context;
-  return (0, _react.jsx)("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: itemWrapper
-  }, (0, _react.jsx)("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     css: [iconWrapper, context === 'menu' && iconWrapperMenu]
-  }, typeof icon === 'string' ? (0, _react.jsx)(_avatar.default, {
+  }, typeof icon === 'string' ? /*#__PURE__*/React.createElement(_avatar.default, {
     src: icon,
     size: getIconSize(context, description),
     appearance: "square"
-  }) : icon), (0, _react.jsx)("div", {
+  }) : icon), /*#__PURE__*/React.createElement("div", {
     style: {
       paddingLeft: icon ? "var(--ds-space-100, 8px)" : 0
     }
-  }, (0, _react.jsx)("p", null, label, description && context !== 'value' && (0, _react.jsx)("small", null, description))));
+  }, /*#__PURE__*/React.createElement("p", null, label, description && context !== 'value' && /*#__PURE__*/React.createElement("small", null, description))));
 };

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

@@ -13,7 +13,6 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
 var _templateObject, _templateObject2;
-/** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var tabWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])));
@@ -35,22 +34,22 @@ var TabGroupImpl = function TabGroupImpl(props) {
   var onChange = _react.default.useCallback(function (index) {
     setActiveTab(index);
   }, [setActiveTab]);
-  return (0, _react2.jsx)("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     css: tabWrapper
-  }, (0, _react2.jsx)(_tabs.default, {
+  }, /*#__PURE__*/_react.default.createElement(_tabs.default, {
     id: "configPanelTabs-".concat(field.name),
     onChange: onChange,
     selected: activeTab
-  }, (0, _react2.jsx)(_tabs.TabList, null, fields.map(function (_ref) {
+  }, /*#__PURE__*/_react.default.createElement(_tabs.TabList, null, fields.map(function (_ref) {
     var name = _ref.name,
       label = _ref.label;
-    return (0, _react2.jsx)(_tabs.Tab, {
+    return /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
       key: "tab-".concat(name)
     }, label);
   })), fields.map(function (field) {
-    return (0, _react2.jsx)(_tabs.TabPanel, {
+    return /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, {
       key: "panel-".concat(field.name)
-    }, (0, _react2.jsx)("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       css: panelWrapper
     }, renderPanel(field)));
   })));

package/dist/cjs/ui/ConfigPanel/Header.js

@@ -17,7 +17,6 @@ var _colors = require("@atlaskit/theme/colors");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _messages = require("./messages");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-/** @jsx jsx */
 var iconWidth = 40;
 var buttonWidth = 40;
 var margin = 16;
@@ -43,35 +42,35 @@ var Header = function Header(_ref) {
       return null;
     }
   });
-  return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
+  return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
     css: item
-  }, (0, _react2.jsx)("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: itemIcon
-  }, (0, _react2.jsx)(ResolvedIcon, {
+  }, /*#__PURE__*/React.createElement(ResolvedIcon, {
     label: title
-  })), (0, _react2.jsx)("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     css: itemBody
-  }, summary ? (0, _react2.jsx)("div", {
+  }, summary ? /*#__PURE__*/React.createElement("div", {
     css: itemText
-  }, (0, _react2.jsx)("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "item-title",
     id: "context-panel-title"
-  }, title), (0, _react2.jsx)("div", {
+  }, title), /*#__PURE__*/React.createElement("div", {
     className: "item-summary"
-  }, summary)) : (0, _react2.jsx)("div", {
+  }, summary)) : /*#__PURE__*/React.createElement("div", {
     css: centeredItemTitle,
     id: "context-panel-title"
-  }, title)), (0, _react2.jsx)("div", {
+  }, title)), /*#__PURE__*/React.createElement("div", {
     css: closeButtonWrapper
-  }, (0, _react2.jsx)(_customThemeButton.default, {
+  }, /*#__PURE__*/React.createElement(_customThemeButton.default, {
     appearance: "subtle",
-    iconBefore: (0, _react2.jsx)(_cross.default, {
+    iconBefore: /*#__PURE__*/React.createElement(_cross.default, {
       label: intl.formatMessage(_messages.messages.close)
     }),
     onClick: onClose
-  }))), (description || documentationUrl) && (0, _react2.jsx)("p", {
+  }))), (description || documentationUrl) && /*#__PURE__*/React.createElement("p", {
     css: descriptionStyle
-  }, description && (0, _react2.jsx)(_react.Fragment, null, description.replace(/([^.])$/, '$1.'), " "), documentationUrl && (0, _react2.jsx)("a", {
+  }, description && /*#__PURE__*/React.createElement(_react.Fragment, null, description.replace(/([^.])$/, '$1.'), " "), documentationUrl && /*#__PURE__*/React.createElement("a", {
     target: "_blank",
     rel: "noopener noreferrer",
     href: documentationUrl

package/dist/cjs/ui/ConfigPanel/LoadingState.js

@@ -9,13 +9,12 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _templateObject;
-/** @jsx jsx */
 var spinnerWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n  margin-top: ", ";\n"])), "var(--ds-space-800, 64px)");
 var LoadingState = function LoadingState() {
-  return (0, _react.jsx)("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: spinnerWrapper,
     "data-testid": "ConfigPanelLoading"
-  }, (0, _react.jsx)(_spinner.default, {
+  }, /*#__PURE__*/React.createElement(_spinner.default, {
     size: "small"
   }));
 };

package/dist/cjs/ui/ConfigPanel/NestedForms/RemovableField.js

@@ -14,7 +14,6 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _colors = require("@atlaskit/theme/colors");
 var _messages = require("../messages");
 var _templateObject, _templateObject2, _templateObject3;
-/** @jsx jsx */
 var removableFieldWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  margin-bottom: 0;\n"])));
 var wrapperWithMarginBottom = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: ", ";\n"])), "var(--ds-space-200, 16px)");
 var removeButtonWrapper = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  right: 0;\n  top: 0;\n  cursor: pointer;\n\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n  }\n"])), "var(--ds-icon-subtle, ".concat(_colors.N80, ")"), "var(--ds-icon-danger, ".concat(_colors.R300, ")"));
@@ -30,17 +29,17 @@ var RemovableField = function RemovableField(_ref) {
     return onClickRemove && onClickRemove(name);
   }, [name, onClickRemove]);
   var hasMarginBottom = ((_children$props$field = children.props.field) === null || _children$props$field === void 0 ? void 0 : _children$props$field.type) !== 'expand';
-  return (0, _react2.jsx)("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     css: [removableFieldWrapper, hasMarginBottom && wrapperWithMarginBottom],
     className: className
-  }, children, canRemoveField && (0, _react2.jsx)("div", {
+  }, children, canRemoveField && /*#__PURE__*/_react.default.createElement("div", {
     css: removeButtonWrapper,
     "data-testid": "remove-field-".concat(name),
     onClick: onClickCallback
-  }, (0, _react2.jsx)(_tooltip.default, {
+  }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: intl.formatMessage(_messages.messages.removeField),
     position: "left"
-  }, (0, _react2.jsx)(_crossCircle.default, {
+  }, /*#__PURE__*/_react.default.createElement(_crossCircle.default, {
     size: "small",
     label: intl.formatMessage(_messages.messages.removeField)
   }))));

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

@@ -33,7 +33,6 @@ var _emoji = require("@atlaskit/editor-common/emoji");
 var _colors = require("@atlaskit/theme/colors");
 var _selection = require("@atlaskit/editor-common/selection");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-/** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var linkStyles = exports.linkStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    ", "\n  }\n"])), _styles.linkSharedStyle);
@@ -61,7 +60,7 @@ var createEditorContentStyle = exports.createEditorContentStyle = function creat
         featureFlags: featureFlags
       });
     }, [theme, featureFlags]);
-    return (0, _react2.jsx)("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: className,
       ref: ref,
       css: [memoizedStyle, styles]

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

@@ -31,7 +31,6 @@ var _document = require("../../utils/document");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _excluded = ["actions"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-/** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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; }
@@ -99,7 +98,7 @@ var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function
       if (!currentPluginContent) {
         return;
       }
-      return (0, _react2.jsx)(_Transition.default, {
+      return /*#__PURE__*/_react.default.createElement(_Transition.default, {
         timeout: _this.state.mounted ? ANIM_SPEED_MS : 0,
         in: !!pluginContent,
         mountOnEnter: true,
@@ -114,7 +113,7 @@ var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function
       if (!children) {
         return;
       }
-      return (0, _react2.jsx)(_Transition.default, {
+      return /*#__PURE__*/_react.default.createElement(_Transition.default, {
         timeout: _this.state.mounted ? ANIM_SPEED_MS : 0,
         in: isVisible,
         mountOnEnter: true,
@@ -149,7 +148,7 @@ var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function
       var width = _editorSharedStyles.akEditorContextPanelWidth;
       var userVisible = !!this.props.visible;
       var visible = userVisible || !!this.state.currentPluginContent;
-      return (0, _react2.jsx)(_ui.ContextPanelConsumer, null, function (_ref) {
+      return /*#__PURE__*/_react.default.createElement(_ui.ContextPanelConsumer, null, function (_ref) {
         var broadcastWidth = _ref.broadcastWidth,
           broadcastPosition = _ref.broadcastPosition,
           positionedOverEditor = _ref.positionedOverEditor;
@@ -157,7 +156,7 @@ var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function
         var newPosition = editorWidth ? shouldPanelBePositionedOverEditor(editorWidth, width, editorView) : false;
         broadcastWidth(contextPanelWidth);
         (newPosition && visible) !== positionedOverEditor && broadcastPosition(newPosition && visible);
-        return (0, _react2.jsx)("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           css: [panel, !visible && panelHidden,
           /**
            * Only use absolute position for panel when screen size is wide enough
@@ -167,7 +166,7 @@ var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function
           "data-testid": "context-panel-panel",
           "aria-labelledby": "context-panel-title",
           role: "dialog"
-        }, (0, _react2.jsx)("div", {
+        }, /*#__PURE__*/_react.default.createElement("div", {
           "data-testid": "context-panel-content",
           css: [content, !visible && panelHidden]
         }, _this2.showPluginContent() || _this2.showProvidedContent(userVisible)));
@@ -213,11 +212,11 @@ function ContextPanelWithActions(_ref2) {
   var _useContext = (0, _react.useContext)(_ui.WidthContext),
     width = _useContext.width;
   if (!eventDispatcher) {
-    return (0, _react2.jsx)(SwappableContentArea, (0, _extends2.default)({
+    return /*#__PURE__*/_react.default.createElement(SwappableContentArea, (0, _extends2.default)({
       editorView: editorView
     }, props));
   }
-  return (0, _react2.jsx)(_WithPluginState.default, {
+  return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
     eventDispatcher: eventDispatcher,
     plugins: {
       contextPanel: contextPanelPluginKey,
@@ -231,7 +230,7 @@ function ContextPanelWithActions(_ref2) {
         containerWidth: width,
         contentBreakoutModes: editorView ? (0, _document.getChildBreakoutModes)(editorView.state.doc, editorView.state.schema) : []
       });
-      return (0, _react2.jsx)(SwappableContentArea, (0, _extends2.default)({}, props, {
+      return /*#__PURE__*/_react.default.createElement(SwappableContentArea, (0, _extends2.default)({}, props, {
         editorView: editorView,
         pluginContent: firstContent,
         editorWidth: editorWidth
@@ -240,9 +239,9 @@ function ContextPanelWithActions(_ref2) {
   });
 }
 function ContextPanel(props) {
-  return (0, _react2.jsx)(_WithEditorActions.default, {
+  return /*#__PURE__*/_react.default.createElement(_WithEditorActions.default, {
     render: function render(actions) {
-      return (0, _react2.jsx)(ContextPanelWithActions, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(ContextPanelWithActions, (0, _extends2.default)({
         actions: actions
       }, props));
     }