@atlaskit/editor-plugin-card 2.0.4 → 2.0.6
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 +18 -0
- package/dist/cjs/nodeviews/datasource.js +4 -2
- package/dist/cjs/pm-plugins/doc.js +2 -0
- package/dist/cjs/toolbar.js +3 -3
- package/dist/cjs/ui/AwarenessWrapper/index.js +3 -1
- package/dist/cjs/ui/DatasourceAppearanceButton.js +2 -0
- package/dist/cjs/ui/EditDatasourceButton.js +1 -0
- package/dist/cjs/ui/EditLinkToolbar.js +2 -1
- package/dist/cjs/ui/EditToolbarButton.js +2 -0
- package/dist/cjs/ui/HyperlinkToolbarAppearance.js +2 -1
- package/dist/cjs/ui/InlineCardOverlay/index.js +5 -0
- package/dist/cjs/ui/LayoutButton/index.js +3 -1
- package/dist/cjs/ui/LeftIconOverlay/ConfigureLinkDropdown/index.js +5 -5
- package/dist/cjs/ui/LeftIconOverlay/index.js +7 -1
- package/dist/cjs/ui/ResizableEmbedCard.js +3 -1
- package/dist/es2019/nodeviews/datasource.js +5 -1
- package/dist/es2019/pm-plugins/doc.js +2 -0
- package/dist/es2019/toolbar.js +3 -3
- package/dist/es2019/ui/AwarenessWrapper/index.js +3 -1
- package/dist/es2019/ui/DatasourceAppearanceButton.js +2 -0
- package/dist/es2019/ui/EditDatasourceButton.js +1 -0
- package/dist/es2019/ui/EditLinkToolbar.js +2 -1
- package/dist/es2019/ui/EditToolbarButton.js +2 -0
- package/dist/es2019/ui/HyperlinkToolbarAppearance.js +2 -1
- package/dist/es2019/ui/InlineCardOverlay/index.js +8 -0
- package/dist/es2019/ui/LayoutButton/index.js +4 -0
- package/dist/es2019/ui/LeftIconOverlay/ConfigureLinkDropdown/index.js +12 -12
- package/dist/es2019/ui/LeftIconOverlay/index.js +8 -1
- package/dist/es2019/ui/ResizableEmbedCard.js +4 -0
- package/dist/esm/nodeviews/datasource.js +5 -1
- package/dist/esm/pm-plugins/doc.js +2 -0
- package/dist/esm/toolbar.js +3 -3
- package/dist/esm/ui/AwarenessWrapper/index.js +3 -1
- package/dist/esm/ui/DatasourceAppearanceButton.js +2 -0
- package/dist/esm/ui/EditDatasourceButton.js +1 -0
- package/dist/esm/ui/EditLinkToolbar.js +2 -1
- package/dist/esm/ui/EditToolbarButton.js +2 -0
- package/dist/esm/ui/HyperlinkToolbarAppearance.js +2 -1
- package/dist/esm/ui/InlineCardOverlay/index.js +6 -0
- package/dist/esm/ui/LayoutButton/index.js +4 -0
- package/dist/esm/ui/LeftIconOverlay/ConfigureLinkDropdown/index.js +12 -12
- package/dist/esm/ui/LeftIconOverlay/index.js +8 -1
- package/dist/esm/ui/ResizableEmbedCard.js +4 -0
- package/dist/types/ui/EditLinkToolbar.d.ts +1 -1
- package/dist/types-ts4.5/ui/EditLinkToolbar.d.ts +1 -1
- package/package.json +147 -147
|
@@ -13,6 +13,8 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
|
|
|
13
13
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
14
14
|
/** @jsx jsx */
|
|
15
15
|
import React from 'react';
|
|
16
|
+
|
|
17
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
16
18
|
import { jsx } from '@emotion/react';
|
|
17
19
|
import PropTypes from 'prop-types';
|
|
18
20
|
import ReactNodeView from '@atlaskit/editor-common/react-node-view';
|
|
@@ -278,7 +280,9 @@ export var Datasource = /*#__PURE__*/function (_ReactNodeView) {
|
|
|
278
280
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
279
281
|
className: DATASOURCE_INNER_CONTAINER_CLASSNAME,
|
|
280
282
|
style: {
|
|
281
|
-
minWidth: this.isNodeNested ? '100%' :
|
|
283
|
+
minWidth: this.isNodeNested ? '100%' :
|
|
284
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
285
|
+
calcBreakoutWidth(attrs.layout || DATASOURCE_DEFAULT_LAYOUT, this.tableWidth)
|
|
282
286
|
}
|
|
283
287
|
}, jsx(DatasourceComponent, {
|
|
284
288
|
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
|
});
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
2
|
/** @jsx jsx */
|
|
3
3
|
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
4
|
+
|
|
5
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
6
|
import { css, jsx } from '@emotion/react';
|
|
5
7
|
import { AnalyticsContext } from '@atlaskit/analytics-next';
|
|
6
8
|
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
@@ -13,7 +15,7 @@ import { DiscoveryPulse } from '../Pulse';
|
|
|
13
15
|
// editor adds a standard line-height that is bigger than an inline smart link
|
|
14
16
|
// 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
17
|
var loaderWrapperStyles = css({
|
|
16
|
-
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
18
|
+
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
17
19
|
'.loader-wrapper': {
|
|
18
20
|
lineHeight: 'normal'
|
|
19
21
|
}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { useCallback } from 'react';
|
|
3
|
+
|
|
4
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
5
|
import { css, jsx } from '@emotion/react';
|
|
4
6
|
import { cardMessages as messages } from '@atlaskit/editor-common/messages';
|
|
5
7
|
import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
3
|
import { css, jsx } from '@emotion/react';
|
|
3
4
|
import { cardMessages as messages } from '@atlaskit/editor-common/messages';
|
|
4
5
|
import { FloatingToolbarButton as Button, FloatingToolbarSeparator as Separator, SmallerEditIcon } from '@atlaskit/editor-common/ui';
|
|
@@ -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
|
}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
2
|
/** @jsx jsx */
|
|
3
3
|
import { useCallback, useMemo, useRef, useState } from 'react';
|
|
4
|
+
|
|
5
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
6
|
import { css, jsx } from '@emotion/react';
|
|
5
7
|
import { FormattedMessage } from 'react-intl-next';
|
|
6
8
|
import { linkToolbarMessages, cardMessages as messages } from '@atlaskit/editor-common/messages';
|
|
@@ -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;
|
|
@@ -8,6 +8,8 @@ var _active;
|
|
|
8
8
|
/* eslint-disable @atlaskit/design-system/prefer-primitives */
|
|
9
9
|
/** @jsx jsx */
|
|
10
10
|
import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
|
|
11
|
+
|
|
12
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
11
13
|
import { css, jsx } from '@emotion/react';
|
|
12
14
|
import debounce from 'lodash/debounce';
|
|
13
15
|
import { useIntl } from 'react-intl-next';
|
|
@@ -33,9 +35,11 @@ var getGradientWithColor = function getGradientWithColor(color) {
|
|
|
33
35
|
var containerStyles = css({
|
|
34
36
|
position: 'relative',
|
|
35
37
|
lineHeight: 'normal',
|
|
38
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
36
39
|
':active': (_active = {}, _defineProperty(_active, ".".concat(ICON_AND_LABEL_CLASSNAME), {
|
|
37
40
|
background: SMART_LINK_ACTIVE_COLOR
|
|
38
41
|
}), _defineProperty(_active, ".".concat(OVERLAY_GRADIENT_CLASSNAME), {
|
|
42
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
39
43
|
background: getGradientWithColor(SMART_LINK_ACTIVE_COLOR)
|
|
40
44
|
}), _active)
|
|
41
45
|
});
|
|
@@ -62,6 +66,7 @@ var showOverlayStyles = css({
|
|
|
62
66
|
});
|
|
63
67
|
var iconStyles = css({
|
|
64
68
|
// Position icon in the middle
|
|
69
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
65
70
|
span: {
|
|
66
71
|
display: 'flex'
|
|
67
72
|
}
|
|
@@ -92,6 +97,7 @@ var overflowingContainerStyles = css({
|
|
|
92
97
|
var gradientStyles = css({
|
|
93
98
|
width: '2.5rem',
|
|
94
99
|
height: '100%',
|
|
100
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
95
101
|
background: getGradientWithColor(SMART_LINK_BACKGROUND_COLOR)
|
|
96
102
|
});
|
|
97
103
|
var InlineCardOverlay = function InlineCardOverlay(_ref) {
|
|
@@ -3,6 +3,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
/** @jsx jsx */
|
|
5
5
|
import { useCallback, useMemo } from 'react';
|
|
6
|
+
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
6
8
|
import { css, jsx } from '@emotion/react';
|
|
7
9
|
import { injectIntl } from 'react-intl-next';
|
|
8
10
|
import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
@@ -20,8 +22,10 @@ import { getDatasource, isDatasourceTableLayout } from './utils';
|
|
|
20
22
|
var toolbarButtonWrapperStyles = css({
|
|
21
23
|
background: "".concat("var(--ds-background-neutral, ".concat(N20A, ")")),
|
|
22
24
|
color: "".concat("var(--ds-icon, ".concat(N300, ")")),
|
|
25
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
23
26
|
':hover': {
|
|
24
27
|
background: "".concat("var(--ds-background-neutral-hovered, ".concat(B300, ")")),
|
|
28
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
25
29
|
color: "var(--ds-icon, white)".concat(" !important")
|
|
26
30
|
}
|
|
27
31
|
});
|
|
@@ -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
|
};
|
|
@@ -6,6 +6,8 @@ var _excluded = ["children", "isSelected", "isVisible", "testId"];
|
|
|
6
6
|
/* eslint-disable @atlaskit/design-system/prefer-primitives */
|
|
7
7
|
/** @jsx jsx */
|
|
8
8
|
import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
|
|
9
|
+
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
11
|
import { css, jsx } from '@emotion/react';
|
|
10
12
|
import debounce from 'lodash/debounce';
|
|
11
13
|
import { useIntl } from 'react-intl-next';
|
|
@@ -45,12 +47,15 @@ var showOverlayStyles = css({
|
|
|
45
47
|
});
|
|
46
48
|
var iconStyles = css({
|
|
47
49
|
background: CONFIGURE_ICON_BACKGROUND_COLOR,
|
|
50
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
48
51
|
':hover': {
|
|
49
52
|
background: CONFIGURE_ICON_BACKGROUND_HOVERED_COLOR
|
|
50
53
|
},
|
|
54
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
51
55
|
':active': {
|
|
52
56
|
background: CONFIGURE_ICON_BACKGROUND_ACTIVE_COLOR
|
|
53
57
|
},
|
|
58
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
54
59
|
span: {
|
|
55
60
|
// If PreferencesIcon left as inline-block (default), height is incorrect and border radius is clipped when parent element
|
|
56
61
|
// uses 1lh height (rather than 100%)
|
|
@@ -169,7 +174,9 @@ var LeftIconOverlay = function LeftIconOverlay(_ref) {
|
|
|
169
174
|
tabIndex: -1,
|
|
170
175
|
"data-testid": testId
|
|
171
176
|
}, jsx("span", _extends({}, tooltipProps, {
|
|
172
|
-
css: iconAndLabelStyles
|
|
177
|
+
css: iconAndLabelStyles
|
|
178
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
179
|
+
,
|
|
173
180
|
className: ICON_AND_LABEL_CLASSNAME
|
|
174
181
|
}), jsx("span", {
|
|
175
182
|
css: iconStyles
|
|
@@ -12,6 +12,8 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
|
|
|
12
12
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
13
13
|
/** @jsx jsx */
|
|
14
14
|
import React from 'react';
|
|
15
|
+
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
15
17
|
import { jsx } from '@emotion/react';
|
|
16
18
|
import { calcColumnsFromPx, calcMediaPxWidth, calcPctFromPx, calcPxFromColumns, handleSides, imageAlignmentMap, Resizer, snapTo, wrappedLayouts, wrapperStyle } from '@atlaskit/editor-common/ui';
|
|
17
19
|
import { findParentNodeOfTypeClosestToPos, hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
|
|
@@ -360,9 +362,11 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
|
|
|
360
362
|
return jsx("div", {
|
|
361
363
|
"data-testid": "resizable-embed-card-spacing"
|
|
362
364
|
}, jsx("div", {
|
|
365
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
363
366
|
css: wrapperStyle({
|
|
364
367
|
layout: layout,
|
|
365
368
|
isResized: !!pctWidth,
|
|
369
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
366
370
|
containerWidth: containerWidth || DEFAULT_EMBED_CARD_WIDTH,
|
|
367
371
|
fullWidthMode: fullWidthMode
|
|
368
372
|
})
|
|
@@ -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,148 @@
|
|
|
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
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
}
|
|
2
|
+
"name": "@atlaskit/editor-plugin-card",
|
|
3
|
+
"version": "2.0.6",
|
|
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.12.0",
|
|
40
|
+
"@atlaskit/editor-common": "^82.8.0",
|
|
41
|
+
"@atlaskit/editor-plugin-analytics": "^1.2.0",
|
|
42
|
+
"@atlaskit/editor-plugin-decorations": "^1.1.0",
|
|
43
|
+
"@atlaskit/editor-plugin-editor-viewmode": "^1.2.0",
|
|
44
|
+
"@atlaskit/editor-plugin-feature-flags": "^1.1.0",
|
|
45
|
+
"@atlaskit/editor-plugin-floating-toolbar": "^1.7.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.4.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.5.0",
|
|
58
|
+
"@atlaskit/platform-feature-flags": "^0.2.0",
|
|
59
|
+
"@atlaskit/primitives": "^7.4.0",
|
|
60
|
+
"@atlaskit/smart-card": "^27.6.0",
|
|
61
|
+
"@atlaskit/theme": "^12.10.0",
|
|
62
|
+
"@atlaskit/tokens": "^1.51.0",
|
|
63
|
+
"@atlaskit/tooltip": "^18.5.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
|
+
}
|