@atlaskit/editor-core 193.13.4 → 193.14.1
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 +20 -0
- package/dist/cjs/composable-editor/editor-internal.js +12 -4
- package/dist/cjs/index.js +6 -6
- package/dist/cjs/ui/ContentStyles/ai-panels.js +10 -6
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/composable-editor/editor-internal.js +8 -4
- package/dist/es2019/index.js +1 -1
- package/dist/es2019/ui/ContentStyles/ai-panels.js +59 -33
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/composable-editor/editor-internal.js +12 -4
- package/dist/esm/index.js +1 -1
- package/dist/esm/ui/ContentStyles/ai-panels.js +12 -8
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/create-editor/ReactEditorView.d.ts +3 -2
- package/dist/types/index.d.ts +1 -1
- package/dist/types/ui/Appearance/FullPage/FullPageContentArea.d.ts +1 -1
- package/dist/types/ui/Appearance/FullPage/StyledComponents.d.ts +1 -1
- package/dist/types/ui/ContentStyles/index.d.ts +2 -2
- package/dist/types-ts4.5/create-editor/ReactEditorView.d.ts +3 -2
- package/dist/types-ts4.5/index.d.ts +1 -1
- package/dist/types-ts4.5/ui/Appearance/FullPage/FullPageContentArea.d.ts +1 -1
- package/dist/types-ts4.5/ui/Appearance/FullPage/StyledComponents.d.ts +1 -1
- package/dist/types-ts4.5/ui/ContentStyles/index.d.ts +2 -2
- package/package.json +10 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,25 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 193.14.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#96125](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96125)
|
|
8
|
+
[`d8acc4e69807`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d8acc4e69807) -
|
|
9
|
+
[ux] EDF-676 Updated old macro design to include AI rainbow border
|
|
10
|
+
|
|
11
|
+
## 193.14.0
|
|
12
|
+
|
|
13
|
+
### Minor Changes
|
|
14
|
+
|
|
15
|
+
- [#95168](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/95168)
|
|
16
|
+
[`2091e194a817`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2091e194a817) -
|
|
17
|
+
Introduced new PortalProviderAPI behind a FF
|
|
18
|
+
|
|
19
|
+
### Patch Changes
|
|
20
|
+
|
|
21
|
+
- Updated dependencies
|
|
22
|
+
|
|
3
23
|
## 193.13.4
|
|
4
24
|
|
|
5
25
|
### Patch Changes
|
|
@@ -6,12 +6,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.EditorInternal = void 0;
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
9
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
11
|
var _react = require("react");
|
|
11
12
|
var _react2 = require("@emotion/react");
|
|
12
13
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
14
|
+
var _portal = require("@atlaskit/editor-common/portal");
|
|
13
15
|
var _portalProvider = require("@atlaskit/editor-common/portal-provider");
|
|
14
16
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
17
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
15
18
|
var _createEditor = require("../create-editor");
|
|
16
19
|
var _ErrorBoundary = _interopRequireDefault(require("../create-editor/ErrorBoundary"));
|
|
17
20
|
var _featureFlagsFromProps = require("../create-editor/feature-flags-from-props");
|
|
@@ -60,6 +63,11 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
|
|
|
60
63
|
var renderTracking = (_props$performanceTra = props.performanceTracking) === null || _props$performanceTra === void 0 || (_props$performanceTra = _props$performanceTra.renderTracking) === null || _props$performanceTra === void 0 ? void 0 : _props$performanceTra.editor;
|
|
61
64
|
var renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
|
|
62
65
|
var useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
|
|
66
|
+
var _usePortalProvider = (0, _portal.usePortalProvider)(),
|
|
67
|
+
_usePortalProvider2 = (0, _slicedToArray2.default)(_usePortalProvider, 2),
|
|
68
|
+
nextPortalProviderAPI = _usePortalProvider2[0],
|
|
69
|
+
NextPortalRenderer = _usePortalProvider2[1];
|
|
70
|
+
|
|
63
71
|
// ED-16320: Check for explicit disable so that by default
|
|
64
72
|
// it will still be enabled as it currently is. Then we can
|
|
65
73
|
// progressively opt out synthetic tenants.
|
|
@@ -85,11 +93,11 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
|
|
|
85
93
|
}, (0, _react2.jsx)(_contextAdapter.ContextAdapter, null, (0, _react2.jsx)(_portalProvider.PortalProviderWithThemeProviders, {
|
|
86
94
|
onAnalyticsEvent: handleAnalyticsEvent,
|
|
87
95
|
useAnalyticsContext: props.UNSAFE_useAnalyticsContext,
|
|
88
|
-
render: function render(
|
|
96
|
+
render: function render(legacyPortalProviderAPI) {
|
|
89
97
|
return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(ReactEditorViewContextWrapper, {
|
|
90
98
|
editorProps: overriddenEditorProps,
|
|
91
99
|
createAnalyticsEvent: createAnalyticsEvent,
|
|
92
|
-
portalProviderAPI:
|
|
100
|
+
portalProviderAPI: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.react-18-portal') ? nextPortalProviderAPI : legacyPortalProviderAPI,
|
|
93
101
|
providerFactory: providerFactory,
|
|
94
102
|
onEditorCreated: onEditorCreated,
|
|
95
103
|
onEditorDestroyed: onEditorDestroyed,
|
|
@@ -140,8 +148,8 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
|
|
|
140
148
|
hideAvatarGroup: props.hideAvatarGroup
|
|
141
149
|
}));
|
|
142
150
|
}
|
|
143
|
-
}), (0, _react2.jsx)(_portalProvider.PortalRenderer, {
|
|
144
|
-
portalProviderAPI:
|
|
151
|
+
}), (0, _platformFeatureFlags.getBooleanFF)('platform.editor.react-18-portal') ? (0, _react2.jsx)(NextPortalRenderer, null) : (0, _react2.jsx)(_portalProvider.PortalRenderer, {
|
|
152
|
+
portalProviderAPI: legacyPortalProviderAPI
|
|
145
153
|
}));
|
|
146
154
|
}
|
|
147
155
|
}))))));
|
package/dist/cjs/index.js
CHANGED
|
@@ -76,22 +76,22 @@ Object.defineProperty(exports, "INPUT_METHOD", {
|
|
|
76
76
|
return _analytics.INPUT_METHOD;
|
|
77
77
|
}
|
|
78
78
|
});
|
|
79
|
-
Object.defineProperty(exports, "
|
|
79
|
+
Object.defineProperty(exports, "LegacyPortalProviderAPI", {
|
|
80
80
|
enumerable: true,
|
|
81
81
|
get: function get() {
|
|
82
|
-
return
|
|
82
|
+
return _portalProvider.LegacyPortalProviderAPI;
|
|
83
83
|
}
|
|
84
84
|
});
|
|
85
|
-
Object.defineProperty(exports, "
|
|
85
|
+
Object.defineProperty(exports, "MentionResource", {
|
|
86
86
|
enumerable: true,
|
|
87
87
|
get: function get() {
|
|
88
|
-
return
|
|
88
|
+
return _resource2.MentionResource;
|
|
89
89
|
}
|
|
90
90
|
});
|
|
91
|
-
Object.defineProperty(exports, "
|
|
91
|
+
Object.defineProperty(exports, "PortalProvider", {
|
|
92
92
|
enumerable: true,
|
|
93
93
|
get: function get() {
|
|
94
|
-
return _portalProvider.
|
|
94
|
+
return _portalProvider.PortalProvider;
|
|
95
95
|
}
|
|
96
96
|
});
|
|
97
97
|
Object.defineProperty(exports, "PortalRenderer", {
|
|
@@ -40,16 +40,20 @@ var prismBorderAnimationStyles = (0, _react.css)({
|
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
42
|
});
|
|
43
|
-
var prismBorderStyles = function prismBorderStyles(colorMode,
|
|
43
|
+
var prismBorderStyles = function prismBorderStyles(colorMode, sizeOffset, positionOffset) {
|
|
44
44
|
return (0, _react.css)({
|
|
45
45
|
content: "''",
|
|
46
|
-
position:
|
|
46
|
+
position: 'absolute',
|
|
47
47
|
background: "conic-gradient( from var(--panel-gradient-angle, 180deg) at 50% 50%, ".concat(aiPrismColor['prism.border.step.4'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " -52.2deg, ").concat(aiPrismColor['prism.border.step.1'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " 89.76deg, ").concat(aiPrismColor['prism.border.step.2'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " 145.8deg, ").concat(aiPrismColor['prism.border.step.3'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " 262.8deg, ").concat(aiPrismColor['prism.border.step.4'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " 307.8deg, ").concat(aiPrismColor['prism.border.step.1'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " 449.76deg )"),
|
|
48
|
-
zIndex: -1
|
|
49
|
-
|
|
50
|
-
|
|
48
|
+
zIndex: -1,
|
|
49
|
+
width: "calc(100% + ".concat(sizeOffset, "px)"),
|
|
50
|
+
height: "calc(100% + ".concat(sizeOffset, "px)"),
|
|
51
|
+
top: "".concat(positionOffset, "px"),
|
|
52
|
+
left: "".concat(positionOffset, "px"),
|
|
53
|
+
borderRadius: "var(--ds-border-radius-200, 5px)",
|
|
54
|
+
transform: 'translate3d(0, 0, 0)'
|
|
51
55
|
});
|
|
52
56
|
};
|
|
53
57
|
var aiPanelStyles = exports.aiPanelStyles = function aiPanelStyles(colorMode) {
|
|
54
|
-
return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n @property --panel-gradient-angle {\n syntax: '<angle>';\n initial-value: 180deg;\n inherits: false;\n }\n\n // The .with-border style is only present when the new macro styles are applied\n // TODO: Remove this once new macro styles have been adopted\n div[extensiontype='com.atlassian.ai-blocks']
|
|
58
|
+
return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n @property --panel-gradient-angle {\n syntax: '<angle>';\n initial-value: 180deg;\n inherits: false;\n }\n\n // The .with-border style is only present when the new macro styles are applied\n // TODO: Remove this once new macro styles have been adopted\n div[extensiontype='com.atlassian.ai-blocks'] {\n &.", ":has(.streaming) {\n & .extension-container {\n box-shadow: none !important;\n ", "\n }\n }\n\n .danger > .extension-container {\n background-color: ", ";\n }\n\n .extension-container {\n overflow: visible;\n background-color: ", ";\n position: relative;\n border-radius: 4px;\n &::before,\n &::after {\n ", "\n }\n .extension-overflow-wrapper {\n border-radius: inherit;\n box-shadow: inherit;\n background-color: inherit;\n }\n &.with-border {\n border: 1px solid ", ";\n }\n &.with-hover-border {\n border: 1px solid ", ";\n }\n }\n }\n\n div[extensiontype='com.atlassian.ai-blocks']:has(.with-border) {\n .extension-container {\n background-color: ", ";\n .extension-overflow-wrapper {\n box-shadow: none !important;\n }\n }\n\n &:not(.", "),\n &:not(.danger) {\n .extension-container {\n &::before,\n &::after {\n ", "\n }\n &.wider-layout {\n &::after,\n &::before {\n ", "\n }\n }\n }\n }\n\n &.", ", &.danger {\n .extension-container {\n &.wider-layout {\n &::after,\n &::before {\n content: none;\n }\n }\n }\n }\n }\n"])), _editorSharedStyles.akEditorSelectedNodeClassName, prismBorderAnimationStyles, "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), "var(--ds-background-accent-gray-subtlest, ".concat(_colors.N20, ")"), prismBorderStyles(colorMode, 2, -1), "var(--ds-surface-overlay, ".concat(_colors.N0, ")"), "var(--ds-surface-overlay, ".concat(_colors.N0, ")"), "var(--ds-surface-overlay, ".concat(_colors.N0, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, prismBorderStyles(colorMode, 4, -2), prismBorderStyles(colorMode, 2, -1), _editorSharedStyles.akEditorSelectedNodeClassName);
|
|
55
59
|
};
|
|
@@ -3,8 +3,10 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
3
3
|
import { Fragment, memo, useCallback } from 'react';
|
|
4
4
|
import { css, jsx } from '@emotion/react';
|
|
5
5
|
import { ACTION, ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
|
|
6
|
+
import { usePortalProvider } from '@atlaskit/editor-common/portal';
|
|
6
7
|
import { PortalProviderWithThemeProviders, PortalRenderer } from '@atlaskit/editor-common/portal-provider';
|
|
7
8
|
import { BaseTheme, WidthProvider } from '@atlaskit/editor-common/ui';
|
|
9
|
+
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
8
10
|
import { getUiComponent } from '../create-editor';
|
|
9
11
|
import ErrorBoundary from '../create-editor/ErrorBoundary';
|
|
10
12
|
import { createFeatureFlagsFromProps } from '../create-editor/feature-flags-from-props';
|
|
@@ -53,6 +55,8 @@ export const EditorInternal = /*#__PURE__*/memo(({
|
|
|
53
55
|
const renderTracking = (_props$performanceTra = props.performanceTracking) === null || _props$performanceTra === void 0 ? void 0 : (_props$performanceTra2 = _props$performanceTra.renderTracking) === null || _props$performanceTra2 === void 0 ? void 0 : _props$performanceTra2.editor;
|
|
54
56
|
const renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
|
|
55
57
|
const useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
|
|
58
|
+
const [nextPortalProviderAPI, NextPortalRenderer] = usePortalProvider();
|
|
59
|
+
|
|
56
60
|
// ED-16320: Check for explicit disable so that by default
|
|
57
61
|
// it will still be enabled as it currently is. Then we can
|
|
58
62
|
// progressively opt out synthetic tenants.
|
|
@@ -78,10 +82,10 @@ export const EditorInternal = /*#__PURE__*/memo(({
|
|
|
78
82
|
}, jsx(ContextAdapter, null, jsx(PortalProviderWithThemeProviders, {
|
|
79
83
|
onAnalyticsEvent: handleAnalyticsEvent,
|
|
80
84
|
useAnalyticsContext: props.UNSAFE_useAnalyticsContext,
|
|
81
|
-
render:
|
|
85
|
+
render: legacyPortalProviderAPI => jsx(Fragment, null, jsx(ReactEditorViewContextWrapper, {
|
|
82
86
|
editorProps: overriddenEditorProps,
|
|
83
87
|
createAnalyticsEvent: createAnalyticsEvent,
|
|
84
|
-
portalProviderAPI:
|
|
88
|
+
portalProviderAPI: getBooleanFF('platform.editor.react-18-portal') ? nextPortalProviderAPI : legacyPortalProviderAPI,
|
|
85
89
|
providerFactory: providerFactory,
|
|
86
90
|
onEditorCreated: onEditorCreated,
|
|
87
91
|
onEditorDestroyed: onEditorDestroyed,
|
|
@@ -133,8 +137,8 @@ export const EditorInternal = /*#__PURE__*/memo(({
|
|
|
133
137
|
hideAvatarGroup: props.hideAvatarGroup
|
|
134
138
|
}));
|
|
135
139
|
}
|
|
136
|
-
}), jsx(PortalRenderer, {
|
|
137
|
-
portalProviderAPI:
|
|
140
|
+
}), getBooleanFF('platform.editor.react-18-portal') ? jsx(NextPortalRenderer, null) : jsx(PortalRenderer, {
|
|
141
|
+
portalProviderAPI: legacyPortalProviderAPI
|
|
138
142
|
}))
|
|
139
143
|
}))))));
|
|
140
144
|
});
|
package/dist/es2019/index.js
CHANGED
|
@@ -37,7 +37,7 @@ export { setTextSelection, getNodesCount, measurements } from './utils';
|
|
|
37
37
|
export { default as EditorActions } from './actions';
|
|
38
38
|
// Re-export from provider factory to not cause a breaking change
|
|
39
39
|
|
|
40
|
-
export { PortalProvider,
|
|
40
|
+
export { PortalProvider, LegacyPortalProviderAPI, PortalRenderer } from '@atlaskit/editor-common/portal-provider';
|
|
41
41
|
|
|
42
42
|
/**
|
|
43
43
|
* @deprecated
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, keyframes } from '@emotion/react';
|
|
2
|
-
import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
|
|
3
|
-
import { N0 } from '@atlaskit/theme/colors';
|
|
2
|
+
import { akEditorDeleteBackground, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
|
|
3
|
+
import { N0, N20 } from '@atlaskit/theme/colors';
|
|
4
4
|
const rotationAnimation = keyframes({
|
|
5
5
|
'0%': {
|
|
6
6
|
'--panel-gradient-angle': '0deg'
|
|
@@ -35,31 +35,17 @@ const prismBorderAnimationStyles = css({
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
|
-
const prismBorderStyles = (colorMode,
|
|
38
|
+
const prismBorderStyles = (colorMode, sizeOffset, positionOffset) => css({
|
|
39
39
|
content: "''",
|
|
40
|
-
position:
|
|
40
|
+
position: 'absolute',
|
|
41
41
|
background: `conic-gradient( from var(--panel-gradient-angle, 180deg) at 50% 50%, ${aiPrismColor['prism.border.step.4'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']} -52.2deg, ${aiPrismColor['prism.border.step.1'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']} 89.76deg, ${aiPrismColor['prism.border.step.2'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']} 145.8deg, ${aiPrismColor['prism.border.step.3'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']} 262.8deg, ${aiPrismColor['prism.border.step.4'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']} 307.8deg, ${aiPrismColor['prism.border.step.1'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']} 449.76deg )`,
|
|
42
|
-
zIndex: -1
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
top: -2px;
|
|
50
|
-
left: -2px;
|
|
51
|
-
border-radius: ${"var(--ds-border-radius-200, 5px)"};
|
|
52
|
-
` : `
|
|
53
|
-
width: calc(100% - 14px);
|
|
54
|
-
height: calc(100% - 14px);
|
|
55
|
-
// ED-20633, DSP-14045: Avoid space tokens for now as space tokens are currently using rem units
|
|
56
|
-
// and Safari has a bug where rem is incorrectly calculated when there are
|
|
57
|
-
// animations involved
|
|
58
|
-
top: 7px;
|
|
59
|
-
left: 7px;
|
|
60
|
-
border-radius: ${"var(--ds-border-radius-200, 4px)"};
|
|
61
|
-
`, {
|
|
62
|
-
transform: "translate3d(0, 0, 0)"
|
|
42
|
+
zIndex: -1,
|
|
43
|
+
width: `calc(100% + ${sizeOffset}px)`,
|
|
44
|
+
height: `calc(100% + ${sizeOffset}px)`,
|
|
45
|
+
top: `${positionOffset}px`,
|
|
46
|
+
left: `${positionOffset}px`,
|
|
47
|
+
borderRadius: "var(--ds-border-radius-200, 5px)",
|
|
48
|
+
transform: 'translate3d(0, 0, 0)'
|
|
63
49
|
});
|
|
64
50
|
export const aiPanelStyles = colorMode => css`
|
|
65
51
|
@property --panel-gradient-angle {
|
|
@@ -70,27 +56,31 @@ export const aiPanelStyles = colorMode => css`
|
|
|
70
56
|
|
|
71
57
|
// The .with-border style is only present when the new macro styles are applied
|
|
72
58
|
// TODO: Remove this once new macro styles have been adopted
|
|
73
|
-
div[extensiontype='com.atlassian.ai-blocks']
|
|
59
|
+
div[extensiontype='com.atlassian.ai-blocks'] {
|
|
74
60
|
&.${akEditorSelectedNodeClassName}:has(.streaming) {
|
|
75
61
|
& .extension-container {
|
|
76
62
|
box-shadow: none !important;
|
|
77
63
|
${prismBorderAnimationStyles}
|
|
78
64
|
}
|
|
79
65
|
}
|
|
66
|
+
|
|
67
|
+
.danger > .extension-container {
|
|
68
|
+
background-color: ${`var(--ds-background-danger, ${akEditorDeleteBackground})`};
|
|
69
|
+
}
|
|
70
|
+
|
|
80
71
|
.extension-container {
|
|
81
72
|
overflow: visible;
|
|
82
|
-
background-color: ${`var(--ds-
|
|
73
|
+
background-color: ${`var(--ds-background-accent-gray-subtlest, ${N20})`};
|
|
83
74
|
position: relative;
|
|
84
75
|
border-radius: 4px;
|
|
85
76
|
&::before,
|
|
86
77
|
&::after {
|
|
87
|
-
${prismBorderStyles(colorMode)}
|
|
78
|
+
${prismBorderStyles(colorMode, 2, -1)}
|
|
88
79
|
}
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
}
|
|
80
|
+
.extension-overflow-wrapper {
|
|
81
|
+
border-radius: inherit;
|
|
82
|
+
box-shadow: inherit;
|
|
83
|
+
background-color: inherit;
|
|
94
84
|
}
|
|
95
85
|
&.with-border {
|
|
96
86
|
border: 1px solid ${`var(--ds-surface-overlay, ${N0})`};
|
|
@@ -100,4 +90,40 @@ export const aiPanelStyles = colorMode => css`
|
|
|
100
90
|
}
|
|
101
91
|
}
|
|
102
92
|
}
|
|
93
|
+
|
|
94
|
+
div[extensiontype='com.atlassian.ai-blocks']:has(.with-border) {
|
|
95
|
+
.extension-container {
|
|
96
|
+
background-color: ${`var(--ds-surface-overlay, ${N0})`};
|
|
97
|
+
.extension-overflow-wrapper {
|
|
98
|
+
box-shadow: none !important;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
&:not(.${akEditorSelectedNodeClassName}),
|
|
103
|
+
&:not(.danger) {
|
|
104
|
+
.extension-container {
|
|
105
|
+
&::before,
|
|
106
|
+
&::after {
|
|
107
|
+
${prismBorderStyles(colorMode, 4, -2)}
|
|
108
|
+
}
|
|
109
|
+
&.wider-layout {
|
|
110
|
+
&::after,
|
|
111
|
+
&::before {
|
|
112
|
+
${prismBorderStyles(colorMode, 2, -1)}
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
&.${akEditorSelectedNodeClassName}, &.danger {
|
|
119
|
+
.extension-container {
|
|
120
|
+
&.wider-layout {
|
|
121
|
+
&::after,
|
|
122
|
+
&::before {
|
|
123
|
+
content: none;
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
}
|
|
103
129
|
`;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "193.
|
|
2
|
+
export const version = "193.14.1";
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
4
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
5
|
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; }
|
|
@@ -6,8 +7,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
6
7
|
import { Fragment, memo, useCallback } from 'react';
|
|
7
8
|
import { css, jsx } from '@emotion/react';
|
|
8
9
|
import { ACTION, ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
|
|
10
|
+
import { usePortalProvider } from '@atlaskit/editor-common/portal';
|
|
9
11
|
import { PortalProviderWithThemeProviders, PortalRenderer } from '@atlaskit/editor-common/portal-provider';
|
|
10
12
|
import { BaseTheme, WidthProvider } from '@atlaskit/editor-common/ui';
|
|
13
|
+
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
11
14
|
import { getUiComponent } from '../create-editor';
|
|
12
15
|
import ErrorBoundary from '../create-editor/ErrorBoundary';
|
|
13
16
|
import { createFeatureFlagsFromProps } from '../create-editor/feature-flags-from-props';
|
|
@@ -54,6 +57,11 @@ export var EditorInternal = /*#__PURE__*/memo(function (_ref) {
|
|
|
54
57
|
var renderTracking = (_props$performanceTra = props.performanceTracking) === null || _props$performanceTra === void 0 || (_props$performanceTra = _props$performanceTra.renderTracking) === null || _props$performanceTra === void 0 ? void 0 : _props$performanceTra.editor;
|
|
55
58
|
var renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
|
|
56
59
|
var useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
|
|
60
|
+
var _usePortalProvider = usePortalProvider(),
|
|
61
|
+
_usePortalProvider2 = _slicedToArray(_usePortalProvider, 2),
|
|
62
|
+
nextPortalProviderAPI = _usePortalProvider2[0],
|
|
63
|
+
NextPortalRenderer = _usePortalProvider2[1];
|
|
64
|
+
|
|
57
65
|
// ED-16320: Check for explicit disable so that by default
|
|
58
66
|
// it will still be enabled as it currently is. Then we can
|
|
59
67
|
// progressively opt out synthetic tenants.
|
|
@@ -79,11 +87,11 @@ export var EditorInternal = /*#__PURE__*/memo(function (_ref) {
|
|
|
79
87
|
}, jsx(ContextAdapter, null, jsx(PortalProviderWithThemeProviders, {
|
|
80
88
|
onAnalyticsEvent: handleAnalyticsEvent,
|
|
81
89
|
useAnalyticsContext: props.UNSAFE_useAnalyticsContext,
|
|
82
|
-
render: function render(
|
|
90
|
+
render: function render(legacyPortalProviderAPI) {
|
|
83
91
|
return jsx(Fragment, null, jsx(ReactEditorViewContextWrapper, {
|
|
84
92
|
editorProps: overriddenEditorProps,
|
|
85
93
|
createAnalyticsEvent: createAnalyticsEvent,
|
|
86
|
-
portalProviderAPI:
|
|
94
|
+
portalProviderAPI: getBooleanFF('platform.editor.react-18-portal') ? nextPortalProviderAPI : legacyPortalProviderAPI,
|
|
87
95
|
providerFactory: providerFactory,
|
|
88
96
|
onEditorCreated: onEditorCreated,
|
|
89
97
|
onEditorDestroyed: onEditorDestroyed,
|
|
@@ -134,8 +142,8 @@ export var EditorInternal = /*#__PURE__*/memo(function (_ref) {
|
|
|
134
142
|
hideAvatarGroup: props.hideAvatarGroup
|
|
135
143
|
}));
|
|
136
144
|
}
|
|
137
|
-
}), jsx(PortalRenderer, {
|
|
138
|
-
portalProviderAPI:
|
|
145
|
+
}), getBooleanFF('platform.editor.react-18-portal') ? jsx(NextPortalRenderer, null) : jsx(PortalRenderer, {
|
|
146
|
+
portalProviderAPI: legacyPortalProviderAPI
|
|
139
147
|
}));
|
|
140
148
|
}
|
|
141
149
|
}))))));
|
package/dist/esm/index.js
CHANGED
|
@@ -37,7 +37,7 @@ export { setTextSelection, getNodesCount, measurements } from './utils';
|
|
|
37
37
|
export { default as EditorActions } from './actions';
|
|
38
38
|
// Re-export from provider factory to not cause a breaking change
|
|
39
39
|
|
|
40
|
-
export { PortalProvider,
|
|
40
|
+
export { PortalProvider, LegacyPortalProviderAPI, PortalRenderer } from '@atlaskit/editor-common/portal-provider';
|
|
41
41
|
|
|
42
42
|
/**
|
|
43
43
|
* @deprecated
|
|
@@ -2,8 +2,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
|
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
var _aiPrismColor, _templateObject;
|
|
4
4
|
import { css, keyframes } from '@emotion/react';
|
|
5
|
-
import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
|
|
6
|
-
import { N0 } from '@atlaskit/theme/colors';
|
|
5
|
+
import { akEditorDeleteBackground, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
|
|
6
|
+
import { N0, N20 } from '@atlaskit/theme/colors';
|
|
7
7
|
var rotationAnimation = keyframes({
|
|
8
8
|
'0%': {
|
|
9
9
|
'--panel-gradient-angle': '0deg'
|
|
@@ -33,16 +33,20 @@ var prismBorderAnimationStyles = css({
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
|
-
var prismBorderStyles = function prismBorderStyles(colorMode,
|
|
36
|
+
var prismBorderStyles = function prismBorderStyles(colorMode, sizeOffset, positionOffset) {
|
|
37
37
|
return css({
|
|
38
38
|
content: "''",
|
|
39
|
-
position:
|
|
39
|
+
position: 'absolute',
|
|
40
40
|
background: "conic-gradient( from var(--panel-gradient-angle, 180deg) at 50% 50%, ".concat(aiPrismColor['prism.border.step.4'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " -52.2deg, ").concat(aiPrismColor['prism.border.step.1'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " 89.76deg, ").concat(aiPrismColor['prism.border.step.2'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " 145.8deg, ").concat(aiPrismColor['prism.border.step.3'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " 262.8deg, ").concat(aiPrismColor['prism.border.step.4'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " 307.8deg, ").concat(aiPrismColor['prism.border.step.1'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " 449.76deg )"),
|
|
41
|
-
zIndex: -1
|
|
42
|
-
|
|
43
|
-
|
|
41
|
+
zIndex: -1,
|
|
42
|
+
width: "calc(100% + ".concat(sizeOffset, "px)"),
|
|
43
|
+
height: "calc(100% + ".concat(sizeOffset, "px)"),
|
|
44
|
+
top: "".concat(positionOffset, "px"),
|
|
45
|
+
left: "".concat(positionOffset, "px"),
|
|
46
|
+
borderRadius: "var(--ds-border-radius-200, 5px)",
|
|
47
|
+
transform: 'translate3d(0, 0, 0)'
|
|
44
48
|
});
|
|
45
49
|
};
|
|
46
50
|
export var aiPanelStyles = function aiPanelStyles(colorMode) {
|
|
47
|
-
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n @property --panel-gradient-angle {\n syntax: '<angle>';\n initial-value: 180deg;\n inherits: false;\n }\n\n // The .with-border style is only present when the new macro styles are applied\n // TODO: Remove this once new macro styles have been adopted\n div[extensiontype='com.atlassian.ai-blocks']
|
|
51
|
+
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n @property --panel-gradient-angle {\n syntax: '<angle>';\n initial-value: 180deg;\n inherits: false;\n }\n\n // The .with-border style is only present when the new macro styles are applied\n // TODO: Remove this once new macro styles have been adopted\n div[extensiontype='com.atlassian.ai-blocks'] {\n &.", ":has(.streaming) {\n & .extension-container {\n box-shadow: none !important;\n ", "\n }\n }\n\n .danger > .extension-container {\n background-color: ", ";\n }\n\n .extension-container {\n overflow: visible;\n background-color: ", ";\n position: relative;\n border-radius: 4px;\n &::before,\n &::after {\n ", "\n }\n .extension-overflow-wrapper {\n border-radius: inherit;\n box-shadow: inherit;\n background-color: inherit;\n }\n &.with-border {\n border: 1px solid ", ";\n }\n &.with-hover-border {\n border: 1px solid ", ";\n }\n }\n }\n\n div[extensiontype='com.atlassian.ai-blocks']:has(.with-border) {\n .extension-container {\n background-color: ", ";\n .extension-overflow-wrapper {\n box-shadow: none !important;\n }\n }\n\n &:not(.", "),\n &:not(.danger) {\n .extension-container {\n &::before,\n &::after {\n ", "\n }\n &.wider-layout {\n &::after,\n &::before {\n ", "\n }\n }\n }\n }\n\n &.", ", &.danger {\n .extension-container {\n &.wider-layout {\n &::after,\n &::before {\n content: none;\n }\n }\n }\n }\n }\n"])), akEditorSelectedNodeClassName, prismBorderAnimationStyles, "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), "var(--ds-background-accent-gray-subtlest, ".concat(N20, ")"), prismBorderStyles(colorMode, 2, -1), "var(--ds-surface-overlay, ".concat(N0, ")"), "var(--ds-surface-overlay, ".concat(N0, ")"), "var(--ds-surface-overlay, ".concat(N0, ")"), akEditorSelectedNodeClassName, prismBorderStyles(colorMode, 4, -2), prismBorderStyles(colorMode, 2, -1), akEditorSelectedNodeClassName);
|
|
48
52
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "193.
|
|
2
|
+
export var version = "193.14.1";
|
|
@@ -4,9 +4,10 @@ import type { WrappedComponentProps } from 'react-intl-next';
|
|
|
4
4
|
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
5
5
|
import { FULL_WIDTH_MODE } from '@atlaskit/editor-common/analytics';
|
|
6
6
|
import type { AnalyticsEventPayload, DispatchAnalyticsEvent, FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';
|
|
7
|
-
import type {
|
|
7
|
+
import type { LegacyPortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
|
|
8
8
|
import type { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
|
|
9
9
|
import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
|
|
10
|
+
import type { PortalProviderAPI } from '@atlaskit/editor-common/src/portal';
|
|
10
11
|
import type { AllEditorPresetPluginTypes, Transformer } from '@atlaskit/editor-common/types';
|
|
11
12
|
import { ExperienceStore } from '@atlaskit/editor-common/ufo';
|
|
12
13
|
import type { ErrorReporter, SEVERITY } from '@atlaskit/editor-common/utils';
|
|
@@ -24,7 +25,7 @@ export interface EditorViewProps {
|
|
|
24
25
|
editorProps: EditorProps | EditorNextProps;
|
|
25
26
|
createAnalyticsEvent?: CreateUIAnalyticsEvent;
|
|
26
27
|
providerFactory: ProviderFactory;
|
|
27
|
-
portalProviderAPI: PortalProviderAPI;
|
|
28
|
+
portalProviderAPI: LegacyPortalProviderAPI | PortalProviderAPI;
|
|
28
29
|
disabled?: boolean;
|
|
29
30
|
experienceStore?: ExperienceStore;
|
|
30
31
|
setEditorApi?: SetEditorAPI;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -33,7 +33,7 @@ export { setTextSelection, getNodesCount, measurements } from './utils';
|
|
|
33
33
|
export type { Command, EditorPlugin, EditorProps, EditorInstance, CommandDispatch, } from './types';
|
|
34
34
|
export { default as EditorActions } from './actions';
|
|
35
35
|
export type { MacroProvider, MacroAttributes, ExtensionType, CardProvider, } from '@atlaskit/editor-common/provider-factory';
|
|
36
|
-
export { PortalProvider,
|
|
36
|
+
export { PortalProvider, LegacyPortalProviderAPI, PortalRenderer, } from '@atlaskit/editor-common/portal-provider';
|
|
37
37
|
/**
|
|
38
38
|
* @deprecated
|
|
39
39
|
* DO NOT USE THIS WILL BE REMOVED SOON AND IS UNSAFE.
|
|
@@ -35,7 +35,7 @@ type ScrollContainerRefs = {
|
|
|
35
35
|
scrollContainer: HTMLDivElement | null;
|
|
36
36
|
contentArea: HTMLDivElement | null;
|
|
37
37
|
};
|
|
38
|
-
export declare const FullPageContentArea: React.ForwardRefExoticComponent<Pick<import("react-intl-next").WithIntlProps<React.PropsWithChildren<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>>, "
|
|
38
|
+
export declare const FullPageContentArea: React.ForwardRefExoticComponent<Pick<import("react-intl-next").WithIntlProps<React.PropsWithChildren<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>>, "children" | "key" | keyof FullPageEditorContentAreaProps | "forwardedRef"> & React.RefAttributes<any>> & {
|
|
39
39
|
WrappedComponent: React.ComponentType<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>;
|
|
40
40
|
};
|
|
41
41
|
export {};
|
|
@@ -4,7 +4,7 @@ export declare const ScrollContainer: import("react").ForwardRefExoticComponent<
|
|
|
4
4
|
theme?: any;
|
|
5
5
|
colorMode?: "light" | "dark" | undefined;
|
|
6
6
|
featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
|
|
7
|
-
} & import("react").HTMLProps<HTMLDivElement>, "headers" | "method" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "
|
|
7
|
+
} & import("react").HTMLProps<HTMLDivElement>, "headers" | "method" | "id" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "value" | "list" | "open" | "accessKey" | "className" | "role" | "start" | "action" | "step" | "wrap" | "hidden" | keyof {
|
|
8
8
|
theme?: any;
|
|
9
9
|
colorMode?: "light" | "dark" | undefined;
|
|
10
10
|
featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
|
|
@@ -10,6 +10,6 @@ type ContentStylesProps = {
|
|
|
10
10
|
};
|
|
11
11
|
export declare const placeholderStyles: SerializedStyles;
|
|
12
12
|
type Props = ContentStylesProps & React.HTMLProps<HTMLDivElement>;
|
|
13
|
-
export declare const createEditorContentStyle: (styles?: SerializedStyles) => React.ForwardRefExoticComponent<Pick<Props, "headers" | "method" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "
|
|
14
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "headers" | "method" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "
|
|
13
|
+
export declare const createEditorContentStyle: (styles?: SerializedStyles) => React.ForwardRefExoticComponent<Pick<Props, "headers" | "method" | "id" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "value" | "list" | "open" | "accessKey" | "className" | "role" | "start" | "action" | "step" | "wrap" | "hidden" | keyof ContentStylesProps | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "mediaGroup" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "target" | "useMap" | "wmode" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "headers" | "method" | "id" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "value" | "list" | "open" | "accessKey" | "className" | "role" | "start" | "action" | "step" | "wrap" | "hidden" | keyof ContentStylesProps | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "mediaGroup" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "target" | "useMap" | "wmode" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
|
|
15
15
|
export default _default;
|
|
@@ -4,9 +4,10 @@ import type { WrappedComponentProps } from 'react-intl-next';
|
|
|
4
4
|
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
5
5
|
import { FULL_WIDTH_MODE } from '@atlaskit/editor-common/analytics';
|
|
6
6
|
import type { AnalyticsEventPayload, DispatchAnalyticsEvent, FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';
|
|
7
|
-
import type {
|
|
7
|
+
import type { LegacyPortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
|
|
8
8
|
import type { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
|
|
9
9
|
import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
|
|
10
|
+
import type { PortalProviderAPI } from '@atlaskit/editor-common/src/portal';
|
|
10
11
|
import type { AllEditorPresetPluginTypes, Transformer } from '@atlaskit/editor-common/types';
|
|
11
12
|
import { ExperienceStore } from '@atlaskit/editor-common/ufo';
|
|
12
13
|
import type { ErrorReporter, SEVERITY } from '@atlaskit/editor-common/utils';
|
|
@@ -24,7 +25,7 @@ export interface EditorViewProps {
|
|
|
24
25
|
editorProps: EditorProps | EditorNextProps;
|
|
25
26
|
createAnalyticsEvent?: CreateUIAnalyticsEvent;
|
|
26
27
|
providerFactory: ProviderFactory;
|
|
27
|
-
portalProviderAPI: PortalProviderAPI;
|
|
28
|
+
portalProviderAPI: LegacyPortalProviderAPI | PortalProviderAPI;
|
|
28
29
|
disabled?: boolean;
|
|
29
30
|
experienceStore?: ExperienceStore;
|
|
30
31
|
setEditorApi?: SetEditorAPI;
|
|
@@ -33,7 +33,7 @@ export { setTextSelection, getNodesCount, measurements } from './utils';
|
|
|
33
33
|
export type { Command, EditorPlugin, EditorProps, EditorInstance, CommandDispatch, } from './types';
|
|
34
34
|
export { default as EditorActions } from './actions';
|
|
35
35
|
export type { MacroProvider, MacroAttributes, ExtensionType, CardProvider, } from '@atlaskit/editor-common/provider-factory';
|
|
36
|
-
export { PortalProvider,
|
|
36
|
+
export { PortalProvider, LegacyPortalProviderAPI, PortalRenderer, } from '@atlaskit/editor-common/portal-provider';
|
|
37
37
|
/**
|
|
38
38
|
* @deprecated
|
|
39
39
|
* DO NOT USE THIS WILL BE REMOVED SOON AND IS UNSAFE.
|
|
@@ -35,7 +35,7 @@ type ScrollContainerRefs = {
|
|
|
35
35
|
scrollContainer: HTMLDivElement | null;
|
|
36
36
|
contentArea: HTMLDivElement | null;
|
|
37
37
|
};
|
|
38
|
-
export declare const FullPageContentArea: React.ForwardRefExoticComponent<Pick<import("react-intl-next").WithIntlProps<React.PropsWithChildren<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>>, "
|
|
38
|
+
export declare const FullPageContentArea: React.ForwardRefExoticComponent<Pick<import("react-intl-next").WithIntlProps<React.PropsWithChildren<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>>, "children" | "key" | keyof FullPageEditorContentAreaProps | "forwardedRef"> & React.RefAttributes<any>> & {
|
|
39
39
|
WrappedComponent: React.ComponentType<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>;
|
|
40
40
|
};
|
|
41
41
|
export {};
|
|
@@ -4,7 +4,7 @@ export declare const ScrollContainer: import("react").ForwardRefExoticComponent<
|
|
|
4
4
|
theme?: any;
|
|
5
5
|
colorMode?: "light" | "dark" | undefined;
|
|
6
6
|
featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
|
|
7
|
-
} & import("react").HTMLProps<HTMLDivElement>, "headers" | "method" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "
|
|
7
|
+
} & import("react").HTMLProps<HTMLDivElement>, "headers" | "method" | "id" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "value" | "list" | "open" | "accessKey" | "className" | "role" | "start" | "action" | "step" | "wrap" | "hidden" | keyof {
|
|
8
8
|
theme?: any;
|
|
9
9
|
colorMode?: "light" | "dark" | undefined;
|
|
10
10
|
featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
|
|
@@ -10,6 +10,6 @@ type ContentStylesProps = {
|
|
|
10
10
|
};
|
|
11
11
|
export declare const placeholderStyles: SerializedStyles;
|
|
12
12
|
type Props = ContentStylesProps & React.HTMLProps<HTMLDivElement>;
|
|
13
|
-
export declare const createEditorContentStyle: (styles?: SerializedStyles) => React.ForwardRefExoticComponent<Pick<Props, "headers" | "method" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "
|
|
14
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "headers" | "method" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "
|
|
13
|
+
export declare const createEditorContentStyle: (styles?: SerializedStyles) => React.ForwardRefExoticComponent<Pick<Props, "headers" | "method" | "id" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "value" | "list" | "open" | "accessKey" | "className" | "role" | "start" | "action" | "step" | "wrap" | "hidden" | keyof ContentStylesProps | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "mediaGroup" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "target" | "useMap" | "wmode" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "headers" | "method" | "id" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "value" | "list" | "open" | "accessKey" | "className" | "role" | "start" | "action" | "step" | "wrap" | "hidden" | keyof ContentStylesProps | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "mediaGroup" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "target" | "useMap" | "wmode" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
|
|
15
15
|
export default _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "193.
|
|
3
|
+
"version": "193.14.1",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"@atlaskit/analytics-next": "^9.3.0",
|
|
46
46
|
"@atlaskit/analytics-next-stable-react-context": "1.0.1",
|
|
47
47
|
"@atlaskit/button": "^17.14.0",
|
|
48
|
-
"@atlaskit/editor-common": "^
|
|
48
|
+
"@atlaskit/editor-common": "^79.0.0",
|
|
49
49
|
"@atlaskit/editor-json-transformer": "^8.11.0",
|
|
50
50
|
"@atlaskit/editor-plugins": "^2.5.0",
|
|
51
51
|
"@atlaskit/editor-prosemirror": "4.0.0",
|
|
@@ -87,10 +87,10 @@
|
|
|
87
87
|
"@atlaskit/adf-utils": "^19.0.0",
|
|
88
88
|
"@atlaskit/analytics-listeners": "^8.9.1",
|
|
89
89
|
"@atlaskit/checkbox": "^13.3.0",
|
|
90
|
-
"@atlaskit/collab-provider": "9.28.
|
|
90
|
+
"@atlaskit/collab-provider": "9.28.3",
|
|
91
91
|
"@atlaskit/dropdown-menu": "^12.10.0",
|
|
92
|
-
"@atlaskit/editor-plugin-annotation": "1.
|
|
93
|
-
"@atlaskit/editor-plugin-card": "^1.
|
|
92
|
+
"@atlaskit/editor-plugin-annotation": "1.7.0",
|
|
93
|
+
"@atlaskit/editor-plugin-card": "^1.10.0",
|
|
94
94
|
"@atlaskit/editor-plugin-editor-viewmode": "^1.1.0",
|
|
95
95
|
"@atlaskit/editor-plugin-list": "^3.2.0",
|
|
96
96
|
"@atlaskit/editor-plugin-paste": "^1.1.0",
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
"@atlaskit/media-test-helpers": "^33.0.27",
|
|
105
105
|
"@atlaskit/modal-dialog": "^12.13.0",
|
|
106
106
|
"@atlaskit/primitives": "^5.7.0",
|
|
107
|
-
"@atlaskit/renderer": "^109.
|
|
107
|
+
"@atlaskit/renderer": "^109.24.0",
|
|
108
108
|
"@atlaskit/select": "^17.8.0",
|
|
109
109
|
"@atlaskit/smart-card": "^26.59.0",
|
|
110
110
|
"@atlaskit/synchrony-test-helpers": "^2.4.0",
|
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
"@atlassian/adf-schema-json": "^1.0.7",
|
|
114
114
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
115
115
|
"@atlassian/link-picker-plugins": "^24.0.0",
|
|
116
|
-
"@atlassian/search-provider": "2.4.
|
|
116
|
+
"@atlassian/search-provider": "2.4.62",
|
|
117
117
|
"@atlassian/ufo": "^0.2.0",
|
|
118
118
|
"@emotion/jest": "^11.8.0",
|
|
119
119
|
"@storybook/addon-knobs": "^5.3.18",
|
|
@@ -327,6 +327,9 @@
|
|
|
327
327
|
"platform.editor.codeblock-preserve-newlines_54r3m": {
|
|
328
328
|
"type": "boolean",
|
|
329
329
|
"referenceOnly": true
|
|
330
|
+
},
|
|
331
|
+
"platform.editor.react-18-portal": {
|
|
332
|
+
"type": "boolean"
|
|
330
333
|
}
|
|
331
334
|
},
|
|
332
335
|
"stricter": {
|