@atlaskit/editor-plugin-card 2.0.4 → 2.0.5

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 (37) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/nodeviews/datasource.js +3 -1
  3. package/dist/cjs/pm-plugins/doc.js +2 -0
  4. package/dist/cjs/toolbar.js +3 -3
  5. package/dist/cjs/ui/AwarenessWrapper/index.js +1 -1
  6. package/dist/cjs/ui/EditLinkToolbar.js +2 -1
  7. package/dist/cjs/ui/HyperlinkToolbarAppearance.js +2 -1
  8. package/dist/cjs/ui/InlineCardOverlay/index.js +4 -0
  9. package/dist/cjs/ui/LayoutButton/index.js +2 -0
  10. package/dist/cjs/ui/LeftIconOverlay/ConfigureLinkDropdown/index.js +5 -5
  11. package/dist/cjs/ui/LeftIconOverlay/index.js +6 -1
  12. package/dist/cjs/ui/ResizableEmbedCard.js +2 -0
  13. package/dist/es2019/nodeviews/datasource.js +3 -1
  14. package/dist/es2019/pm-plugins/doc.js +2 -0
  15. package/dist/es2019/toolbar.js +3 -3
  16. package/dist/es2019/ui/AwarenessWrapper/index.js +1 -1
  17. package/dist/es2019/ui/EditLinkToolbar.js +2 -1
  18. package/dist/es2019/ui/HyperlinkToolbarAppearance.js +2 -1
  19. package/dist/es2019/ui/InlineCardOverlay/index.js +6 -0
  20. package/dist/es2019/ui/LayoutButton/index.js +2 -0
  21. package/dist/es2019/ui/LeftIconOverlay/ConfigureLinkDropdown/index.js +12 -12
  22. package/dist/es2019/ui/LeftIconOverlay/index.js +6 -1
  23. package/dist/es2019/ui/ResizableEmbedCard.js +2 -0
  24. package/dist/esm/nodeviews/datasource.js +3 -1
  25. package/dist/esm/pm-plugins/doc.js +2 -0
  26. package/dist/esm/toolbar.js +3 -3
  27. package/dist/esm/ui/AwarenessWrapper/index.js +1 -1
  28. package/dist/esm/ui/EditLinkToolbar.js +2 -1
  29. package/dist/esm/ui/HyperlinkToolbarAppearance.js +2 -1
  30. package/dist/esm/ui/InlineCardOverlay/index.js +4 -0
  31. package/dist/esm/ui/LayoutButton/index.js +2 -0
  32. package/dist/esm/ui/LeftIconOverlay/ConfigureLinkDropdown/index.js +12 -12
  33. package/dist/esm/ui/LeftIconOverlay/index.js +6 -1
  34. package/dist/esm/ui/ResizableEmbedCard.js +2 -0
  35. package/dist/types/ui/EditLinkToolbar.d.ts +1 -1
  36. package/dist/types-ts4.5/ui/EditLinkToolbar.d.ts +1 -1
  37. package/package.json +129 -147
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/editor-plugin-card
2
2
 
3
+ ## 2.0.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [#110890](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110890)
8
+ [`a0ec52861fce2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a0ec52861fce2) -
9
+ [ux] Fixed a duplicate separator showing in the floating toolbar.
10
+ - [#110903](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110903)
11
+ [`7fafce0ccd594`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7fafce0ccd594) -
12
+ [ux] Clicking edit link or edit datasource while in SLLV view will no longer trigger scrolling.
13
+ - Updated dependencies
14
+
3
15
  ## 2.0.4
4
16
 
5
17
  ### Patch Changes
@@ -284,7 +284,9 @@ var Datasource = exports.Datasource = /*#__PURE__*/function (_ReactNodeView) {
284
284
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
285
285
  className: _styles.DATASOURCE_INNER_CONTAINER_CLASSNAME,
286
286
  style: {
287
- minWidth: this.isNodeNested ? '100%' : (0, _utils.calcBreakoutWidth)(attrs.layout || _linkingCommon.DATASOURCE_DEFAULT_LAYOUT, this.tableWidth)
287
+ minWidth: this.isNodeNested ? '100%' :
288
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
289
+ (0, _utils.calcBreakoutWidth)(attrs.layout || _linkingCommon.DATASOURCE_DEFAULT_LAYOUT, this.tableWidth)
288
290
  }
289
291
  }, (0, _react2.jsx)(DatasourceComponent, {
290
292
  node: this.node,
@@ -622,6 +622,8 @@ var getStartingToolbarItems = exports.getStartingToolbarItems = function getStar
622
622
  title: intl.formatMessage(_messages.linkToolbarMessages.editLink),
623
623
  showTitle: true,
624
624
  metadata: metadata
625
+ }, {
626
+ type: 'separator'
625
627
  }];
626
628
  return [{
627
629
  type: 'custom',
@@ -236,7 +236,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
236
236
  intl: intl,
237
237
  editorAnalyticsApi: editorAnalyticsApi,
238
238
  editorView: editorView,
239
- onLinkEditClick: (0, _EditLinkToolbar.editLink)(editorAnalyticsApi)
239
+ onLinkEditClick: (0, _EditLinkToolbar.editLink)(editorAnalyticsApi, true)
240
240
  });
241
241
  }
242
242
  }] : [{
@@ -247,7 +247,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
247
247
  title: intl.formatMessage(_messages.linkToolbarMessages.editLink),
248
248
  showTitle: true,
249
249
  testId: 'link-toolbar-edit-link-button',
250
- onClick: (0, _EditLinkToolbar.editLink)(editorAnalyticsApi)
250
+ onClick: (0, _EditLinkToolbar.editLink)(editorAnalyticsApi, true)
251
251
  }, {
252
252
  type: 'separator'
253
253
  }];
@@ -479,7 +479,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
479
479
  intl: intl,
480
480
  editorAnalyticsApi: editorAnalyticsApi,
481
481
  editorView: editorView,
482
- onLinkEditClick: (0, _EditLinkToolbar.editLink)(editorAnalyticsApi)
482
+ onLinkEditClick: (0, _EditLinkToolbar.editLink)(editorAnalyticsApi, false)
483
483
  });
484
484
  }
485
485
  });
@@ -21,7 +21,7 @@ var _Pulse = require("../Pulse");
21
21
  // editor adds a standard line-height that is bigger than an inline smart link
22
22
  // due to that the link has a bit of white space around it, which doesn't look right when there is pulse around it
23
23
  var loaderWrapperStyles = (0, _react2.css)({
24
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
24
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
25
25
  '.loader-wrapper': {
26
26
  lineHeight: 'normal'
27
27
  }
@@ -133,7 +133,7 @@ var EditLinkToolbar = exports.EditLinkToolbar = /*#__PURE__*/function (_React$Co
133
133
  }]);
134
134
  return EditLinkToolbar;
135
135
  }(_react.default.Component);
136
- var editLink = exports.editLink = function editLink(editorAnalyticsApi) {
136
+ var editLink = exports.editLink = function editLink(editorAnalyticsApi, scrollIntoView) {
137
137
  return function (state, dispatch) {
138
138
  var type = 'hyperlink';
139
139
  if (state.selection instanceof _state.NodeSelection) {
@@ -143,6 +143,7 @@ var editLink = exports.editLink = function editLink(editorAnalyticsApi) {
143
143
  var tr = state.tr;
144
144
  (0, _actions.showLinkToolbar)(tr);
145
145
  editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.attachAnalyticsEvent((0, _analytics.buildEditLinkPayload)(type))(tr);
146
+ tr.setMeta('scrollIntoView', scrollIntoView);
146
147
  dispatch(tr);
147
148
  return true;
148
149
  }
@@ -17,6 +17,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
17
17
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
18
18
  var _react = _interopRequireWildcard(require("react"));
19
19
  var _analytics = require("@atlaskit/editor-common/analytics");
20
+ var _ui = require("@atlaskit/editor-common/ui");
20
21
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
21
22
  var _primitives = require("@atlaskit/primitives");
22
23
  var _DatasourceAppearanceButton = require("./DatasourceAppearanceButton");
@@ -183,7 +184,7 @@ var HyperlinkToolbarAppearance = exports.HyperlinkToolbarAppearance = /*#__PURE_
183
184
  editorView: editorView,
184
185
  editorAnalyticsApi: editorAnalyticsApi,
185
186
  inputMethod: _analytics.INPUT_METHOD.FLOATING_TB
186
- }));
187
+ }), /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarSeparator, null));
187
188
  }
188
189
  }]);
189
190
  return HyperlinkToolbarAppearance;
@@ -43,9 +43,11 @@ var getGradientWithColor = function getGradientWithColor(color) {
43
43
  var containerStyles = (0, _react2.css)({
44
44
  position: 'relative',
45
45
  lineHeight: 'normal',
46
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
46
47
  ':active': (_active = {}, (0, _defineProperty2.default)(_active, ".".concat(ICON_AND_LABEL_CLASSNAME), {
47
48
  background: SMART_LINK_ACTIVE_COLOR
48
49
  }), (0, _defineProperty2.default)(_active, ".".concat(OVERLAY_GRADIENT_CLASSNAME), {
50
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
49
51
  background: getGradientWithColor(SMART_LINK_ACTIVE_COLOR)
50
52
  }), _active)
51
53
  });
@@ -72,6 +74,7 @@ var showOverlayStyles = (0, _react2.css)({
72
74
  });
73
75
  var iconStyles = (0, _react2.css)({
74
76
  // Position icon in the middle
77
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
75
78
  span: {
76
79
  display: 'flex'
77
80
  }
@@ -102,6 +105,7 @@ var overflowingContainerStyles = (0, _react2.css)({
102
105
  var gradientStyles = (0, _react2.css)({
103
106
  width: '2.5rem',
104
107
  height: '100%',
108
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
105
109
  background: getGradientWithColor(SMART_LINK_BACKGROUND_COLOR)
106
110
  });
107
111
  var InlineCardOverlay = function InlineCardOverlay(_ref) {
@@ -26,8 +26,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
26
26
  var toolbarButtonWrapperStyles = (0, _react2.css)({
27
27
  background: "".concat("var(--ds-background-neutral, ".concat(_colors.N20A, ")")),
28
28
  color: "".concat("var(--ds-icon, ".concat(_colors.N300, ")")),
29
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
29
30
  ':hover': {
30
31
  background: "".concat("var(--ds-background-neutral-hovered, ".concat(_colors.B300, ")")),
32
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
31
33
  color: "var(--ds-icon, white)".concat(" !important")
32
34
  }
33
35
  });
@@ -29,7 +29,7 @@ var ConfigureLinkDropdown = function ConfigureLinkDropdown(props) {
29
29
  var triggerRef = _ref.triggerRef,
30
30
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
31
31
  return /*#__PURE__*/_react.default.createElement(_new.default, (0, _extends2.default)({}, props, {
32
- spacing: "none",
32
+ spacing: 'none',
33
33
  ref: triggerRef
34
34
  }), /*#__PURE__*/_react.default.createElement("span", {
35
35
  style: {
@@ -41,17 +41,17 @@ var ConfigureLinkDropdown = function ConfigureLinkDropdown(props) {
41
41
  testId: "".concat(testId, "-icon")
42
42
  })));
43
43
  },
44
- spacing: "compact",
45
- placement: "bottom-start"
44
+ spacing: 'compact',
45
+ placement: 'bottom-start'
46
46
  }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, null, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
47
47
  elemBefore: /*#__PURE__*/_react.default.createElement(_shortcut.default, {
48
48
  label: goToLinkLabel,
49
- size: "small"
49
+ size: 'small'
50
50
  })
51
51
  }, goToLinkLabel), /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
52
52
  elemBefore: /*#__PURE__*/_react.default.createElement(_preferences.default, {
53
53
  label: configureLinkLabel,
54
- size: "small"
54
+ size: 'small'
55
55
  })
56
56
  }, configureLinkLabel)));
57
57
  };
@@ -55,12 +55,15 @@ var showOverlayStyles = (0, _react2.css)({
55
55
  });
56
56
  var iconStyles = (0, _react2.css)({
57
57
  background: CONFIGURE_ICON_BACKGROUND_COLOR,
58
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
58
59
  ':hover': {
59
60
  background: CONFIGURE_ICON_BACKGROUND_HOVERED_COLOR
60
61
  },
62
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
61
63
  ':active': {
62
64
  background: CONFIGURE_ICON_BACKGROUND_ACTIVE_COLOR
63
65
  },
66
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
64
67
  span: {
65
68
  // If PreferencesIcon left as inline-block (default), height is incorrect and border radius is clipped when parent element
66
69
  // uses 1lh height (rather than 100%)
@@ -179,7 +182,9 @@ var LeftIconOverlay = function LeftIconOverlay(_ref) {
179
182
  tabIndex: -1,
180
183
  "data-testid": testId
181
184
  }, (0, _react2.jsx)("span", (0, _extends2.default)({}, tooltipProps, {
182
- css: iconAndLabelStyles,
185
+ css: iconAndLabelStyles
186
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
187
+ ,
183
188
  className: ICON_AND_LABEL_CLASSNAME
184
189
  }), (0, _react2.jsx)("span", {
185
190
  css: iconStyles
@@ -366,9 +366,11 @@ var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Compone
366
366
  return (0, _react2.jsx)("div", {
367
367
  "data-testid": "resizable-embed-card-spacing"
368
368
  }, (0, _react2.jsx)("div", {
369
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
369
370
  css: (0, _ui.wrapperStyle)({
370
371
  layout: layout,
371
372
  isResized: !!pctWidth,
373
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
372
374
  containerWidth: containerWidth || _editorSharedStyles.DEFAULT_EMBED_CARD_WIDTH,
373
375
  fullWidthMode: fullWidthMode
374
376
  })
@@ -232,7 +232,9 @@ export class Datasource extends ReactNodeView {
232
232
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
233
233
  className: DATASOURCE_INNER_CONTAINER_CLASSNAME,
234
234
  style: {
235
- minWidth: this.isNodeNested ? '100%' : calcBreakoutWidth(attrs.layout || DATASOURCE_DEFAULT_LAYOUT, this.tableWidth)
235
+ minWidth: this.isNodeNested ? '100%' :
236
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
237
+ calcBreakoutWidth(attrs.layout || DATASOURCE_DEFAULT_LAYOUT, this.tableWidth)
236
238
  }
237
239
  }, jsx(DatasourceComponent, {
238
240
  node: this.node,
@@ -610,6 +610,8 @@ export const getStartingToolbarItems = (options, api) => {
610
610
  title: intl.formatMessage(linkToolbarMessages.editLink),
611
611
  showTitle: true,
612
612
  metadata: metadata
613
+ }, {
614
+ type: 'separator'
613
615
  }];
614
616
  return [{
615
617
  type: 'custom',
@@ -229,7 +229,7 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
229
229
  intl: intl,
230
230
  editorAnalyticsApi: editorAnalyticsApi,
231
231
  editorView: editorView,
232
- onLinkEditClick: editLink(editorAnalyticsApi)
232
+ onLinkEditClick: editLink(editorAnalyticsApi, true)
233
233
  })
234
234
  }] : [{
235
235
  id: 'editor.link.edit',
@@ -239,7 +239,7 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
239
239
  title: intl.formatMessage(linkToolbarMessages.editLink),
240
240
  showTitle: true,
241
241
  testId: 'link-toolbar-edit-link-button',
242
- onClick: editLink(editorAnalyticsApi)
242
+ onClick: editLink(editorAnalyticsApi, true)
243
243
  }, {
244
244
  type: 'separator'
245
245
  }];
@@ -467,7 +467,7 @@ const getDatasourceButtonGroup = (metadata, intl, editorAnalyticsApi, node, hove
467
467
  intl: intl,
468
468
  editorAnalyticsApi: editorAnalyticsApi,
469
469
  editorView: editorView,
470
- onLinkEditClick: editLink(editorAnalyticsApi)
470
+ onLinkEditClick: editLink(editorAnalyticsApi, false)
471
471
  })
472
472
  });
473
473
  }
@@ -12,7 +12,7 @@ import { DiscoveryPulse } from '../Pulse';
12
12
  // editor adds a standard line-height that is bigger than an inline smart link
13
13
  // due to that the link has a bit of white space around it, which doesn't look right when there is pulse around it
14
14
  const loaderWrapperStyles = css({
15
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
15
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
16
16
  '.loader-wrapper': {
17
17
  lineHeight: 'normal'
18
18
  }
@@ -107,7 +107,7 @@ export class EditLinkToolbar extends React.Component {
107
107
  });
108
108
  }
109
109
  }
110
- export const editLink = editorAnalyticsApi => (state, dispatch) => {
110
+ export const editLink = (editorAnalyticsApi, scrollIntoView) => (state, dispatch) => {
111
111
  let type = 'hyperlink';
112
112
  if (state.selection instanceof NodeSelection) {
113
113
  type = state.selection.node.type.name;
@@ -118,6 +118,7 @@ export const editLink = editorAnalyticsApi => (state, dispatch) => {
118
118
  } = state;
119
119
  showLinkToolbar(tr);
120
120
  editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent(buildEditLinkPayload(type))(tr);
121
+ tr.setMeta('scrollIntoView', scrollIntoView);
121
122
  dispatch(tr);
122
123
  return true;
123
124
  }
@@ -1,6 +1,7 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import React, { Component } from 'react';
3
3
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
4
+ import { FloatingToolbarSeparator as Separator } from '@atlaskit/editor-common/ui';
4
5
  import { getBooleanFF } from '@atlaskit/platform-feature-flags';
5
6
  import { Flex } from '@atlaskit/primitives';
6
7
  import { DatasourceAppearanceButton } from './DatasourceAppearanceButton';
@@ -98,6 +99,6 @@ export class HyperlinkToolbarAppearance extends Component {
98
99
  editorView: editorView,
99
100
  editorAnalyticsApi: editorAnalyticsApi,
100
101
  inputMethod: INPUT_METHOD.FLOATING_TB
101
- }));
102
+ }), /*#__PURE__*/React.createElement(Separator, null));
102
103
  }
103
104
  }
@@ -28,11 +28,15 @@ const getGradientWithColor = color => {
28
28
  const containerStyles = css({
29
29
  position: 'relative',
30
30
  lineHeight: 'normal',
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
31
32
  ':active': {
33
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
32
34
  [`.${ICON_AND_LABEL_CLASSNAME}`]: {
33
35
  background: SMART_LINK_ACTIVE_COLOR
34
36
  },
37
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
35
38
  [`.${OVERLAY_GRADIENT_CLASSNAME}`]: {
39
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
36
40
  background: getGradientWithColor(SMART_LINK_ACTIVE_COLOR)
37
41
  }
38
42
  }
@@ -60,6 +64,7 @@ const showOverlayStyles = css({
60
64
  });
61
65
  const iconStyles = css({
62
66
  // Position icon in the middle
67
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
63
68
  span: {
64
69
  display: 'flex'
65
70
  }
@@ -90,6 +95,7 @@ const overflowingContainerStyles = css({
90
95
  const gradientStyles = css({
91
96
  width: '2.5rem',
92
97
  height: '100%',
98
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
93
99
  background: getGradientWithColor(SMART_LINK_BACKGROUND_COLOR)
94
100
  });
95
101
  const InlineCardOverlay = ({
@@ -17,8 +17,10 @@ import { getDatasource, isDatasourceTableLayout } from './utils';
17
17
  const toolbarButtonWrapperStyles = css({
18
18
  background: `${`var(--ds-background-neutral, ${N20A})`}`,
19
19
  color: `${`var(--ds-icon, ${N300})`}`,
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
20
21
  ':hover': {
21
22
  background: `${`var(--ds-background-neutral-hovered, ${B300})`}`,
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
22
24
  color: `${"var(--ds-icon, white)"} !important`
23
25
  }
24
26
  });
@@ -1,12 +1,12 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React from 'react';
3
- import { useIntl } from "react-intl-next";
4
- import Button from "@atlaskit/button/new";
5
- import DropdownMenu, { DropdownItem, DropdownItemGroup } from "@atlaskit/dropdown-menu";
6
- import { cardMessages as messages } from "@atlaskit/editor-common/messages";
7
- import ChevronDownIcon from "@atlaskit/icon/glyph/chevron-down";
8
- import PreferencesIcon from "@atlaskit/icon/glyph/preferences";
9
- import ShortcutIcon from "@atlaskit/icon/glyph/shortcut";
3
+ import { useIntl } from 'react-intl-next';
4
+ import Button from '@atlaskit/button/new';
5
+ import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
6
+ import { cardMessages as messages } from '@atlaskit/editor-common/messages';
7
+ import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
8
+ import PreferencesIcon from '@atlaskit/icon/glyph/preferences';
9
+ import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
10
10
  const ConfigureLinkDropdown = props => {
11
11
  const {
12
12
  testId
@@ -19,7 +19,7 @@ const ConfigureLinkDropdown = props => {
19
19
  triggerRef,
20
20
  ...props
21
21
  }) => /*#__PURE__*/React.createElement(Button, _extends({}, props, {
22
- spacing: "none",
22
+ spacing: 'none',
23
23
  ref: triggerRef
24
24
  }), /*#__PURE__*/React.createElement("span", {
25
25
  style: {
@@ -30,17 +30,17 @@ const ConfigureLinkDropdown = props => {
30
30
  size: 'small',
31
31
  testId: `${testId}-icon`
32
32
  }))),
33
- spacing: "compact",
34
- placement: "bottom-start"
33
+ spacing: 'compact',
34
+ placement: 'bottom-start'
35
35
  }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, /*#__PURE__*/React.createElement(DropdownItem, {
36
36
  elemBefore: /*#__PURE__*/React.createElement(ShortcutIcon, {
37
37
  label: goToLinkLabel,
38
- size: "small"
38
+ size: 'small'
39
39
  })
40
40
  }, goToLinkLabel), /*#__PURE__*/React.createElement(DropdownItem, {
41
41
  elemBefore: /*#__PURE__*/React.createElement(PreferencesIcon, {
42
42
  label: configureLinkLabel,
43
- size: "small"
43
+ size: 'small'
44
44
  })
45
45
  }, configureLinkLabel)));
46
46
  };
@@ -42,12 +42,15 @@ const showOverlayStyles = css({
42
42
  });
43
43
  const iconStyles = css({
44
44
  background: CONFIGURE_ICON_BACKGROUND_COLOR,
45
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
45
46
  ':hover': {
46
47
  background: CONFIGURE_ICON_BACKGROUND_HOVERED_COLOR
47
48
  },
49
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
48
50
  ':active': {
49
51
  background: CONFIGURE_ICON_BACKGROUND_ACTIVE_COLOR
50
52
  },
53
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
51
54
  span: {
52
55
  // If PreferencesIcon left as inline-block (default), height is incorrect and border radius is clipped when parent element
53
56
  // uses 1lh height (rather than 100%)
@@ -157,7 +160,9 @@ const LeftIconOverlay = ({
157
160
  tabIndex: -1,
158
161
  "data-testid": testId
159
162
  }, jsx("span", _extends({}, tooltipProps, {
160
- css: iconAndLabelStyles,
163
+ css: iconAndLabelStyles
164
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
165
+ ,
161
166
  className: ICON_AND_LABEL_CLASSNAME
162
167
  }), jsx("span", {
163
168
  css: iconStyles
@@ -341,9 +341,11 @@ export default class ResizableEmbedCard extends React.Component {
341
341
  return jsx("div", {
342
342
  "data-testid": "resizable-embed-card-spacing"
343
343
  }, jsx("div", {
344
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
344
345
  css: wrapperStyle({
345
346
  layout,
346
347
  isResized: !!pctWidth,
348
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
347
349
  containerWidth: containerWidth || DEFAULT_EMBED_CARD_WIDTH,
348
350
  fullWidthMode
349
351
  })
@@ -278,7 +278,9 @@ export var Datasource = /*#__PURE__*/function (_ReactNodeView) {
278
278
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
279
279
  className: DATASOURCE_INNER_CONTAINER_CLASSNAME,
280
280
  style: {
281
- minWidth: this.isNodeNested ? '100%' : calcBreakoutWidth(attrs.layout || DATASOURCE_DEFAULT_LAYOUT, this.tableWidth)
281
+ minWidth: this.isNodeNested ? '100%' :
282
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
283
+ calcBreakoutWidth(attrs.layout || DATASOURCE_DEFAULT_LAYOUT, this.tableWidth)
282
284
  }
283
285
  }, jsx(DatasourceComponent, {
284
286
  node: this.node,
@@ -616,6 +616,8 @@ export var getStartingToolbarItems = function getStartingToolbarItems(options, a
616
616
  title: intl.formatMessage(linkToolbarMessages.editLink),
617
617
  showTitle: true,
618
618
  metadata: metadata
619
+ }, {
620
+ type: 'separator'
619
621
  }];
620
622
  return [{
621
623
  type: 'custom',
@@ -226,7 +226,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
226
226
  intl: intl,
227
227
  editorAnalyticsApi: editorAnalyticsApi,
228
228
  editorView: editorView,
229
- onLinkEditClick: editLink(editorAnalyticsApi)
229
+ onLinkEditClick: editLink(editorAnalyticsApi, true)
230
230
  });
231
231
  }
232
232
  }] : [{
@@ -237,7 +237,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
237
237
  title: intl.formatMessage(linkToolbarMessages.editLink),
238
238
  showTitle: true,
239
239
  testId: 'link-toolbar-edit-link-button',
240
- onClick: editLink(editorAnalyticsApi)
240
+ onClick: editLink(editorAnalyticsApi, true)
241
241
  }, {
242
242
  type: 'separator'
243
243
  }];
@@ -469,7 +469,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
469
469
  intl: intl,
470
470
  editorAnalyticsApi: editorAnalyticsApi,
471
471
  editorView: editorView,
472
- onLinkEditClick: editLink(editorAnalyticsApi)
472
+ onLinkEditClick: editLink(editorAnalyticsApi, false)
473
473
  });
474
474
  }
475
475
  });
@@ -13,7 +13,7 @@ import { DiscoveryPulse } from '../Pulse';
13
13
  // editor adds a standard line-height that is bigger than an inline smart link
14
14
  // due to that the link has a bit of white space around it, which doesn't look right when there is pulse around it
15
15
  var loaderWrapperStyles = css({
16
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
16
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
17
17
  '.loader-wrapper': {
18
18
  lineHeight: 'normal'
19
19
  }
@@ -124,7 +124,7 @@ export var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
124
124
  }]);
125
125
  return EditLinkToolbar;
126
126
  }(React.Component);
127
- export var editLink = function editLink(editorAnalyticsApi) {
127
+ export var editLink = function editLink(editorAnalyticsApi, scrollIntoView) {
128
128
  return function (state, dispatch) {
129
129
  var type = 'hyperlink';
130
130
  if (state.selection instanceof NodeSelection) {
@@ -134,6 +134,7 @@ export var editLink = function editLink(editorAnalyticsApi) {
134
134
  var tr = state.tr;
135
135
  showLinkToolbar(tr);
136
136
  editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.attachAnalyticsEvent(buildEditLinkPayload(type))(tr);
137
+ tr.setMeta('scrollIntoView', scrollIntoView);
137
138
  dispatch(tr);
138
139
  return true;
139
140
  }
@@ -11,6 +11,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
11
11
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
12
12
  import React, { Component } from 'react';
13
13
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
14
+ import { FloatingToolbarSeparator as Separator } from '@atlaskit/editor-common/ui';
14
15
  import { getBooleanFF } from '@atlaskit/platform-feature-flags';
15
16
  import { Flex } from '@atlaskit/primitives';
16
17
  import { DatasourceAppearanceButton } from './DatasourceAppearanceButton';
@@ -173,7 +174,7 @@ export var HyperlinkToolbarAppearance = /*#__PURE__*/function (_Component) {
173
174
  editorView: editorView,
174
175
  editorAnalyticsApi: editorAnalyticsApi,
175
176
  inputMethod: INPUT_METHOD.FLOATING_TB
176
- }));
177
+ }), /*#__PURE__*/React.createElement(Separator, null));
177
178
  }
178
179
  }]);
179
180
  return HyperlinkToolbarAppearance;
@@ -33,9 +33,11 @@ var getGradientWithColor = function getGradientWithColor(color) {
33
33
  var containerStyles = css({
34
34
  position: 'relative',
35
35
  lineHeight: 'normal',
36
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
36
37
  ':active': (_active = {}, _defineProperty(_active, ".".concat(ICON_AND_LABEL_CLASSNAME), {
37
38
  background: SMART_LINK_ACTIVE_COLOR
38
39
  }), _defineProperty(_active, ".".concat(OVERLAY_GRADIENT_CLASSNAME), {
40
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
39
41
  background: getGradientWithColor(SMART_LINK_ACTIVE_COLOR)
40
42
  }), _active)
41
43
  });
@@ -62,6 +64,7 @@ var showOverlayStyles = css({
62
64
  });
63
65
  var iconStyles = css({
64
66
  // Position icon in the middle
67
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
65
68
  span: {
66
69
  display: 'flex'
67
70
  }
@@ -92,6 +95,7 @@ var overflowingContainerStyles = css({
92
95
  var gradientStyles = css({
93
96
  width: '2.5rem',
94
97
  height: '100%',
98
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
95
99
  background: getGradientWithColor(SMART_LINK_BACKGROUND_COLOR)
96
100
  });
97
101
  var InlineCardOverlay = function InlineCardOverlay(_ref) {
@@ -20,8 +20,10 @@ import { getDatasource, isDatasourceTableLayout } from './utils';
20
20
  var toolbarButtonWrapperStyles = css({
21
21
  background: "".concat("var(--ds-background-neutral, ".concat(N20A, ")")),
22
22
  color: "".concat("var(--ds-icon, ".concat(N300, ")")),
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
23
24
  ':hover': {
24
25
  background: "".concat("var(--ds-background-neutral-hovered, ".concat(B300, ")")),
26
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
25
27
  color: "var(--ds-icon, white)".concat(" !important")
26
28
  }
27
29
  });
@@ -2,13 +2,13 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  var _excluded = ["triggerRef"];
4
4
  import React from 'react';
5
- import { useIntl } from "react-intl-next";
6
- import Button from "@atlaskit/button/new";
7
- import DropdownMenu, { DropdownItem, DropdownItemGroup } from "@atlaskit/dropdown-menu";
8
- import { cardMessages as messages } from "@atlaskit/editor-common/messages";
9
- import ChevronDownIcon from "@atlaskit/icon/glyph/chevron-down";
10
- import PreferencesIcon from "@atlaskit/icon/glyph/preferences";
11
- import ShortcutIcon from "@atlaskit/icon/glyph/shortcut";
5
+ import { useIntl } from 'react-intl-next';
6
+ import Button from '@atlaskit/button/new';
7
+ import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
8
+ import { cardMessages as messages } from '@atlaskit/editor-common/messages';
9
+ import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
10
+ import PreferencesIcon from '@atlaskit/icon/glyph/preferences';
11
+ import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
12
12
  var ConfigureLinkDropdown = function ConfigureLinkDropdown(props) {
13
13
  var testId = props.testId;
14
14
  var intl = useIntl();
@@ -19,7 +19,7 @@ var ConfigureLinkDropdown = function ConfigureLinkDropdown(props) {
19
19
  var triggerRef = _ref.triggerRef,
20
20
  props = _objectWithoutProperties(_ref, _excluded);
21
21
  return /*#__PURE__*/React.createElement(Button, _extends({}, props, {
22
- spacing: "none",
22
+ spacing: 'none',
23
23
  ref: triggerRef
24
24
  }), /*#__PURE__*/React.createElement("span", {
25
25
  style: {
@@ -31,17 +31,17 @@ var ConfigureLinkDropdown = function ConfigureLinkDropdown(props) {
31
31
  testId: "".concat(testId, "-icon")
32
32
  })));
33
33
  },
34
- spacing: "compact",
35
- placement: "bottom-start"
34
+ spacing: 'compact',
35
+ placement: 'bottom-start'
36
36
  }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, /*#__PURE__*/React.createElement(DropdownItem, {
37
37
  elemBefore: /*#__PURE__*/React.createElement(ShortcutIcon, {
38
38
  label: goToLinkLabel,
39
- size: "small"
39
+ size: 'small'
40
40
  })
41
41
  }, goToLinkLabel), /*#__PURE__*/React.createElement(DropdownItem, {
42
42
  elemBefore: /*#__PURE__*/React.createElement(PreferencesIcon, {
43
43
  label: configureLinkLabel,
44
- size: "small"
44
+ size: 'small'
45
45
  })
46
46
  }, configureLinkLabel)));
47
47
  };
@@ -45,12 +45,15 @@ var showOverlayStyles = css({
45
45
  });
46
46
  var iconStyles = css({
47
47
  background: CONFIGURE_ICON_BACKGROUND_COLOR,
48
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
48
49
  ':hover': {
49
50
  background: CONFIGURE_ICON_BACKGROUND_HOVERED_COLOR
50
51
  },
52
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
51
53
  ':active': {
52
54
  background: CONFIGURE_ICON_BACKGROUND_ACTIVE_COLOR
53
55
  },
56
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
54
57
  span: {
55
58
  // If PreferencesIcon left as inline-block (default), height is incorrect and border radius is clipped when parent element
56
59
  // uses 1lh height (rather than 100%)
@@ -169,7 +172,9 @@ var LeftIconOverlay = function LeftIconOverlay(_ref) {
169
172
  tabIndex: -1,
170
173
  "data-testid": testId
171
174
  }, jsx("span", _extends({}, tooltipProps, {
172
- css: iconAndLabelStyles,
175
+ css: iconAndLabelStyles
176
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
177
+ ,
173
178
  className: ICON_AND_LABEL_CLASSNAME
174
179
  }), jsx("span", {
175
180
  css: iconStyles
@@ -360,9 +360,11 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
360
360
  return jsx("div", {
361
361
  "data-testid": "resizable-embed-card-spacing"
362
362
  }, jsx("div", {
363
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
363
364
  css: wrapperStyle({
364
365
  layout: layout,
365
366
  isResized: !!pctWidth,
367
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
366
368
  containerWidth: containerWidth || DEFAULT_EMBED_CARD_WIDTH,
367
369
  fullWidthMode: fullWidthMode
368
370
  })
@@ -26,7 +26,7 @@ export declare class EditLinkToolbar extends React.Component<EditLinkToolbarProp
26
26
  private hideLinkToolbar;
27
27
  render(): JSX.Element;
28
28
  }
29
- export declare const editLink: (editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
29
+ export declare const editLink: (editorAnalyticsApi: EditorAnalyticsAPI | undefined, scrollIntoView: boolean) => Command;
30
30
  export declare const buildEditLinkToolbar: ({ providerFactory, node, pluginInjectionApi, linkPicker, lpLinkPicker, }: {
31
31
  providerFactory: ProviderFactory;
32
32
  node: Node;
@@ -26,7 +26,7 @@ export declare class EditLinkToolbar extends React.Component<EditLinkToolbarProp
26
26
  private hideLinkToolbar;
27
27
  render(): JSX.Element;
28
28
  }
29
- export declare const editLink: (editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
29
+ export declare const editLink: (editorAnalyticsApi: EditorAnalyticsAPI | undefined, scrollIntoView: boolean) => Command;
30
30
  export declare const buildEditLinkToolbar: ({ providerFactory, node, pluginInjectionApi, linkPicker, lpLinkPicker, }: {
31
31
  providerFactory: ProviderFactory;
32
32
  node: Node;
package/package.json CHANGED
@@ -1,148 +1,130 @@
1
1
  {
2
- "name": "@atlaskit/editor-plugin-card",
3
- "version": "2.0.4",
4
- "description": "Card plugin for @atlaskit/editor-core",
5
- "author": "Atlassian Pty Ltd",
6
- "license": "Apache-2.0",
7
- "publishConfig": {
8
- "registry": "https://registry.npmjs.org/"
9
- },
10
- "atlassian": {
11
- "team": "Linking Platform",
12
- "singleton": true,
13
- "releaseModel": "continuous",
14
- "runReact18": false
15
- },
16
- "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
17
- "main": "dist/cjs/index.js",
18
- "module": "dist/esm/index.js",
19
- "module:es2019": "dist/es2019/index.js",
20
- "types": "dist/types/index.d.ts",
21
- "typesVersions": {
22
- ">=4.5 <4.9": {
23
- "*": [
24
- "dist/types-ts4.5/*",
25
- "dist/types-ts4.5/index.d.ts"
26
- ]
27
- }
28
- },
29
- "sideEffects": false,
30
- "atlaskit:src": "src/index.ts",
31
- "af:exports": {
32
- ".": "./src/index.ts"
33
- },
34
- "dependencies": {
35
- "@atlaskit/adf-schema": "^36.10.7",
36
- "@atlaskit/analytics-next": "^9.3.0",
37
- "@atlaskit/button": "^17.17.1",
38
- "@atlaskit/custom-steps": "^0.2.0",
39
- "@atlaskit/dropdown-menu": "^12.10.2",
40
- "@atlaskit/editor-common": "^82.2.0",
41
- "@atlaskit/editor-plugin-analytics": "^1.2.0",
42
- "@atlaskit/editor-plugin-decorations": "^1.1.0",
43
- "@atlaskit/editor-plugin-editor-viewmode": "^1.1.0",
44
- "@atlaskit/editor-plugin-feature-flags": "^1.1.0",
45
- "@atlaskit/editor-plugin-floating-toolbar": "^1.4.0",
46
- "@atlaskit/editor-plugin-grid": "^1.1.0",
47
- "@atlaskit/editor-plugin-width": "^1.1.0",
48
- "@atlaskit/editor-prosemirror": "4.0.1",
49
- "@atlaskit/editor-shared-styles": "^2.12.0",
50
- "@atlaskit/frontend-utilities": "^2.7.0",
51
- "@atlaskit/icon": "^22.3.0",
52
- "@atlaskit/link-analytics": "^8.3.0",
53
- "@atlaskit/link-client-extension": "^1.9.0",
54
- "@atlaskit/link-datasource": "^2.3.0",
55
- "@atlaskit/linking-common": "^5.7.0",
56
- "@atlaskit/linking-types": "^8.9.0",
57
- "@atlaskit/menu": "2.4.1",
58
- "@atlaskit/platform-feature-flags": "^0.2.0",
59
- "@atlaskit/primitives": "^7.0.0",
60
- "@atlaskit/smart-card": "^27.5.0",
61
- "@atlaskit/theme": "^12.9.0",
62
- "@atlaskit/tokens": "^1.49.0",
63
- "@atlaskit/tooltip": "^18.4.0",
64
- "@babel/runtime": "^7.0.0",
65
- "@emotion/react": "^11.7.1",
66
- "lodash": "^4.17.21",
67
- "prop-types": "^15.5.10",
68
- "raf-schd": "^4.0.3"
69
- },
70
- "peerDependencies": {
71
- "@atlaskit/link-provider": "^1.10.0",
72
- "react": "^16.8.0",
73
- "react-intl-next": "npm:react-intl@^5.18.1"
74
- },
75
- "devDependencies": {
76
- "typescript": "~5.4.2"
77
- },
78
- "techstack": {
79
- "@atlassian/frontend": {
80
- "import-structure": [
81
- "atlassian-conventions"
82
- ],
83
- "circular-dependencies": [
84
- "file-and-folder-level"
85
- ]
86
- },
87
- "@repo/internal": {
88
- "dom-events": "use-bind-event-listener",
89
- "analytics": [
90
- "analytics-next"
91
- ],
92
- "design-tokens": [
93
- "color"
94
- ],
95
- "theming": [
96
- "react-context"
97
- ],
98
- "ui-components": [
99
- "lite-mode"
100
- ],
101
- "deprecation": "no-deprecated-imports",
102
- "styling": [
103
- "emotion",
104
- "emotion"
105
- ]
106
- }
107
- },
108
- "platform-feature-flags": {
109
- "platform.linking-platform.enable-datasource-edit-dropdown-toolbar": {
110
- "type": "boolean"
111
- },
112
- "platform.linking-platform.smart-links-in-live-pages": {
113
- "type": "boolean"
114
- },
115
- "platform.linking-platform.datasource-word_wrap": {
116
- "type": "boolean"
117
- },
118
- "platform.linking-platform.enable-datasource-appearance-toolbar": {
119
- "type": "boolean"
120
- },
121
- "platform.linking-platform.datasource-enable-toolbar-buttons-for-all-datasources": {
122
- "type": "boolean"
123
- },
124
- "platform.editor.card.fix-embed-card-select-all": {
125
- "type": "boolean"
126
- },
127
- "platform.linking-platform.datasource.enable-confluence-search-modal": {
128
- "type": "boolean"
129
- },
130
- "platform.linking-platform.datasource-assets_objects_remove_beta": {
131
- "type": "boolean"
132
- },
133
- "platform.editor.card.inject-settings-button": {
134
- "type": "boolean"
135
- },
136
- "platform.linking-platform.smart-card.on-click-callback": {
137
- "type": "boolean"
138
- },
139
- "platform.linking-platform.editor-datasource-typeguards": {
140
- "type": "boolean"
141
- }
142
- },
143
- "stricter": {
144
- "no-unused-dependencies": {
145
- "checkDevDependencies": true
146
- }
147
- }
148
- }
2
+ "name": "@atlaskit/editor-plugin-card",
3
+ "version": "2.0.5",
4
+ "description": "Card plugin for @atlaskit/editor-core",
5
+ "author": "Atlassian Pty Ltd",
6
+ "license": "Apache-2.0",
7
+ "publishConfig": {
8
+ "registry": "https://registry.npmjs.org/"
9
+ },
10
+ "atlassian": {
11
+ "team": "Linking Platform",
12
+ "singleton": true,
13
+ "releaseModel": "continuous",
14
+ "runReact18": false
15
+ },
16
+ "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
17
+ "main": "dist/cjs/index.js",
18
+ "module": "dist/esm/index.js",
19
+ "module:es2019": "dist/es2019/index.js",
20
+ "types": "dist/types/index.d.ts",
21
+ "typesVersions": {
22
+ ">=4.5 <4.9": {
23
+ "*": ["dist/types-ts4.5/*", "dist/types-ts4.5/index.d.ts"]
24
+ }
25
+ },
26
+ "sideEffects": false,
27
+ "atlaskit:src": "src/index.ts",
28
+ "af:exports": {
29
+ ".": "./src/index.ts"
30
+ },
31
+ "dependencies": {
32
+ "@atlaskit/adf-schema": "^36.10.7",
33
+ "@atlaskit/analytics-next": "^9.3.0",
34
+ "@atlaskit/button": "^17.17.1",
35
+ "@atlaskit/custom-steps": "^0.2.0",
36
+ "@atlaskit/dropdown-menu": "^12.10.2",
37
+ "@atlaskit/editor-common": "^82.6.0",
38
+ "@atlaskit/editor-plugin-analytics": "^1.2.0",
39
+ "@atlaskit/editor-plugin-decorations": "^1.1.0",
40
+ "@atlaskit/editor-plugin-editor-viewmode": "^1.2.0",
41
+ "@atlaskit/editor-plugin-feature-flags": "^1.1.0",
42
+ "@atlaskit/editor-plugin-floating-toolbar": "^1.6.0",
43
+ "@atlaskit/editor-plugin-grid": "^1.1.0",
44
+ "@atlaskit/editor-plugin-width": "^1.1.0",
45
+ "@atlaskit/editor-prosemirror": "4.0.1",
46
+ "@atlaskit/editor-shared-styles": "^2.12.0",
47
+ "@atlaskit/frontend-utilities": "^2.7.0",
48
+ "@atlaskit/icon": "^22.3.0",
49
+ "@atlaskit/link-analytics": "^8.3.0",
50
+ "@atlaskit/link-client-extension": "^1.9.0",
51
+ "@atlaskit/link-datasource": "^2.3.0",
52
+ "@atlaskit/linking-common": "^5.7.0",
53
+ "@atlaskit/linking-types": "^8.9.0",
54
+ "@atlaskit/menu": "2.4.1",
55
+ "@atlaskit/platform-feature-flags": "^0.2.0",
56
+ "@atlaskit/primitives": "^7.2.0",
57
+ "@atlaskit/smart-card": "^27.6.0",
58
+ "@atlaskit/theme": "^12.9.0",
59
+ "@atlaskit/tokens": "^1.50.0",
60
+ "@atlaskit/tooltip": "^18.4.0",
61
+ "@babel/runtime": "^7.0.0",
62
+ "@emotion/react": "^11.7.1",
63
+ "lodash": "^4.17.21",
64
+ "prop-types": "^15.5.10",
65
+ "raf-schd": "^4.0.3"
66
+ },
67
+ "peerDependencies": {
68
+ "@atlaskit/link-provider": "^1.10.0",
69
+ "react": "^16.8.0",
70
+ "react-intl-next": "npm:react-intl@^5.18.1"
71
+ },
72
+ "devDependencies": {
73
+ "typescript": "~5.4.2"
74
+ },
75
+ "techstack": {
76
+ "@atlassian/frontend": {
77
+ "import-structure": ["atlassian-conventions"],
78
+ "circular-dependencies": ["file-and-folder-level"]
79
+ },
80
+ "@repo/internal": {
81
+ "dom-events": "use-bind-event-listener",
82
+ "analytics": ["analytics-next"],
83
+ "design-tokens": ["color"],
84
+ "theming": ["react-context"],
85
+ "ui-components": ["lite-mode"],
86
+ "deprecation": "no-deprecated-imports",
87
+ "styling": ["emotion", "emotion"]
88
+ }
89
+ },
90
+ "platform-feature-flags": {
91
+ "platform.linking-platform.enable-datasource-edit-dropdown-toolbar": {
92
+ "type": "boolean"
93
+ },
94
+ "platform.linking-platform.smart-links-in-live-pages": {
95
+ "type": "boolean"
96
+ },
97
+ "platform.linking-platform.datasource-word_wrap": {
98
+ "type": "boolean"
99
+ },
100
+ "platform.linking-platform.enable-datasource-appearance-toolbar": {
101
+ "type": "boolean"
102
+ },
103
+ "platform.linking-platform.datasource-enable-toolbar-buttons-for-all-datasources": {
104
+ "type": "boolean"
105
+ },
106
+ "platform.editor.card.fix-embed-card-select-all": {
107
+ "type": "boolean"
108
+ },
109
+ "platform.linking-platform.datasource.enable-confluence-search-modal": {
110
+ "type": "boolean"
111
+ },
112
+ "platform.linking-platform.datasource-assets_objects_remove_beta": {
113
+ "type": "boolean"
114
+ },
115
+ "platform.editor.card.inject-settings-button": {
116
+ "type": "boolean"
117
+ },
118
+ "platform.linking-platform.smart-card.on-click-callback": {
119
+ "type": "boolean"
120
+ },
121
+ "platform.linking-platform.editor-datasource-typeguards": {
122
+ "type": "boolean"
123
+ }
124
+ },
125
+ "stricter": {
126
+ "no-unused-dependencies": {
127
+ "checkDevDependencies": true
128
+ }
129
+ }
130
+ }