@atlaskit/editor-core 189.4.17 → 189.4.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (188) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/dist/cjs/composable-editor/editor-internal.js +11 -11
  3. package/dist/cjs/composable-editor/editor.js +7 -8
  4. package/dist/cjs/composable-editor/hooks/useEditorMeasuresConstructor.js +0 -2
  5. package/dist/cjs/composable-editor/hooks/useMeasureEditorMountTime.js +0 -2
  6. package/dist/cjs/editor.js +3 -4
  7. package/dist/cjs/plugins/alignment/ui/ToolbarAlignment/index.js +10 -11
  8. package/dist/cjs/plugins/avatar-group/ui/AvatarGroupPluginWrapper.js +2 -3
  9. package/dist/cjs/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.js +1 -2
  10. package/dist/cjs/plugins/breakout/ui/LayoutButton.js +5 -6
  11. package/dist/cjs/plugins/collab-edit/ui/avatars.js +2 -5
  12. package/dist/cjs/plugins/collab-edit/ui/colored-avatar-item.js +1 -4
  13. package/dist/cjs/plugins/collab-edit/ui/invite-to-edit.js +4 -7
  14. package/dist/cjs/plugins/extension/ui/Extension/Extension/index.js +11 -13
  15. package/dist/cjs/plugins/extension/ui/Extension/InlineExtension/index.js +4 -5
  16. package/dist/cjs/plugins/extension/ui/Extension/Lozenge.js +8 -9
  17. package/dist/cjs/plugins/extension/ui/Extension/MultiBodiedExtension/index.js +4 -4
  18. package/dist/cjs/plugins/extension/ui/SaveIndicator/SaveIndicator.js +6 -7
  19. package/dist/cjs/plugins/find-replace/ui/Find.js +13 -14
  20. package/dist/cjs/plugins/find-replace/ui/FindReplace.js +5 -6
  21. package/dist/cjs/plugins/find-replace/ui/FindReplaceToolbarButton.js +7 -8
  22. package/dist/cjs/plugins/find-replace/ui/Replace.js +5 -6
  23. package/dist/cjs/plugins/find-replace/ui/styles.js +0 -1
  24. package/dist/cjs/plugins/jira-issue/nodeviews/jira-issue.js +4 -5
  25. package/dist/cjs/plugins/undo-redo/ui/ToolbarUndoRedo/index.js +8 -11
  26. package/dist/cjs/ui/Addon/ClickAreaBlock/index.js +1 -2
  27. package/dist/cjs/ui/Addon/ClickAreaInline/index.js +1 -2
  28. package/dist/cjs/ui/Addon/ClickAreaMobile/index.js +1 -2
  29. package/dist/cjs/ui/Addon/Dropdown/index.js +2 -3
  30. package/dist/cjs/ui/Addon/DropdownItem/index.js +2 -5
  31. package/dist/cjs/ui/Alignment/index.js +6 -7
  32. package/dist/cjs/ui/Appearance/Chromeless.js +6 -7
  33. package/dist/cjs/ui/Appearance/Comment/Comment.js +16 -17
  34. package/dist/cjs/ui/Appearance/Comment/Toolbar.js +4 -5
  35. package/dist/cjs/ui/Appearance/FullPage/FullPage.js +3 -6
  36. package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +10 -12
  37. package/dist/cjs/ui/Appearance/FullPage/FullPageToolbar.js +13 -15
  38. package/dist/cjs/ui/AppearanceComponents/Mobile.js +5 -6
  39. package/dist/cjs/ui/ChromeCollapsed/index.js +2 -3
  40. package/dist/cjs/ui/ConfigPanel/ErrorMessage/ErrorImage.js +15 -16
  41. package/dist/cjs/ui/ConfigPanel/Fields/Boolean.js +19 -14
  42. package/dist/cjs/ui/ConfigPanel/Fields/CheckboxGroup.js +6 -7
  43. package/dist/cjs/ui/ConfigPanel/Fields/ColorPicker.js +8 -8
  44. package/dist/cjs/ui/ConfigPanel/Fields/DateRange.js +17 -18
  45. package/dist/cjs/ui/ConfigPanel/Fields/Expand.js +8 -9
  46. package/dist/cjs/ui/ConfigPanel/Fields/Fieldset.js +9 -10
  47. package/dist/cjs/ui/ConfigPanel/Fields/SelectItem.js +5 -6
  48. package/dist/cjs/ui/ConfigPanel/Fields/TabGroup.js +6 -7
  49. package/dist/cjs/ui/ConfigPanel/FormContent.js +2 -2
  50. package/dist/cjs/ui/ConfigPanel/Header.js +13 -14
  51. package/dist/cjs/ui/ConfigPanel/LoadingState.js +2 -3
  52. package/dist/cjs/ui/ConfigPanel/NestedForms/RemovableField.js +4 -5
  53. package/dist/cjs/ui/ConfigPanel/utils.js +16 -0
  54. package/dist/cjs/ui/ContentStyles/index.js +1 -2
  55. package/dist/cjs/ui/ContextPanel/index.js +10 -11
  56. package/dist/cjs/ui/PluginSlot/index.js +3 -4
  57. package/dist/cjs/ui/Toolbar/ToolbarInner.js +1 -2
  58. package/dist/cjs/ui/Toolbar/ToolbarWithSizeDetector.js +4 -5
  59. package/dist/cjs/ui/ToolbarFeedback/index.js +15 -16
  60. package/dist/cjs/ui/WithFlash/index.js +1 -2
  61. package/dist/cjs/version-wrapper.js +1 -1
  62. package/dist/es2019/composable-editor/editor-internal.js +11 -12
  63. package/dist/es2019/composable-editor/editor.js +6 -8
  64. package/dist/es2019/composable-editor/hooks/useEditorMeasuresConstructor.js +0 -2
  65. package/dist/es2019/composable-editor/hooks/useMeasureEditorMountTime.js +0 -1
  66. package/dist/es2019/editor.js +2 -4
  67. package/dist/es2019/plugins/alignment/ui/ToolbarAlignment/index.js +9 -11
  68. package/dist/es2019/plugins/avatar-group/ui/AvatarGroupPluginWrapper.js +3 -4
  69. package/dist/es2019/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.js +2 -3
  70. package/dist/es2019/plugins/breakout/ui/LayoutButton.js +6 -7
  71. package/dist/es2019/plugins/collab-edit/ui/avatars.js +2 -4
  72. package/dist/es2019/plugins/collab-edit/ui/colored-avatar-item.js +1 -3
  73. package/dist/es2019/plugins/collab-edit/ui/invite-to-edit.js +4 -6
  74. package/dist/es2019/plugins/extension/ui/Extension/Extension/index.js +11 -14
  75. package/dist/es2019/plugins/extension/ui/Extension/InlineExtension/index.js +3 -5
  76. package/dist/es2019/plugins/extension/ui/Extension/Lozenge.js +5 -7
  77. package/dist/es2019/plugins/extension/ui/Extension/MultiBodiedExtension/index.js +4 -6
  78. package/dist/es2019/plugins/extension/ui/SaveIndicator/SaveIndicator.js +7 -8
  79. package/dist/es2019/plugins/find-replace/ui/Find.js +12 -14
  80. package/dist/es2019/plugins/find-replace/ui/FindReplace.js +4 -6
  81. package/dist/es2019/plugins/find-replace/ui/FindReplaceToolbarButton.js +8 -9
  82. package/dist/es2019/plugins/find-replace/ui/Replace.js +4 -6
  83. package/dist/es2019/plugins/find-replace/ui/styles.js +0 -1
  84. package/dist/es2019/plugins/jira-issue/nodeviews/jira-issue.js +5 -6
  85. package/dist/es2019/plugins/undo-redo/ui/ToolbarUndoRedo/index.js +8 -10
  86. package/dist/es2019/ui/Addon/ClickAreaBlock/index.js +2 -3
  87. package/dist/es2019/ui/Addon/ClickAreaInline/index.js +2 -3
  88. package/dist/es2019/ui/Addon/ClickAreaMobile/index.js +2 -3
  89. package/dist/es2019/ui/Addon/Dropdown/index.js +1 -3
  90. package/dist/es2019/ui/Addon/DropdownItem/index.js +2 -4
  91. package/dist/es2019/ui/Alignment/index.js +3 -5
  92. package/dist/es2019/ui/Appearance/Chromeless.js +7 -8
  93. package/dist/es2019/ui/Appearance/Comment/Comment.js +17 -18
  94. package/dist/es2019/ui/Appearance/Comment/Toolbar.js +5 -7
  95. package/dist/es2019/ui/Appearance/FullPage/FullPage.js +3 -5
  96. package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +11 -12
  97. package/dist/es2019/ui/Appearance/FullPage/FullPageToolbar.js +13 -15
  98. package/dist/es2019/ui/AppearanceComponents/Mobile.js +6 -7
  99. package/dist/es2019/ui/ChromeCollapsed/index.js +1 -3
  100. package/dist/es2019/ui/ConfigPanel/ErrorMessage/ErrorImage.js +17 -17
  101. package/dist/es2019/ui/ConfigPanel/Fields/Boolean.js +20 -15
  102. package/dist/es2019/ui/ConfigPanel/Fields/CheckboxGroup.js +7 -8
  103. package/dist/es2019/ui/ConfigPanel/Fields/ColorPicker.js +8 -9
  104. package/dist/es2019/ui/ConfigPanel/Fields/DateRange.js +18 -19
  105. package/dist/es2019/ui/ConfigPanel/Fields/Expand.js +9 -10
  106. package/dist/es2019/ui/ConfigPanel/Fields/Fieldset.js +10 -11
  107. package/dist/es2019/ui/ConfigPanel/Fields/SelectItem.js +6 -7
  108. package/dist/es2019/ui/ConfigPanel/Fields/TabGroup.js +7 -8
  109. package/dist/es2019/ui/ConfigPanel/FormContent.js +3 -1
  110. package/dist/es2019/ui/ConfigPanel/Header.js +14 -15
  111. package/dist/es2019/ui/ConfigPanel/LoadingState.js +3 -4
  112. package/dist/es2019/ui/ConfigPanel/NestedForms/RemovableField.js +5 -6
  113. package/dist/es2019/ui/ConfigPanel/utils.js +10 -0
  114. package/dist/es2019/ui/ContentStyles/index.js +2 -3
  115. package/dist/es2019/ui/ContextPanel/index.js +11 -12
  116. package/dist/es2019/ui/PluginSlot/index.js +4 -5
  117. package/dist/es2019/ui/Toolbar/ToolbarInner.js +2 -3
  118. package/dist/es2019/ui/Toolbar/ToolbarWithSizeDetector.js +5 -6
  119. package/dist/es2019/ui/ToolbarFeedback/index.js +12 -14
  120. package/dist/es2019/ui/WithFlash/index.js +2 -3
  121. package/dist/es2019/version-wrapper.js +1 -1
  122. package/dist/esm/composable-editor/editor-internal.js +11 -12
  123. package/dist/esm/composable-editor/editor.js +6 -8
  124. package/dist/esm/composable-editor/hooks/useEditorMeasuresConstructor.js +0 -2
  125. package/dist/esm/composable-editor/hooks/useMeasureEditorMountTime.js +0 -1
  126. package/dist/esm/editor.js +2 -4
  127. package/dist/esm/plugins/alignment/ui/ToolbarAlignment/index.js +9 -11
  128. package/dist/esm/plugins/avatar-group/ui/AvatarGroupPluginWrapper.js +3 -4
  129. package/dist/esm/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.js +2 -3
  130. package/dist/esm/plugins/breakout/ui/LayoutButton.js +6 -7
  131. package/dist/esm/plugins/collab-edit/ui/avatars.js +2 -4
  132. package/dist/esm/plugins/collab-edit/ui/colored-avatar-item.js +1 -3
  133. package/dist/esm/plugins/collab-edit/ui/invite-to-edit.js +4 -6
  134. package/dist/esm/plugins/extension/ui/Extension/Extension/index.js +11 -14
  135. package/dist/esm/plugins/extension/ui/Extension/InlineExtension/index.js +3 -5
  136. package/dist/esm/plugins/extension/ui/Extension/Lozenge.js +5 -7
  137. package/dist/esm/plugins/extension/ui/Extension/MultiBodiedExtension/index.js +4 -6
  138. package/dist/esm/plugins/extension/ui/SaveIndicator/SaveIndicator.js +7 -8
  139. package/dist/esm/plugins/find-replace/ui/Find.js +12 -14
  140. package/dist/esm/plugins/find-replace/ui/FindReplace.js +4 -6
  141. package/dist/esm/plugins/find-replace/ui/FindReplaceToolbarButton.js +8 -9
  142. package/dist/esm/plugins/find-replace/ui/Replace.js +4 -6
  143. package/dist/esm/plugins/find-replace/ui/styles.js +0 -1
  144. package/dist/esm/plugins/jira-issue/nodeviews/jira-issue.js +5 -6
  145. package/dist/esm/plugins/undo-redo/ui/ToolbarUndoRedo/index.js +8 -10
  146. package/dist/esm/ui/Addon/ClickAreaBlock/index.js +2 -3
  147. package/dist/esm/ui/Addon/ClickAreaInline/index.js +2 -3
  148. package/dist/esm/ui/Addon/ClickAreaMobile/index.js +2 -3
  149. package/dist/esm/ui/Addon/Dropdown/index.js +1 -3
  150. package/dist/esm/ui/Addon/DropdownItem/index.js +2 -4
  151. package/dist/esm/ui/Alignment/index.js +3 -5
  152. package/dist/esm/ui/Appearance/Chromeless.js +7 -8
  153. package/dist/esm/ui/Appearance/Comment/Comment.js +17 -18
  154. package/dist/esm/ui/Appearance/Comment/Toolbar.js +5 -7
  155. package/dist/esm/ui/Appearance/FullPage/FullPage.js +3 -5
  156. package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +11 -12
  157. package/dist/esm/ui/Appearance/FullPage/FullPageToolbar.js +13 -15
  158. package/dist/esm/ui/AppearanceComponents/Mobile.js +6 -7
  159. package/dist/esm/ui/ChromeCollapsed/index.js +1 -3
  160. package/dist/esm/ui/ConfigPanel/ErrorMessage/ErrorImage.js +17 -17
  161. package/dist/esm/ui/ConfigPanel/Fields/Boolean.js +20 -15
  162. package/dist/esm/ui/ConfigPanel/Fields/CheckboxGroup.js +7 -8
  163. package/dist/esm/ui/ConfigPanel/Fields/ColorPicker.js +8 -9
  164. package/dist/esm/ui/ConfigPanel/Fields/DateRange.js +18 -19
  165. package/dist/esm/ui/ConfigPanel/Fields/Expand.js +9 -10
  166. package/dist/esm/ui/ConfigPanel/Fields/Fieldset.js +10 -11
  167. package/dist/esm/ui/ConfigPanel/Fields/SelectItem.js +6 -7
  168. package/dist/esm/ui/ConfigPanel/Fields/TabGroup.js +7 -8
  169. package/dist/esm/ui/ConfigPanel/FormContent.js +2 -2
  170. package/dist/esm/ui/ConfigPanel/Header.js +14 -15
  171. package/dist/esm/ui/ConfigPanel/LoadingState.js +3 -4
  172. package/dist/esm/ui/ConfigPanel/NestedForms/RemovableField.js +5 -6
  173. package/dist/esm/ui/ConfigPanel/utils.js +16 -0
  174. package/dist/esm/ui/ContentStyles/index.js +2 -3
  175. package/dist/esm/ui/ContextPanel/index.js +11 -12
  176. package/dist/esm/ui/PluginSlot/index.js +4 -5
  177. package/dist/esm/ui/Toolbar/ToolbarInner.js +2 -3
  178. package/dist/esm/ui/Toolbar/ToolbarWithSizeDetector.js +5 -6
  179. package/dist/esm/ui/ToolbarFeedback/index.js +12 -14
  180. package/dist/esm/ui/WithFlash/index.js +2 -3
  181. package/dist/esm/version-wrapper.js +1 -1
  182. package/dist/types/ui/ConfigPanel/Fields/Boolean.d.ts +2 -2
  183. package/dist/types/ui/ConfigPanel/FormContent.d.ts +1 -1
  184. package/dist/types/ui/ConfigPanel/utils.d.ts +2 -1
  185. package/dist/types-ts4.5/ui/ConfigPanel/Fields/Boolean.d.ts +2 -2
  186. package/dist/types-ts4.5/ui/ConfigPanel/FormContent.d.ts +1 -1
  187. package/dist/types-ts4.5/ui/ConfigPanel/utils.d.ts +2 -1
  188. package/package.json +10 -6
@@ -20,7 +20,6 @@ var _RequiredIndicator = require("./common/RequiredIndicator");
20
20
  var _excluded = ["value"],
21
21
  _excluded2 = ["id", "value"];
22
22
  var _templateObject, _templateObject2;
23
- /** @jsx jsx */
24
23
  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); }
25
24
  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; }
26
25
  var toggleFieldWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n"])));
@@ -30,6 +29,12 @@ function _validate(value, isRequired) {
30
29
  return _types.ValidationError.Required;
31
30
  }
32
31
  }
32
+ function parseBoolean(value) {
33
+ if (typeof value === 'boolean') {
34
+ return value;
35
+ }
36
+ return value === 'true';
37
+ }
33
38
  function handleOnChange(onChange, onFieldChange, event) {
34
39
  var _event$target;
35
40
  onChange((event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.checked) || false);
@@ -51,7 +56,7 @@ function Checkbox(_ref) {
51
56
  isRequired = _field$isRequired === void 0 ? false : _field$isRequired,
52
57
  _field$defaultValue = field.defaultValue,
53
58
  defaultValue = _field$defaultValue === void 0 ? false : _field$defaultValue;
54
- return (0, _react2.jsx)(_form.Field, {
59
+ return /*#__PURE__*/_react.default.createElement(_form.Field, {
55
60
  name: name,
56
61
  isRequired: isRequired,
57
62
  validate: function validate(value) {
@@ -63,13 +68,13 @@ function Checkbox(_ref) {
63
68
  error = _ref2.error;
64
69
  var isChecked = fieldProps.value,
65
70
  restFieldProps = (0, _objectWithoutProperties2.default)(fieldProps, _excluded);
66
- return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_checkbox.Checkbox, (0, _extends2.default)({}, restFieldProps, {
71
+ return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, (0, _extends2.default)({}, restFieldProps, {
67
72
  label: label,
68
73
  onChange: function onChange(event) {
69
74
  return handleOnChange(fieldProps.onChange, onFieldChange, event);
70
75
  },
71
- isChecked: isChecked
72
- })), (0, _react2.jsx)(_FieldMessages.default, {
76
+ isChecked: parseBoolean(isChecked)
77
+ })), /*#__PURE__*/_react.default.createElement(_FieldMessages.default, {
73
78
  error: error,
74
79
  description: description
75
80
  }));
@@ -85,7 +90,7 @@ function Toggle(_ref3) {
85
90
  isRequired = _field$isRequired2 === void 0 ? false : _field$isRequired2,
86
91
  _field$defaultValue2 = field.defaultValue,
87
92
  defaultValue = _field$defaultValue2 === void 0 ? false : _field$defaultValue2;
88
- return (0, _react2.jsx)(_form.Field, {
93
+ return /*#__PURE__*/_react.default.createElement(_form.Field, {
89
94
  name: name,
90
95
  isRequired: isRequired,
91
96
  validate: function validate(value) {
@@ -98,21 +103,21 @@ function Toggle(_ref3) {
98
103
  var id = fieldProps.id,
99
104
  isChecked = fieldProps.value,
100
105
  restFieldProps = (0, _objectWithoutProperties2.default)(fieldProps, _excluded2);
101
- return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
106
+ return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
102
107
  css: toggleFieldWrapper
103
- }, (0, _react2.jsx)("label", {
108
+ }, /*#__PURE__*/_react.default.createElement("label", {
104
109
  css: toggleLabel,
105
110
  id: id,
106
111
  htmlFor: id
107
- }, label, isRequired ? (0, _react2.jsx)("span", {
112
+ }, label, isRequired ? /*#__PURE__*/_react.default.createElement("span", {
108
113
  css: _RequiredIndicator.requiredIndicator,
109
114
  "aria-hidden": "true"
110
- }, "*") : null), (0, _react2.jsx)(_toggle.default, (0, _extends2.default)({}, restFieldProps, {
115
+ }, "*") : null), /*#__PURE__*/_react.default.createElement(_toggle.default, (0, _extends2.default)({}, restFieldProps, {
111
116
  onChange: function onChange(event) {
112
117
  return handleOnChange(fieldProps.onChange, onFieldChange, event);
113
118
  },
114
- isChecked: isChecked
115
- }))), (0, _react2.jsx)(_FieldMessages.default, {
119
+ isChecked: parseBoolean(isChecked)
120
+ }))), /*#__PURE__*/_react.default.createElement(_FieldMessages.default, {
116
121
  error: error,
117
122
  description: description
118
123
  }));
@@ -123,13 +128,13 @@ function Boolean(_ref5) {
123
128
  field = _ref5.field,
124
129
  onFieldChange = _ref5.onFieldChange;
125
130
  if (field.style === 'toggle') {
126
- return (0, _react2.jsx)(Toggle, {
131
+ return /*#__PURE__*/_react.default.createElement(Toggle, {
127
132
  name: name,
128
133
  field: field,
129
134
  onFieldChange: onFieldChange
130
135
  });
131
136
  }
132
- return (0, _react2.jsx)(Checkbox, {
137
+ return /*#__PURE__*/_react.default.createElement(Checkbox, {
133
138
  name: name,
134
139
  field: field,
135
140
  onFieldChange: onFieldChange
@@ -17,7 +17,6 @@ var _types = require("../types");
17
17
  var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
18
18
  var _excluded = ["onChange", "value"];
19
19
  var _templateObject;
20
- /** @jsx jsx */
21
20
  function _validate(value, isRequired) {
22
21
  if (isRequired && !(value !== null && value !== void 0 && value.length)) {
23
22
  return _types.ValidationError.Required;
@@ -44,7 +43,7 @@ function CheckboxGroupInner(_ref) {
44
43
  onChange((0, _toConsumableArray2.default)(active));
45
44
  onFieldChange();
46
45
  }
47
- return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_form.Fieldset, {
46
+ return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_form.Fieldset, {
48
47
  legend: label
49
48
  }, options.map(function (_ref2, i) {
50
49
  var optionLabel = _ref2.label,
@@ -53,7 +52,7 @@ function CheckboxGroupInner(_ref) {
53
52
  var onOptionChange = function onOptionChange(event) {
54
53
  _onChange(optionValue, event.target.checked);
55
54
  };
56
- return (0, _react2.jsx)(_checkbox.Checkbox, (0, _extends2.default)({
55
+ return /*#__PURE__*/React.createElement(_checkbox.Checkbox, (0, _extends2.default)({
57
56
  key: i
58
57
  }, restFieldProps, {
59
58
  isRequired: false,
@@ -61,7 +60,7 @@ function CheckboxGroupInner(_ref) {
61
60
  isChecked: isChecked,
62
61
  onChange: onOptionChange
63
62
  }));
64
- })), (0, _react2.jsx)(_FieldMessages.default, {
63
+ })), /*#__PURE__*/React.createElement(_FieldMessages.default, {
65
64
  error: error,
66
65
  description: description
67
66
  }));
@@ -76,14 +75,14 @@ function CheckboxGroup(_ref3) {
76
75
  _field$isRequired = field.isRequired,
77
76
  isRequired = _field$isRequired === void 0 ? false : _field$isRequired,
78
77
  options = field.items;
79
- var label = (0, _react2.jsx)(_react.Fragment, null, labelBase, isRequired ? (0, _react2.jsx)("span", {
78
+ var label = /*#__PURE__*/React.createElement(_react.Fragment, null, labelBase, isRequired ? /*#__PURE__*/React.createElement("span", {
80
79
  css: requiredIndicator,
81
80
  "aria-hidden": "true"
82
81
  }, ' ', "*") : null);
83
82
  var _onFieldChange = (0, _react.useCallback)(function () {
84
83
  onFieldChange(name, true);
85
84
  }, [name, onFieldChange]);
86
- return (0, _react2.jsx)(_form.Field, {
85
+ return /*#__PURE__*/React.createElement(_form.Field, {
87
86
  name: name,
88
87
  isRequired: isRequired,
89
88
  defaultValue: defaultValue,
@@ -91,7 +90,7 @@ function CheckboxGroup(_ref3) {
91
90
  return _validate(value, isRequired);
92
91
  }
93
92
  }, function (props) {
94
- return (0, _react2.jsx)(CheckboxGroupInner, (0, _extends2.default)({
93
+ return /*#__PURE__*/React.createElement(CheckboxGroupInner, (0, _extends2.default)({
95
94
  label: label,
96
95
  description: description,
97
96
  options: options,
@@ -18,7 +18,7 @@ var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
18
18
  var _uiMenu = require("@atlaskit/editor-common/ui-menu");
19
19
  var _templateObject, _templateObject2;
20
20
  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; }
21
- 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 */
21
+ 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; }
22
22
  /*
23
23
  NOTE: color used here are not yet in atlaskit code
24
24
  this is part of extended color pack from ADG, which is yet to be release
@@ -341,7 +341,7 @@ var ColorPicker = function ColorPicker(props) {
341
341
  onChange(colorValue);
342
342
  onFieldChange(name, currentColor !== colorValue);
343
343
  };
344
- return (0, _react.jsx)(_uiMenu.ColorPickerButton, {
344
+ return /*#__PURE__*/React.createElement(_uiMenu.ColorPickerButton, {
345
345
  title: title,
346
346
  currentColor: currentColor,
347
347
  onChange: onColorChange,
@@ -364,7 +364,7 @@ var ColorPickerField = function ColorPickerField(_ref) {
364
364
  var label = field.label,
365
365
  defaultValue = field.defaultValue,
366
366
  isRequired = field.isRequired;
367
- return (0, _react.jsx)(_form.Field, {
367
+ return /*#__PURE__*/React.createElement(_form.Field, {
368
368
  name: name,
369
369
  isRequired: isRequired,
370
370
  defaultValue: defaultValue,
@@ -374,21 +374,21 @@ var ColorPickerField = function ColorPickerField(_ref) {
374
374
  }, function (_ref2) {
375
375
  var fieldProps = _ref2.fieldProps,
376
376
  error = _ref2.error;
377
- return (0, _react.jsx)(_react2.Fragment, null, (0, _react.jsx)("div", {
377
+ return /*#__PURE__*/React.createElement(_react2.Fragment, null, /*#__PURE__*/React.createElement("div", {
378
378
  css: colorPickerWrapper
379
- }, (0, _react.jsx)("label", {
379
+ }, /*#__PURE__*/React.createElement("label", {
380
380
  css: colorPickerLabel
381
- }, label, isRequired && (0, _react.jsx)("span", {
381
+ }, label, isRequired && /*#__PURE__*/React.createElement("span", {
382
382
  css: _RequiredIndicator.requiredIndicator,
383
383
  "aria-hidden": "true"
384
- }, "*")), (0, _react.jsx)(ColorPicker, {
384
+ }, "*")), /*#__PURE__*/React.createElement(ColorPicker, {
385
385
  name: name,
386
386
  title: label,
387
387
  currentColor: fieldProps.value,
388
388
  onChange: fieldProps.onChange,
389
389
  onFieldChange: onFieldChange,
390
390
  featureFlags: featureFlags
391
- })), error && (0, _react.jsx)(_FieldMessages.default, {
391
+ })), error && /*#__PURE__*/React.createElement(_FieldMessages.default, {
392
392
  error: error,
393
393
  description: ""
394
394
  }));
@@ -21,7 +21,6 @@ var _messages = require("../messages");
21
21
  var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
22
22
  var _utils = require("../utils");
23
23
  var _templateObject, _templateObject2, _templateObject3;
24
- /** @jsx jsx */
25
24
  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; }
26
25
  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; }
27
26
  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) {
39
38
  onFieldChange = _ref.onFieldChange,
40
39
  intl = _ref.intl,
41
40
  isRequired = _ref.isRequired;
42
- return (0, _react2.jsx)("div", {
41
+ return /*#__PURE__*/React.createElement("div", {
43
42
  css: horizontalFieldWrapper,
44
43
  key: fieldName
45
- }, (0, _react2.jsx)(_form.Field, {
44
+ }, /*#__PURE__*/React.createElement(_form.Field, {
46
45
  name: "".concat(scope, ".").concat(fieldName),
47
46
  label: intl.formatMessage(_messages.messages[fieldName]),
48
47
  defaultValue: getFromDefaultValue(parentField, fieldName),
@@ -55,13 +54,13 @@ var DateField = function DateField(_ref) {
55
54
  }, function (_ref2) {
56
55
  var fieldProps = _ref2.fieldProps,
57
56
  error = _ref2.error;
58
- return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_datetimePicker.DatePicker, (0, _extends2.default)({}, fieldProps, {
57
+ return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_datetimePicker.DatePicker, (0, _extends2.default)({}, fieldProps, {
59
58
  onChange: function onChange(date) {
60
59
  fieldProps.onChange(date);
61
60
  onFieldChange(parentField.name, true);
62
61
  },
63
62
  locale: intl.locale
64
- })), (0, _react2.jsx)(_FieldMessages.default, {
63
+ })), /*#__PURE__*/React.createElement(_FieldMessages.default, {
65
64
  error: error
66
65
  }));
67
66
  }));
@@ -90,17 +89,17 @@ var DateRange = function DateRange(_ref3) {
90
89
  // get the most up to date value after the form has been rendered
91
90
  onFieldChange(name, true);
92
91
  }, [currentValue, onFieldChange, name]);
93
- var element = (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
92
+ var element = /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
94
93
  css: hidden
95
- }, (0, _react2.jsx)(_form.Field, {
94
+ }, /*#__PURE__*/React.createElement(_form.Field, {
96
95
  name: "".concat(name, ".type"),
97
96
  defaultValue: 'date-range'
98
97
  }, function (_ref4) {
99
98
  var fieldProps = _ref4.fieldProps;
100
- return (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, {
99
+ return /*#__PURE__*/React.createElement(_textfield.default, (0, _extends2.default)({}, fieldProps, {
101
100
  type: "hidden"
102
101
  }));
103
- })), (0, _react2.jsx)(_form.Field, {
102
+ })), /*#__PURE__*/React.createElement(_form.Field, {
104
103
  name: "".concat(name, ".value"),
105
104
  label: field.label,
106
105
  defaultValue: currentValue,
@@ -111,42 +110,42 @@ var DateRange = function DateRange(_ref3) {
111
110
  }, function (_ref5) {
112
111
  var fieldProps = _ref5.fieldProps,
113
112
  error = _ref5.error;
114
- return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_radio.RadioGroup, (0, _extends2.default)({}, fieldProps, {
113
+ return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_radio.RadioGroup, (0, _extends2.default)({}, fieldProps, {
115
114
  options: items,
116
115
  onChange: function onChange(event) {
117
116
  fieldProps.onChange(event.target.value);
118
117
  setCurrentValue(event.target.value);
119
118
  }
120
- })), (0, _react2.jsx)(_FieldMessages.default, {
119
+ })), /*#__PURE__*/React.createElement(_FieldMessages.default, {
121
120
  error: error
122
121
  }));
123
- }), currentValue !== 'custom' ? (0, _react2.jsx)("div", {
122
+ }), currentValue !== 'custom' ? /*#__PURE__*/React.createElement("div", {
124
123
  css: hidden
125
- }, (0, _react2.jsx)(_form.Field, {
124
+ }, /*#__PURE__*/React.createElement(_form.Field, {
126
125
  name: "".concat(name, ".from"),
127
126
  defaultValue: currentValue
128
127
  }, function (_ref6) {
129
128
  var fieldProps = _ref6.fieldProps;
130
- return (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, {
129
+ return /*#__PURE__*/React.createElement(_textfield.default, (0, _extends2.default)({}, fieldProps, {
131
130
  type: "hidden"
132
131
  }));
133
- })) : (0, _react2.jsx)("div", {
132
+ })) : /*#__PURE__*/React.createElement("div", {
134
133
  css: horizontalFields
135
- }, (0, _react2.jsx)(DateField, {
134
+ }, /*#__PURE__*/React.createElement(DateField, {
136
135
  scope: name,
137
136
  parentField: field,
138
137
  fieldName: "from",
139
138
  onFieldChange: onFieldChange,
140
139
  intl: intl,
141
140
  isRequired: field.isRequired
142
- }), (0, _react2.jsx)(DateField, {
141
+ }), /*#__PURE__*/React.createElement(DateField, {
143
142
  scope: name,
144
143
  parentField: field,
145
144
  fieldName: "to",
146
145
  onFieldChange: onFieldChange,
147
146
  intl: intl,
148
147
  isRequired: field.isRequired
149
- })), (0, _react2.jsx)(_FieldMessages.default, {
148
+ })), /*#__PURE__*/React.createElement(_FieldMessages.default, {
150
149
  description: field.description
151
150
  }));
152
151
  return element;
@@ -17,7 +17,6 @@ var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron
17
17
  var _button = _interopRequireDefault(require("@atlaskit/button"));
18
18
  var _messages = require("../messages");
19
19
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
20
- /** @jsx jsx */
21
20
  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); }
22
21
  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; }
23
22
  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) {
37
36
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
38
37
  expanded = _useState2[0],
39
38
  setExpanded = _useState2[1];
40
- return (0, _react2.jsx)("div", {
39
+ return /*#__PURE__*/_react.default.createElement("div", {
41
40
  "data-testid": "expand-config-field",
42
41
  css: expandContainer
43
- }, (0, _react2.jsx)("div", {
42
+ }, /*#__PURE__*/_react.default.createElement("div", {
44
43
  css: expandControl
45
- }, (0, _react2.jsx)("div", {
44
+ }, /*#__PURE__*/_react.default.createElement("div", {
46
45
  css: labelContainer
47
- }, field.label), (0, _react2.jsx)("div", {
46
+ }, field.label), /*#__PURE__*/_react.default.createElement("div", {
48
47
  css: chevronContainer
49
- }, (0, _react2.jsx)(_button.default, {
48
+ }, /*#__PURE__*/_react.default.createElement(_button.default, {
50
49
  onClick: function onClick() {
51
50
  setExpanded(!expanded);
52
51
  },
53
52
  testId: "form-expand-toggle",
54
- iconBefore: expanded ? (0, _react2.jsx)(_chevronDown.default, {
53
+ iconBefore: expanded ? /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
55
54
  label: intl.formatMessage(_messages.messages.collapse)
56
- }) : (0, _react2.jsx)(_chevronRight.default, {
55
+ }) : /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
57
56
  label: intl.formatMessage(_messages.messages.expand)
58
57
  })
59
- }))), (0, _react2.jsx)("div", {
58
+ }))), /*#__PURE__*/_react.default.createElement("div", {
60
59
  "data-testid": "expand-content-container",
61
60
  css: expandContentContainer(!expanded)
62
61
  }, children));
@@ -27,7 +27,6 @@ var _messages = require("../messages");
27
27
  var _utils = require("../utils");
28
28
  var _colors = require("@atlaskit/theme/colors");
29
29
  var _templateObject, _templateObject2;
30
- /** @jsx jsx */
31
30
  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); }
32
31
  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; }
33
32
  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) {
184
183
  if (selectOptions.length === 0) {
185
184
  return null;
186
185
  }
187
- return (0, _react2.jsx)(_react.default.Fragment, null, isAdding ? (0, _react2.jsx)(_select.default, {
186
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isAdding ? /*#__PURE__*/_react.default.createElement(_select.default, {
188
187
  testId: "field-picker",
189
188
  defaultMenuIsOpen: true,
190
189
  autoFocus: true,
@@ -195,10 +194,10 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
195
194
  _this.onSelectItem(option);
196
195
  }
197
196
  }
198
- }) : (0, _react2.jsx)(_customThemeButton.default, {
197
+ }) : /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
199
198
  testId: "add-more",
200
199
  appearance: "subtle",
201
- iconBefore: (0, _react2.jsx)(_addCircle.default, {
200
+ iconBefore: /*#__PURE__*/_react.default.createElement(_addCircle.default, {
202
201
  size: "small",
203
202
  label: intl.formatMessage(_messages.messages.addField)
204
203
  }),
@@ -235,9 +234,9 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
235
234
  currentParameters = _this$state3.currentParameters,
236
235
  visibleFields = _this$state3.visibleFields;
237
236
  var children = this.renderActions();
238
- return (0, _react2.jsx)(_react.Fragment, null, error && (0, _react2.jsx)(FieldsetError, {
237
+ return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, error && /*#__PURE__*/_react.default.createElement(FieldsetError, {
239
238
  message: error
240
- }), (0, _react2.jsx)("div", null, options.showTitle && (0, _react2.jsx)("h5", null, label), (0, _react2.jsx)(FormComponent, {
239
+ }), /*#__PURE__*/_react.default.createElement("div", null, options.showTitle && /*#__PURE__*/_react.default.createElement("h5", null, label), /*#__PURE__*/_react.default.createElement(FormComponent, {
241
240
  fields: selectedFields,
242
241
  parentName: name,
243
242
  extensionManifest: extensionManifest,
@@ -246,7 +245,7 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
246
245
  onClickRemove: this.onClickRemove,
247
246
  onFieldChange: onFieldChange,
248
247
  firstVisibleFieldName: firstVisibleFieldName
249
- }), children && (0, _react2.jsx)("div", {
248
+ }), children && /*#__PURE__*/_react.default.createElement("div", {
250
249
  css: actionsWrapper,
251
250
  "data-testId": "fieldset-actions"
252
251
  }, children)));
@@ -256,11 +255,11 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
256
255
  }(_react.default.Component);
257
256
  function FieldsetError(_ref) {
258
257
  var message = _ref.message;
259
- return (0, _react2.jsx)("div", {
258
+ return /*#__PURE__*/_react.default.createElement("div", {
260
259
  css: sectionMessageWrapper
261
- }, (0, _react2.jsx)(_sectionMessage.default, {
260
+ }, /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
262
261
  appearance: "error"
263
- }, (0, _react2.jsx)("p", null, message)));
262
+ }, /*#__PURE__*/_react.default.createElement("p", null, message)));
264
263
  }
265
264
  var sectionMessageWrapper = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n margin-bottom: 24px;\n"])));
266
265
  var _default = exports.default = (0, _reactIntlNext.injectIntl)(FieldsetField);
@@ -9,7 +9,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
9
9
  var _react = require("@emotion/react");
10
10
  var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
11
11
  var _templateObject, _templateObject2, _templateObject3;
12
- /** @jsx jsx */
13
12
  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"])));
14
13
  var iconWrapper = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n line-height: 1;\n"])));
15
14
  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(_
24
23
  icon = _ref.icon,
25
24
  description = _ref.description;
26
25
  var context = _ref2.context;
27
- return (0, _react.jsx)("div", {
26
+ return /*#__PURE__*/React.createElement("div", {
28
27
  css: itemWrapper
29
- }, (0, _react.jsx)("span", {
28
+ }, /*#__PURE__*/React.createElement("span", {
30
29
  css: [iconWrapper, context === 'menu' && iconWrapperMenu]
31
- }, typeof icon === 'string' ? (0, _react.jsx)(_avatar.default, {
30
+ }, typeof icon === 'string' ? /*#__PURE__*/React.createElement(_avatar.default, {
32
31
  src: icon,
33
32
  size: getIconSize(context, description),
34
33
  appearance: "square"
35
- }) : icon), (0, _react.jsx)("div", {
34
+ }) : icon), /*#__PURE__*/React.createElement("div", {
36
35
  style: {
37
36
  paddingLeft: icon ? "var(--ds-space-100, 8px)" : 0
38
37
  }
39
- }, (0, _react.jsx)("p", null, label, description && context !== 'value' && (0, _react.jsx)("small", null, description))));
38
+ }, /*#__PURE__*/React.createElement("p", null, label, description && context !== 'value' && /*#__PURE__*/React.createElement("small", null, description))));
40
39
  };
@@ -13,7 +13,6 @@ var _react2 = require("@emotion/react");
13
13
  var _reactIntlNext = require("react-intl-next");
14
14
  var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
15
15
  var _templateObject, _templateObject2;
16
- /** @jsx jsx */
17
16
  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); }
18
17
  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; }
19
18
  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) {
35
34
  var onChange = _react.default.useCallback(function (index) {
36
35
  setActiveTab(index);
37
36
  }, [setActiveTab]);
38
- return (0, _react2.jsx)("div", {
37
+ return /*#__PURE__*/_react.default.createElement("div", {
39
38
  css: tabWrapper
40
- }, (0, _react2.jsx)(_tabs.default, {
39
+ }, /*#__PURE__*/_react.default.createElement(_tabs.default, {
41
40
  id: "configPanelTabs-".concat(field.name),
42
41
  onChange: onChange,
43
42
  selected: activeTab
44
- }, (0, _react2.jsx)(_tabs.TabList, null, fields.map(function (_ref) {
43
+ }, /*#__PURE__*/_react.default.createElement(_tabs.TabList, null, fields.map(function (_ref) {
45
44
  var name = _ref.name,
46
45
  label = _ref.label;
47
- return (0, _react2.jsx)(_tabs.Tab, {
46
+ return /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
48
47
  key: "tab-".concat(name)
49
48
  }, label);
50
49
  })), fields.map(function (field) {
51
- return (0, _react2.jsx)(_tabs.TabPanel, {
50
+ return /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, {
52
51
  key: "panel-".concat(field.name)
53
- }, (0, _react2.jsx)("div", {
52
+ }, /*#__PURE__*/_react.default.createElement("div", {
54
53
  css: panelWrapper
55
54
  }, renderPanel(field)));
56
55
  })));
@@ -45,9 +45,9 @@ function FieldComponent(_ref) {
45
45
  var parentedName = (0, _utils.getSafeParentedName)(name, parentName);
46
46
  var fieldDefaultValue = field.type === 'enum' ? field.defaultValue : undefined;
47
47
  if (name in parameters && !(0, _extensions.isFieldset)(field)) {
48
- field = _objectSpread(_objectSpread({}, field), {}, {
48
+ field = _objectSpread(_objectSpread({}, field), defaultValue != null ? {
49
49
  defaultValue: defaultValue
50
- });
50
+ } : {});
51
51
  }
52
52
  switch (field.type) {
53
53
  case 'string':
@@ -17,7 +17,6 @@ var _colors = require("@atlaskit/theme/colors");
17
17
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
18
18
  var _messages = require("./messages");
19
19
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
20
- /** @jsx jsx */
21
20
  var iconWidth = 40;
22
21
  var buttonWidth = 40;
23
22
  var margin = 16;
@@ -43,35 +42,35 @@ var Header = function Header(_ref) {
43
42
  return null;
44
43
  }
45
44
  });
46
- return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
45
+ return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
47
46
  css: item
48
- }, (0, _react2.jsx)("div", {
47
+ }, /*#__PURE__*/React.createElement("div", {
49
48
  css: itemIcon
50
- }, (0, _react2.jsx)(ResolvedIcon, {
49
+ }, /*#__PURE__*/React.createElement(ResolvedIcon, {
51
50
  label: title
52
- })), (0, _react2.jsx)("div", {
51
+ })), /*#__PURE__*/React.createElement("div", {
53
52
  css: itemBody
54
- }, summary ? (0, _react2.jsx)("div", {
53
+ }, summary ? /*#__PURE__*/React.createElement("div", {
55
54
  css: itemText
56
- }, (0, _react2.jsx)("div", {
55
+ }, /*#__PURE__*/React.createElement("div", {
57
56
  className: "item-title",
58
57
  id: "context-panel-title"
59
- }, title), (0, _react2.jsx)("div", {
58
+ }, title), /*#__PURE__*/React.createElement("div", {
60
59
  className: "item-summary"
61
- }, summary)) : (0, _react2.jsx)("div", {
60
+ }, summary)) : /*#__PURE__*/React.createElement("div", {
62
61
  css: centeredItemTitle,
63
62
  id: "context-panel-title"
64
- }, title)), (0, _react2.jsx)("div", {
63
+ }, title)), /*#__PURE__*/React.createElement("div", {
65
64
  css: closeButtonWrapper
66
- }, (0, _react2.jsx)(_customThemeButton.default, {
65
+ }, /*#__PURE__*/React.createElement(_customThemeButton.default, {
67
66
  appearance: "subtle",
68
- iconBefore: (0, _react2.jsx)(_cross.default, {
67
+ iconBefore: /*#__PURE__*/React.createElement(_cross.default, {
69
68
  label: intl.formatMessage(_messages.messages.close)
70
69
  }),
71
70
  onClick: onClose
72
- }))), (description || documentationUrl) && (0, _react2.jsx)("p", {
71
+ }))), (description || documentationUrl) && /*#__PURE__*/React.createElement("p", {
73
72
  css: descriptionStyle
74
- }, description && (0, _react2.jsx)(_react.Fragment, null, description.replace(/([^.])$/, '$1.'), " "), documentationUrl && (0, _react2.jsx)("a", {
73
+ }, description && /*#__PURE__*/React.createElement(_react.Fragment, null, description.replace(/([^.])$/, '$1.'), " "), documentationUrl && /*#__PURE__*/React.createElement("a", {
75
74
  target: "_blank",
76
75
  rel: "noopener noreferrer",
77
76
  href: documentationUrl
@@ -9,13 +9,12 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
9
9
  var _react = require("@emotion/react");
10
10
  var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
11
11
  var _templateObject;
12
- /** @jsx jsx */
13
12
  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)");
14
13
  var LoadingState = function LoadingState() {
15
- return (0, _react.jsx)("div", {
14
+ return /*#__PURE__*/React.createElement("div", {
16
15
  css: spinnerWrapper,
17
16
  "data-testid": "ConfigPanelLoading"
18
- }, (0, _react.jsx)(_spinner.default, {
17
+ }, /*#__PURE__*/React.createElement(_spinner.default, {
19
18
  size: "small"
20
19
  }));
21
20
  };
@@ -14,7 +14,6 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
14
14
  var _colors = require("@atlaskit/theme/colors");
15
15
  var _messages = require("../messages");
16
16
  var _templateObject, _templateObject2, _templateObject3;
17
- /** @jsx jsx */
18
17
  var removableFieldWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n margin-bottom: 0;\n"])));
19
18
  var wrapperWithMarginBottom = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n margin-bottom: ", ";\n"])), "var(--ds-space-200, 16px)");
20
19
  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) {
30
29
  return onClickRemove && onClickRemove(name);
31
30
  }, [name, onClickRemove]);
32
31
  var hasMarginBottom = ((_children$props$field = children.props.field) === null || _children$props$field === void 0 ? void 0 : _children$props$field.type) !== 'expand';
33
- return (0, _react2.jsx)("div", {
32
+ return /*#__PURE__*/_react.default.createElement("div", {
34
33
  css: [removableFieldWrapper, hasMarginBottom && wrapperWithMarginBottom],
35
34
  className: className
36
- }, children, canRemoveField && (0, _react2.jsx)("div", {
35
+ }, children, canRemoveField && /*#__PURE__*/_react.default.createElement("div", {
37
36
  css: removeButtonWrapper,
38
37
  "data-testid": "remove-field-".concat(name),
39
38
  onClick: onClickCallback
40
- }, (0, _react2.jsx)(_tooltip.default, {
39
+ }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
41
40
  content: intl.formatMessage(_messages.messages.removeField),
42
41
  position: "left"
43
- }, (0, _react2.jsx)(_crossCircle.default, {
42
+ }, /*#__PURE__*/_react.default.createElement(_crossCircle.default, {
44
43
  size: "small",
45
44
  label: intl.formatMessage(_messages.messages.removeField)
46
45
  }))));