@atlaskit/editor-plugin-extension 1.5.1 → 1.5.3

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 (34) hide show
  1. package/.eslintrc.js +12 -12
  2. package/CHANGELOG.md +224 -210
  3. package/LICENSE.md +6 -8
  4. package/dist/cjs/extension-api.js +6 -2
  5. package/dist/cjs/ui/ConfigPanel/ErrorMessage/ErrorImage.js +12 -4
  6. package/dist/cjs/ui/ConfigPanel/Fields/ColorPicker.js +1 -1
  7. package/dist/cjs/ui/ConfigPanel/FormContent.js +4 -1
  8. package/dist/cjs/ui/ConfigPanel/Header.js +1 -0
  9. package/dist/cjs/ui/ConfigPanel/NestedForms/RemovableField.js +3 -1
  10. package/dist/es2019/extension-api.js +7 -3
  11. package/dist/es2019/ui/ConfigPanel/ErrorMessage/ErrorImage.js +12 -4
  12. package/dist/es2019/ui/ConfigPanel/Fields/ColorPicker.js +1 -1
  13. package/dist/es2019/ui/ConfigPanel/FormContent.js +4 -1
  14. package/dist/es2019/ui/ConfigPanel/Header.js +1 -0
  15. package/dist/es2019/ui/ConfigPanel/NestedForms/RemovableField.js +3 -1
  16. package/dist/esm/extension-api.js +7 -3
  17. package/dist/esm/ui/ConfigPanel/ErrorMessage/ErrorImage.js +12 -4
  18. package/dist/esm/ui/ConfigPanel/Fields/ColorPicker.js +1 -1
  19. package/dist/esm/ui/ConfigPanel/FormContent.js +4 -1
  20. package/dist/esm/ui/ConfigPanel/Header.js +1 -0
  21. package/dist/esm/ui/ConfigPanel/NestedForms/RemovableField.js +3 -1
  22. package/dist/types/ui/ConfigPanel/Fields/UnhandledType.d.ts +1 -1
  23. package/dist/types/ui/SaveIndicator/SaveIndicator.d.ts +1 -1
  24. package/dist/types-ts4.5/ui/ConfigPanel/Fields/UnhandledType.d.ts +1 -1
  25. package/dist/types-ts4.5/ui/SaveIndicator/SaveIndicator.d.ts +1 -1
  26. package/example-utils/config-panel/ConfigPanelWithExtensionPicker.tsx +158 -172
  27. package/example-utils/config-panel/ConfigPanelWithProviders.tsx +37 -37
  28. package/example-utils/config-panel/ExtensionNodePicker.tsx +110 -121
  29. package/example-utils/config-panel/FieldTypePicker.tsx +49 -47
  30. package/example-utils/config-panel/example-manifest-all-fields.ts +63 -63
  31. package/example-utils/config-panel/example-manifest-individual-fields.ts +64 -64
  32. package/example-utils/config-panel/fields.ts +617 -619
  33. package/package.json +12 -14
  34. package/report.api.md +42 -47
package/LICENSE.md CHANGED
@@ -1,13 +1,11 @@
1
1
  Copyright 2023 Atlassian Pty Ltd
2
2
 
3
- Licensed under the Apache License, Version 2.0 (the "License");
4
- you may not use this file except in compliance with the License.
5
- You may obtain a copy of the License at
3
+ Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in
4
+ compliance with the License. You may obtain a copy of the License at
6
5
 
7
6
  http://www.apache.org/licenses/LICENSE-2.0
8
7
 
9
- Unless required by applicable law or agreed to in writing, software
10
- distributed under the License is distributed on an "AS IS" BASIS,
11
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
- See the License for the specific language governing permissions and
13
- limitations under the License.
8
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
9
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
10
+ implied. See the License for the specific language governing permissions and limitations under the
11
+ License.
@@ -155,8 +155,12 @@ var createExtensionAPI = exports.createExtensionAPI = function createExtensionAP
155
155
  };
156
156
  editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(payload)(tr);
157
157
  });
158
- if (opt && opt.allowSelectionToNewNode) {
159
- tr.setSelection(new _state.NodeSelection(tr.doc.resolve(insertPosition)));
158
+ if (opt) {
159
+ if (opt.allowSelectionToNewNode) {
160
+ tr.setSelection(new _state.NodeSelection(tr.doc.resolve(insertPosition)));
161
+ } else if (opt.allowSelectionNearNewNode) {
162
+ tr.setSelection(_state.TextSelection.near(tr.doc.resolve(insertPosition)));
163
+ }
160
164
  }
161
165
  dispatch(tr);
162
166
  },
@@ -37,7 +37,9 @@ var ErrorImage = function ErrorImage() {
37
37
  id: "clip-path"
38
38
  }, (0, _react.jsx)("path", {
39
39
  id: "_Polygon_",
40
- d: "M94.78 80.16l66.44 115.08A15.17 15.17 0 01148.08 218H15.2a15.17 15.17 0 01-13.14-22.76L68.5 80.16a15.17 15.17 0 0126.28 0z",
40
+ d: "M94.78 80.16l66.44 115.08A15.17 15.17 0 01148.08 218H15.2a15.17 15.17 0 01-13.14-22.76L68.5 80.16a15.17 15.17 0 0126.28 0z"
41
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
42
+ ,
41
43
  className: "cls-1",
42
44
  "data-name": "<Polygon>"
43
45
  })), (0, _react.jsx)("style", null, ".cls-1{fill:url(#linear-gradient)}.cls-2{fill:#253858}.cls-6{fill:none;stroke-linecap:round;stroke-miterlimit:10;stroke-width:2px;stroke:#5e6c84}")), (0, _react.jsx)("g", {
@@ -47,11 +49,15 @@ var ErrorImage = function ErrorImage() {
47
49
  id: "Software"
48
50
  }, (0, _react.jsx)("path", {
49
51
  id: "_Polygon_2",
50
- d: "M94.78 80.16l66.44 115.08A15.17 15.17 0 01148.08 218H15.2a15.17 15.17 0 01-13.14-22.76L68.5 80.16a15.17 15.17 0 0126.28 0z",
52
+ d: "M94.78 80.16l66.44 115.08A15.17 15.17 0 01148.08 218H15.2a15.17 15.17 0 01-13.14-22.76L68.5 80.16a15.17 15.17 0 0126.28 0z"
53
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
54
+ ,
51
55
  className: "cls-1",
52
56
  "data-name": "<Polygon>"
53
57
  }), (0, _react.jsx)("path", {
54
- d: "M87.22 163.71l2.88-44.35a9.18 9.18 0 00-9.16-9.78 9.18 9.18 0 00-9.16 9.78l2.88 44.35a6.3 6.3 0 006.28 5.89 6.3 6.3 0 006.28-5.89zM71.38 187.25a9.53 9.53 0 0010.39 9.58 9.68 9.68 0 00-.9-19.32 9.64 9.64 0 00-9.49 9.74z",
58
+ d: "M87.22 163.71l2.88-44.35a9.18 9.18 0 00-9.16-9.78 9.18 9.18 0 00-9.16 9.78l2.88 44.35a6.3 6.3 0 006.28 5.89 6.3 6.3 0 006.28-5.89zM71.38 187.25a9.53 9.53 0 0010.39 9.58 9.68 9.68 0 00-.9-19.32 9.64 9.64 0 00-9.49 9.74z"
59
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
60
+ ,
55
61
  className: "cls-2"
56
62
  }), (0, _react.jsx)("path", {
57
63
  fill: "#ffc400",
@@ -67,7 +73,9 @@ var ErrorImage = function ErrorImage() {
67
73
  strokeWidth: "2",
68
74
  d: "M115.15 36.6c-1.17 1.59-11-5.6-12.16-4s8.66 8.79 7.5 10.39-11-5.6-12.17-4 8.66 8.79 7.49 10.39-11-5.6-12.17-4 8.66 8.79 7.49 10.39"
69
75
  }), (0, _react.jsx)("path", {
70
- d: "M119.92 64.19c-1.46 1.33-7.05-4.78-8.51-3.44s4.13 7.45 2.67 8.78-7.05-4.78-8.51-3.44c-.68.62.16 2.27 1.11 4M44.8 64c1.82.77 5-6.87 6.86-6.1s-1.39 8.4.43 9.17 5-6.87 6.86-6.1c.85.36.61 2.19.29 4.13",
76
+ d: "M119.92 64.19c-1.46 1.33-7.05-4.78-8.51-3.44s4.13 7.45 2.67 8.78-7.05-4.78-8.51-3.44c-.68.62.16 2.27 1.11 4M44.8 64c1.82.77 5-6.87 6.86-6.1s-1.39 8.4.43 9.17 5-6.87 6.86-6.1c.85.36.61 2.19.29 4.13"
77
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
78
+ ,
71
79
  className: "cls-6"
72
80
  })))));
73
81
  };
@@ -362,7 +362,7 @@ var ColorPicker = function ColorPicker(props) {
362
362
  height: "var(--ds-space-300, 24px)"
363
363
  }
364
364
  /* ED-18288 We align the palette to the right edge which is 1.5rem spacing away to avoid
365
- excess overflow on left. Additional 1 is to mitigate 1px added by floating toolbar. */
365
+ excess overflow on left. Additional 1 is to mitigate 1px added by floating toolbar. */
366
366
  // Disabling design token check as this is a calculated value
367
367
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
368
368
  ,
@@ -182,6 +182,7 @@ function FieldComponent(_ref) {
182
182
  }
183
183
  function Hidden(_ref2) {
184
184
  var children = _ref2.children;
185
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
185
186
  return /*#__PURE__*/_react.default.createElement("div", {
186
187
  style: {
187
188
  display: 'none'
@@ -224,7 +225,9 @@ function FormContent(_ref3) {
224
225
  key: name,
225
226
  name: name,
226
227
  canRemoveField: canRemoveFields && !field.isRequired,
227
- onClickRemove: onClickRemove,
228
+ onClickRemove: onClickRemove
229
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
230
+ ,
228
231
  className: "field-wrapper-".concat(type)
229
232
  }, fieldElement);
230
233
  }));
@@ -105,6 +105,7 @@ var Header = function Header(_ref) {
105
105
  }, summary ? (0, _react2.jsx)("div", {
106
106
  css: itemTextStyles
107
107
  }, (0, _react2.jsx)("div", {
108
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
108
109
  className: "item-title",
109
110
  id: "context-panel-title",
110
111
  "data-testid": "context-panel-title"
@@ -44,7 +44,9 @@ var RemovableField = function RemovableField(_ref) {
44
44
  }, [name, onClickRemove]);
45
45
  var hasMarginBottom = ((_children$props$field = children.props.field) === null || _children$props$field === void 0 ? void 0 : _children$props$field.type) !== 'expand';
46
46
  return (0, _react2.jsx)("div", {
47
- css: [removableFieldWrapperStyles, hasMarginBottom && wrapperWithMarginBottomStyles],
47
+ css: [removableFieldWrapperStyles, hasMarginBottom && wrapperWithMarginBottomStyles]
48
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
49
+ ,
48
50
  className: className
49
51
  }, children, canRemoveField && (0, _react2.jsx)("div", {
50
52
  css: removeButtonWrapperStyles,
@@ -3,7 +3,7 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } f
3
3
  import { nodeToJSON } from '@atlaskit/editor-common/utils';
4
4
  import { JSONTransformer } from '@atlaskit/editor-json-transformer';
5
5
  import { Fragment, Mark } from '@atlaskit/editor-prosemirror/model';
6
- import { NodeSelection, Selection } from '@atlaskit/editor-prosemirror/state';
6
+ import { NodeSelection, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
7
7
  import { setTextSelection } from '@atlaskit/editor-prosemirror/utils';
8
8
  import { setEditingContextToContextPanel } from './commands';
9
9
  import { insertMacroFromMacroBrowser } from './pm-plugins/macro/actions';
@@ -157,8 +157,12 @@ export const createExtensionAPI = options => {
157
157
  };
158
158
  editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(payload)(tr);
159
159
  });
160
- if (opt && opt.allowSelectionToNewNode) {
161
- tr.setSelection(new NodeSelection(tr.doc.resolve(insertPosition)));
160
+ if (opt) {
161
+ if (opt.allowSelectionToNewNode) {
162
+ tr.setSelection(new NodeSelection(tr.doc.resolve(insertPosition)));
163
+ } else if (opt.allowSelectionNearNewNode) {
164
+ tr.setSelection(TextSelection.near(tr.doc.resolve(insertPosition)));
165
+ }
162
166
  }
163
167
  dispatch(tr);
164
168
  },
@@ -29,7 +29,9 @@ const ErrorImage = () => jsx("div", {
29
29
  id: "clip-path"
30
30
  }, jsx("path", {
31
31
  id: "_Polygon_",
32
- d: "M94.78 80.16l66.44 115.08A15.17 15.17 0 01148.08 218H15.2a15.17 15.17 0 01-13.14-22.76L68.5 80.16a15.17 15.17 0 0126.28 0z",
32
+ d: "M94.78 80.16l66.44 115.08A15.17 15.17 0 01148.08 218H15.2a15.17 15.17 0 01-13.14-22.76L68.5 80.16a15.17 15.17 0 0126.28 0z"
33
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
34
+ ,
33
35
  className: "cls-1",
34
36
  "data-name": "<Polygon>"
35
37
  })), jsx("style", null, `.cls-1{fill:url(#linear-gradient)}.cls-2{fill:#253858}.cls-6{fill:none;stroke-linecap:round;stroke-miterlimit:10;stroke-width:2px;stroke:#5e6c84}`)), jsx("g", {
@@ -39,11 +41,15 @@ const ErrorImage = () => jsx("div", {
39
41
  id: "Software"
40
42
  }, jsx("path", {
41
43
  id: "_Polygon_2",
42
- d: "M94.78 80.16l66.44 115.08A15.17 15.17 0 01148.08 218H15.2a15.17 15.17 0 01-13.14-22.76L68.5 80.16a15.17 15.17 0 0126.28 0z",
44
+ d: "M94.78 80.16l66.44 115.08A15.17 15.17 0 01148.08 218H15.2a15.17 15.17 0 01-13.14-22.76L68.5 80.16a15.17 15.17 0 0126.28 0z"
45
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
46
+ ,
43
47
  className: "cls-1",
44
48
  "data-name": "<Polygon>"
45
49
  }), jsx("path", {
46
- d: "M87.22 163.71l2.88-44.35a9.18 9.18 0 00-9.16-9.78 9.18 9.18 0 00-9.16 9.78l2.88 44.35a6.3 6.3 0 006.28 5.89 6.3 6.3 0 006.28-5.89zM71.38 187.25a9.53 9.53 0 0010.39 9.58 9.68 9.68 0 00-.9-19.32 9.64 9.64 0 00-9.49 9.74z",
50
+ d: "M87.22 163.71l2.88-44.35a9.18 9.18 0 00-9.16-9.78 9.18 9.18 0 00-9.16 9.78l2.88 44.35a6.3 6.3 0 006.28 5.89 6.3 6.3 0 006.28-5.89zM71.38 187.25a9.53 9.53 0 0010.39 9.58 9.68 9.68 0 00-.9-19.32 9.64 9.64 0 00-9.49 9.74z"
51
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
52
+ ,
47
53
  className: "cls-2"
48
54
  }), jsx("path", {
49
55
  fill: "#ffc400",
@@ -59,7 +65,9 @@ const ErrorImage = () => jsx("div", {
59
65
  strokeWidth: "2",
60
66
  d: "M115.15 36.6c-1.17 1.59-11-5.6-12.16-4s8.66 8.79 7.5 10.39-11-5.6-12.17-4 8.66 8.79 7.49 10.39-11-5.6-12.17-4 8.66 8.79 7.49 10.39"
61
67
  }), jsx("path", {
62
- d: "M119.92 64.19c-1.46 1.33-7.05-4.78-8.51-3.44s4.13 7.45 2.67 8.78-7.05-4.78-8.51-3.44c-.68.62.16 2.27 1.11 4M44.8 64c1.82.77 5-6.87 6.86-6.1s-1.39 8.4.43 9.17 5-6.87 6.86-6.1c.85.36.61 2.19.29 4.13",
68
+ d: "M119.92 64.19c-1.46 1.33-7.05-4.78-8.51-3.44s4.13 7.45 2.67 8.78-7.05-4.78-8.51-3.44c-.68.62.16 2.27 1.11 4M44.8 64c1.82.77 5-6.87 6.86-6.1s-1.39 8.4.43 9.17 5-6.87 6.86-6.1c.85.36.61 2.19.29 4.13"
69
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
70
+ ,
63
71
  className: "cls-6"
64
72
  })))));
65
73
  export default ErrorImage;
@@ -353,7 +353,7 @@ const ColorPicker = props => {
353
353
  height: "var(--ds-space-300, 24px)"
354
354
  }
355
355
  /* ED-18288 We align the palette to the right edge which is 1.5rem spacing away to avoid
356
- excess overflow on left. Additional 1 is to mitigate 1px added by floating toolbar. */
356
+ excess overflow on left. Additional 1 is to mitigate 1px added by floating toolbar. */
357
357
  // Disabling design token check as this is a calculated value
358
358
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
359
359
  ,
@@ -173,6 +173,7 @@ export function FieldComponent({
173
173
  function Hidden({
174
174
  children
175
175
  }) {
176
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
176
177
  return /*#__PURE__*/React.createElement("div", {
177
178
  style: {
178
179
  display: 'none'
@@ -218,7 +219,9 @@ export default function FormContent({
218
219
  key: name,
219
220
  name: name,
220
221
  canRemoveField: canRemoveFields && !field.isRequired,
221
- onClickRemove: onClickRemove,
222
+ onClickRemove: onClickRemove
223
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
224
+ ,
222
225
  className: `field-wrapper-${type}`
223
226
  }, fieldElement);
224
227
  }));
@@ -96,6 +96,7 @@ const Header = ({
96
96
  }, summary ? jsx("div", {
97
97
  css: itemTextStyles
98
98
  }, jsx("div", {
99
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
99
100
  className: "item-title",
100
101
  id: "context-panel-title",
101
102
  "data-testid": "context-panel-title"
@@ -35,7 +35,9 @@ const RemovableField = ({
35
35
  const onClickCallback = React.useCallback(() => onClickRemove && onClickRemove(name), [name, onClickRemove]);
36
36
  const hasMarginBottom = ((_children$props$field = children.props.field) === null || _children$props$field === void 0 ? void 0 : _children$props$field.type) !== 'expand';
37
37
  return jsx("div", {
38
- css: [removableFieldWrapperStyles, hasMarginBottom && wrapperWithMarginBottomStyles],
38
+ css: [removableFieldWrapperStyles, hasMarginBottom && wrapperWithMarginBottomStyles]
39
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
40
+ ,
39
41
  className: className
40
42
  }, children, canRemoveField && jsx("div", {
41
43
  css: removeButtonWrapperStyles,
@@ -7,7 +7,7 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } f
7
7
  import { nodeToJSON } from '@atlaskit/editor-common/utils';
8
8
  import { JSONTransformer } from '@atlaskit/editor-json-transformer';
9
9
  import { Fragment, Mark } from '@atlaskit/editor-prosemirror/model';
10
- import { NodeSelection, Selection } from '@atlaskit/editor-prosemirror/state';
10
+ import { NodeSelection, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
11
11
  import { setTextSelection } from '@atlaskit/editor-prosemirror/utils';
12
12
  import { setEditingContextToContextPanel } from './commands';
13
13
  import { insertMacroFromMacroBrowser } from './pm-plugins/macro/actions';
@@ -148,8 +148,12 @@ export var createExtensionAPI = function createExtensionAPI(options) {
148
148
  };
149
149
  editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(payload)(tr);
150
150
  });
151
- if (opt && opt.allowSelectionToNewNode) {
152
- tr.setSelection(new NodeSelection(tr.doc.resolve(insertPosition)));
151
+ if (opt) {
152
+ if (opt.allowSelectionToNewNode) {
153
+ tr.setSelection(new NodeSelection(tr.doc.resolve(insertPosition)));
154
+ } else if (opt.allowSelectionNearNewNode) {
155
+ tr.setSelection(TextSelection.near(tr.doc.resolve(insertPosition)));
156
+ }
153
157
  }
154
158
  dispatch(tr);
155
159
  },
@@ -30,7 +30,9 @@ var ErrorImage = function ErrorImage() {
30
30
  id: "clip-path"
31
31
  }, jsx("path", {
32
32
  id: "_Polygon_",
33
- d: "M94.78 80.16l66.44 115.08A15.17 15.17 0 01148.08 218H15.2a15.17 15.17 0 01-13.14-22.76L68.5 80.16a15.17 15.17 0 0126.28 0z",
33
+ d: "M94.78 80.16l66.44 115.08A15.17 15.17 0 01148.08 218H15.2a15.17 15.17 0 01-13.14-22.76L68.5 80.16a15.17 15.17 0 0126.28 0z"
34
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
35
+ ,
34
36
  className: "cls-1",
35
37
  "data-name": "<Polygon>"
36
38
  })), jsx("style", null, ".cls-1{fill:url(#linear-gradient)}.cls-2{fill:#253858}.cls-6{fill:none;stroke-linecap:round;stroke-miterlimit:10;stroke-width:2px;stroke:#5e6c84}")), jsx("g", {
@@ -40,11 +42,15 @@ var ErrorImage = function ErrorImage() {
40
42
  id: "Software"
41
43
  }, jsx("path", {
42
44
  id: "_Polygon_2",
43
- d: "M94.78 80.16l66.44 115.08A15.17 15.17 0 01148.08 218H15.2a15.17 15.17 0 01-13.14-22.76L68.5 80.16a15.17 15.17 0 0126.28 0z",
45
+ d: "M94.78 80.16l66.44 115.08A15.17 15.17 0 01148.08 218H15.2a15.17 15.17 0 01-13.14-22.76L68.5 80.16a15.17 15.17 0 0126.28 0z"
46
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
47
+ ,
44
48
  className: "cls-1",
45
49
  "data-name": "<Polygon>"
46
50
  }), jsx("path", {
47
- d: "M87.22 163.71l2.88-44.35a9.18 9.18 0 00-9.16-9.78 9.18 9.18 0 00-9.16 9.78l2.88 44.35a6.3 6.3 0 006.28 5.89 6.3 6.3 0 006.28-5.89zM71.38 187.25a9.53 9.53 0 0010.39 9.58 9.68 9.68 0 00-.9-19.32 9.64 9.64 0 00-9.49 9.74z",
51
+ d: "M87.22 163.71l2.88-44.35a9.18 9.18 0 00-9.16-9.78 9.18 9.18 0 00-9.16 9.78l2.88 44.35a6.3 6.3 0 006.28 5.89 6.3 6.3 0 006.28-5.89zM71.38 187.25a9.53 9.53 0 0010.39 9.58 9.68 9.68 0 00-.9-19.32 9.64 9.64 0 00-9.49 9.74z"
52
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
53
+ ,
48
54
  className: "cls-2"
49
55
  }), jsx("path", {
50
56
  fill: "#ffc400",
@@ -60,7 +66,9 @@ var ErrorImage = function ErrorImage() {
60
66
  strokeWidth: "2",
61
67
  d: "M115.15 36.6c-1.17 1.59-11-5.6-12.16-4s8.66 8.79 7.5 10.39-11-5.6-12.17-4 8.66 8.79 7.49 10.39-11-5.6-12.17-4 8.66 8.79 7.49 10.39"
62
68
  }), jsx("path", {
63
- d: "M119.92 64.19c-1.46 1.33-7.05-4.78-8.51-3.44s4.13 7.45 2.67 8.78-7.05-4.78-8.51-3.44c-.68.62.16 2.27 1.11 4M44.8 64c1.82.77 5-6.87 6.86-6.1s-1.39 8.4.43 9.17 5-6.87 6.86-6.1c.85.36.61 2.19.29 4.13",
69
+ d: "M119.92 64.19c-1.46 1.33-7.05-4.78-8.51-3.44s4.13 7.45 2.67 8.78-7.05-4.78-8.51-3.44c-.68.62.16 2.27 1.11 4M44.8 64c1.82.77 5-6.87 6.86-6.1s-1.39 8.4.43 9.17 5-6.87 6.86-6.1c.85.36.61 2.19.29 4.13"
70
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
71
+ ,
64
72
  className: "cls-6"
65
73
  })))));
66
74
  };
@@ -356,7 +356,7 @@ var ColorPicker = function ColorPicker(props) {
356
356
  height: "var(--ds-space-300, 24px)"
357
357
  }
358
358
  /* ED-18288 We align the palette to the right edge which is 1.5rem spacing away to avoid
359
- excess overflow on left. Additional 1 is to mitigate 1px added by floating toolbar. */
359
+ excess overflow on left. Additional 1 is to mitigate 1px added by floating toolbar. */
360
360
  // Disabling design token check as this is a calculated value
361
361
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
362
362
  ,
@@ -174,6 +174,7 @@ export function FieldComponent(_ref) {
174
174
  }
175
175
  function Hidden(_ref2) {
176
176
  var children = _ref2.children;
177
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
177
178
  return /*#__PURE__*/React.createElement("div", {
178
179
  style: {
179
180
  display: 'none'
@@ -216,7 +217,9 @@ export default function FormContent(_ref3) {
216
217
  key: name,
217
218
  name: name,
218
219
  canRemoveField: canRemoveFields && !field.isRequired,
219
- onClickRemove: onClickRemove,
220
+ onClickRemove: onClickRemove
221
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
222
+ ,
220
223
  className: "field-wrapper-".concat(type)
221
224
  }, fieldElement);
222
225
  }));
@@ -97,6 +97,7 @@ var Header = function Header(_ref) {
97
97
  }, summary ? jsx("div", {
98
98
  css: itemTextStyles
99
99
  }, jsx("div", {
100
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
100
101
  className: "item-title",
101
102
  id: "context-panel-title",
102
103
  "data-testid": "context-panel-title"
@@ -36,7 +36,9 @@ var RemovableField = function RemovableField(_ref) {
36
36
  }, [name, onClickRemove]);
37
37
  var hasMarginBottom = ((_children$props$field = children.props.field) === null || _children$props$field === void 0 ? void 0 : _children$props$field.type) !== 'expand';
38
38
  return jsx("div", {
39
- css: [removableFieldWrapperStyles, hasMarginBottom && wrapperWithMarginBottomStyles],
39
+ css: [removableFieldWrapperStyles, hasMarginBottom && wrapperWithMarginBottomStyles]
40
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
41
+ ,
40
42
  className: className
41
43
  }, children, canRemoveField && jsx("div", {
42
44
  css: removeButtonWrapperStyles,
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import type { FieldDefinition } from '@atlaskit/editor-common/extensions';
3
- export default function ({ errorMessage, }: {
3
+ export default function ({ errorMessage }: {
4
4
  field: FieldDefinition;
5
5
  errorMessage: string;
6
6
  }): JSX.Element;
@@ -1,3 +1,3 @@
1
1
  import { jsx } from '@emotion/react';
2
2
  import type { SaveIndicatorProps } from './types';
3
- export declare const SaveIndicator: ({ children, duration, visible, }: SaveIndicatorProps) => jsx.JSX.Element;
3
+ export declare const SaveIndicator: ({ children, duration, visible }: SaveIndicatorProps) => jsx.JSX.Element;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import type { FieldDefinition } from '@atlaskit/editor-common/extensions';
3
- export default function ({ errorMessage, }: {
3
+ export default function ({ errorMessage }: {
4
4
  field: FieldDefinition;
5
5
  errorMessage: string;
6
6
  }): JSX.Element;
@@ -1,3 +1,3 @@
1
1
  import { jsx } from '@emotion/react';
2
2
  import type { SaveIndicatorProps } from './types';
3
- export declare const SaveIndicator: ({ children, duration, visible, }: SaveIndicatorProps) => jsx.JSX.Element;
3
+ export declare const SaveIndicator: ({ children, duration, visible }: SaveIndicatorProps) => jsx.JSX.Element;