@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.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/nodeviews/datasource.js +3 -1
- package/dist/cjs/pm-plugins/doc.js +2 -0
- package/dist/cjs/toolbar.js +3 -3
- package/dist/cjs/ui/AwarenessWrapper/index.js +1 -1
- package/dist/cjs/ui/EditLinkToolbar.js +2 -1
- package/dist/cjs/ui/HyperlinkToolbarAppearance.js +2 -1
- package/dist/cjs/ui/InlineCardOverlay/index.js +4 -0
- package/dist/cjs/ui/LayoutButton/index.js +2 -0
- package/dist/cjs/ui/LeftIconOverlay/ConfigureLinkDropdown/index.js +5 -5
- package/dist/cjs/ui/LeftIconOverlay/index.js +6 -1
- package/dist/cjs/ui/ResizableEmbedCard.js +2 -0
- package/dist/es2019/nodeviews/datasource.js +3 -1
- package/dist/es2019/pm-plugins/doc.js +2 -0
- package/dist/es2019/toolbar.js +3 -3
- package/dist/es2019/ui/AwarenessWrapper/index.js +1 -1
- package/dist/es2019/ui/EditLinkToolbar.js +2 -1
- package/dist/es2019/ui/HyperlinkToolbarAppearance.js +2 -1
- package/dist/es2019/ui/InlineCardOverlay/index.js +6 -0
- package/dist/es2019/ui/LayoutButton/index.js +2 -0
- package/dist/es2019/ui/LeftIconOverlay/ConfigureLinkDropdown/index.js +12 -12
- package/dist/es2019/ui/LeftIconOverlay/index.js +6 -1
- package/dist/es2019/ui/ResizableEmbedCard.js +2 -0
- package/dist/esm/nodeviews/datasource.js +3 -1
- package/dist/esm/pm-plugins/doc.js +2 -0
- package/dist/esm/toolbar.js +3 -3
- package/dist/esm/ui/AwarenessWrapper/index.js +1 -1
- package/dist/esm/ui/EditLinkToolbar.js +2 -1
- package/dist/esm/ui/HyperlinkToolbarAppearance.js +2 -1
- package/dist/esm/ui/InlineCardOverlay/index.js +4 -0
- package/dist/esm/ui/LayoutButton/index.js +2 -0
- package/dist/esm/ui/LeftIconOverlay/ConfigureLinkDropdown/index.js +12 -12
- package/dist/esm/ui/LeftIconOverlay/index.js +6 -1
- package/dist/esm/ui/ResizableEmbedCard.js +2 -0
- package/dist/types/ui/EditLinkToolbar.d.ts +1 -1
- package/dist/types-ts4.5/ui/EditLinkToolbar.d.ts +1 -1
- 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%' :
|
|
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',
|
package/dist/cjs/toolbar.js
CHANGED
|
@@ -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:
|
|
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:
|
|
45
|
-
placement:
|
|
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:
|
|
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:
|
|
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%' :
|
|
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,
|
package/dist/es2019/toolbar.js
CHANGED
|
@@ -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
|
|
4
|
-
import Button from
|
|
5
|
-
import DropdownMenu, { DropdownItem, DropdownItemGroup } from
|
|
6
|
-
import { cardMessages as messages } from
|
|
7
|
-
import ChevronDownIcon from
|
|
8
|
-
import PreferencesIcon from
|
|
9
|
-
import ShortcutIcon from
|
|
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:
|
|
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:
|
|
34
|
-
placement:
|
|
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:
|
|
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:
|
|
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%' :
|
|
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',
|
package/dist/esm/toolbar.js
CHANGED
|
@@ -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
|
|
6
|
-
import Button from
|
|
7
|
-
import DropdownMenu, { DropdownItem, DropdownItemGroup } from
|
|
8
|
-
import { cardMessages as messages } from
|
|
9
|
-
import ChevronDownIcon from
|
|
10
|
-
import PreferencesIcon from
|
|
11
|
-
import ShortcutIcon from
|
|
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:
|
|
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:
|
|
35
|
-
placement:
|
|
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:
|
|
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:
|
|
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
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
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
|
+
}
|