@atlaskit/editor-core 199.2.1 → 200.0.0
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 +28 -0
- package/dist/cjs/create-editor/create-editor.js +2 -9
- package/dist/cjs/ui/ContentStyles/index.js +1 -1
- package/dist/cjs/ui/ContentStyles/media.js +4 -1
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/create-editor/create-editor.js +2 -7
- package/dist/es2019/ui/ContentStyles/index.js +2 -2
- package/dist/es2019/ui/ContentStyles/media.js +4 -3
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/create-editor/create-editor.js +2 -9
- package/dist/esm/ui/ContentStyles/index.js +1 -1
- package/dist/esm/ui/ContentStyles/media.js +5 -2
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/ContentStyles/media.d.ts +1 -1
- package/dist/types-ts4.5/ui/ContentStyles/media.d.ts +1 -1
- package/package.json +18 -6
- package/dist/cjs/create-editor/safe-apply-plugin.js +0 -51
- package/dist/es2019/create-editor/safe-apply-plugin.js +0 -29
- package/dist/esm/create-editor/safe-apply-plugin.js +0 -44
- package/dist/types/create-editor/safe-apply-plugin.d.ts +0 -15
- package/dist/types-ts4.5/create-editor/safe-apply-plugin.d.ts +0 -15
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,33 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 200.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- [#156360](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/156360)
|
|
8
|
+
[`482dbb03dbf68`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/482dbb03dbf68) -
|
|
9
|
+
Change mediaStyles and embedCardStyles to function call to support fg usage
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
15
|
+
## 199.2.2
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- [#156301](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/156301)
|
|
20
|
+
[`da531da92568b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/da531da92568b) -
|
|
21
|
+
Migrating tests to use url prop from @atlaskit/smart-card instead of deprecated data prop
|
|
22
|
+
- [#155764](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/155764)
|
|
23
|
+
[`fbc8505d98e18`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fbc8505d98e18) -
|
|
24
|
+
Remove safe transaction code as it is duplicated and already protected for dispatched
|
|
25
|
+
transactions.
|
|
26
|
+
- [#156137](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/156137)
|
|
27
|
+
[`485e094b29aa9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/485e094b29aa9) -
|
|
28
|
+
Use stage0 layout node spec behind adv layout experiment
|
|
29
|
+
- Updated dependencies
|
|
30
|
+
|
|
3
31
|
## 199.2.1
|
|
4
32
|
|
|
5
33
|
### Patch Changes
|
|
@@ -11,7 +11,6 @@ exports.processPluginsList = processPluginsList;
|
|
|
11
11
|
exports.sortByRank = sortByRank;
|
|
12
12
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
13
13
|
var _errorReporter = require("@atlaskit/editor-common/error-reporter");
|
|
14
|
-
var _safeApplyPlugin = require("./safe-apply-plugin");
|
|
15
14
|
var _sortByOrder = require("./sort-by-order");
|
|
16
15
|
function sortByRank(a, b) {
|
|
17
16
|
return a.rank - b.rank;
|
|
@@ -94,13 +93,7 @@ function processPluginsList(plugins) {
|
|
|
94
93
|
});
|
|
95
94
|
}
|
|
96
95
|
function createPMPlugins(config) {
|
|
97
|
-
var editorConfig = config.editorConfig
|
|
98
|
-
dispatchAnalyticsEvent = config.dispatchAnalyticsEvent;
|
|
99
|
-
var instrumentPlugin = function instrumentPlugin(plugin) {
|
|
100
|
-
return _safeApplyPlugin.SafeApplyPlugin.fromPlugin(plugin, {
|
|
101
|
-
dispatchAnalyticsEvent: dispatchAnalyticsEvent
|
|
102
|
-
});
|
|
103
|
-
};
|
|
96
|
+
var editorConfig = config.editorConfig;
|
|
104
97
|
return editorConfig.pmPlugins.sort((0, _sortByOrder.sortByOrder)('plugins')).map(function (_ref) {
|
|
105
98
|
var plugin = _ref.plugin;
|
|
106
99
|
return plugin({
|
|
@@ -116,7 +109,7 @@ function createPMPlugins(config) {
|
|
|
116
109
|
});
|
|
117
110
|
}).filter(function (plugin) {
|
|
118
111
|
return typeof plugin !== 'undefined';
|
|
119
|
-
})
|
|
112
|
+
});
|
|
120
113
|
}
|
|
121
114
|
function createErrorReporter(errorReporterHandler) {
|
|
122
115
|
var errorReporter = new _errorReporter.ErrorReporter();
|
|
@@ -86,7 +86,7 @@ var akEditorBreakpointForSmallDevice = "1266px";
|
|
|
86
86
|
var contentStyles = function contentStyles(props) {
|
|
87
87
|
return (0, _react2.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n\t--ak-editor--default-gutter-padding: ", "px;\n\t/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */\n\t--ak-editor--large-gutter-padding: 52px;\n\t--ak-editor--default-layout-width: ", "px;\n\t--ak-editor--full-width-layout-width: ", "px;\n\t/* calculate editor line length, 100cqw is the editor container width */\n\t--ak-editor--line-length: min(\n\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\tvar(--ak-editor--default-layout-width)\n\t);\n\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t--ak-editor--breakout-full-page-guttering-padding: calc(\n\t\tvar(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding)\n\t);\n\n\t.fabric-editor--full-width-mode {\n\t\t--ak-editor--line-length: min(\n\t\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\t\tvar(--ak-editor--full-width-layout-width)\n\t\t);\n\t}\n\n\t.ProseMirror {\n\t\t--ak-editor-max-container-width: calc(100cqw - var(--ak-editor--large-gutter-padding));\n\t}\n\n\t/* We can't allow nodes that are inside other nodes to bleed from the parent container */\n\t.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block] {\n\t\t--ak-editor-max-container-width: 100%;\n\t}\n\n\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t@container editor-area (width >= ", ") {\n\t\t.ProseMirror {\n\t\t\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t\t}\n\t}\n\n\t.ProseMirror {\n\t\toutline: none;\n\t\tfont-size: ", "px;\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t}\n\n\t", "\n\n\t.ProseMirror-hideselection *::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-hideselection *::-moz-selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\t.ProseMirror-selectednode:empty {\n\t\toutline: 2px solid ", ";\n\t}\n\n\t", "\n\n\t", "\n\t", "\n ", "\n\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", ";\n\t", "\n\t", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\n .panelView-content-wrap {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.mediaGroupView-content-wrap ul {\n\t\tpadding: 0;\n\t}\n\n\t/** Needed to override any cleared floats, e.g. image wrapping */\n\n\tdiv.fabric-editor-block-mark[class^='fabric-editor-align'] {\n\t\tclear: none !important;\n\t}\n\n\t.fabric-editor-align-end {\n\t\ttext-align: right;\n\t}\n\n\t.fabric-editor-align-start {\n\t\ttext-align: left;\n\t}\n\n\t.fabric-editor-align-center {\n\t\ttext-align: center;\n\t}\n\n\t// For FullPage only when inside a table\n\t// Related code all lives inside: packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts\n\t// In the \"editorContentAreaContainerStyle\" function\n\t.fabric-editor--full-width-mode {\n\t\t.pm-table-container {\n\t\t\t.code-block,\n\t\t\t.extension-container,\n\t\t\t.multiBodiedExtension--container {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.pm-table-header-content-wrap :not(.fabric-editor-alignment),\n\t.pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark,\n\t.pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark {\n\t\tp:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.pm-table-cell-content-wrap .mediaGroupView-content-wrap {\n\t\tclear: both;\n\t}\n\n\t.hyperlink-floating-toolbar,\n\t.", " {\n\t\tpadding: 0;\n\t}\n\n\t/* Legacy Link icon in the Atlaskit package\n is bigger than the others, new ADS icon does not have this issue\n */\n\t", "\n"])), _editorSharedStyles.akEditorGutterPadding, _editorSharedStyles.akEditorDefaultLayoutWidth, _editorSharedStyles.akEditorFullWidthLayoutWidth, _editorSharedStyles.akEditorCalculatedWideLayoutWidthSmallViewport, akEditorBreakpointForSmallDevice, _editorSharedStyles.akEditorCalculatedWideLayoutWidth, (0, _editorSharedStyles.editorFontSize)({
|
|
88
88
|
theme: props.theme
|
|
89
|
-
}), _styles.whitespaceSharedStyles, (0, _styles.paragraphSharedStyles)(props.typographyTheme), _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, (0, _platformFeatureFlags.fg)('editor_request_to_edit_task') ? null : (0, _react2.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t\topacity: 0.7;\n\t\t\t\t}\n\t\t\t"]))), "var(--ds-border-focused, #8cf)", (0, _platformFeatureFlags.fg)('platform_editor_mark_boundary_cursor') ? (0, _react2.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t"]))) : null, _styles5.placeholderTextStyles, placeholderStyles, (0, _codeBlock.codeBlockStyles)(), (0, _styles2.blocktypeStyles)(props.typographyTheme), (0, _styles.codeMarkSharedStyles)(), _styles.textColorStyles, (0, _styles.backgroundColorStyles)(), listsStyles, ruleStyles(), _media.mediaStyles, (0, _layout.layoutStyles)(props.viewMode), _collab.telepointerStyle, _selection.gapCursorStyles, (0, _panel2.panelStyles)(), mentionsStyles, emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _extension.extensionStyles, (0, _expand.expandStyles)(), _styles3.findReplaceStyles, _styles4.textHighlightStyle, _tasksAndDecisions.taskDecisionStyles, _status.statusStyles, (0, _styles.annotationSharedStyles)(), (0, _styles.smartCardStyles)(), _styles.smartCardSharedStyles, _date.dateStyles, _styles.embedCardStyles, _styles.unsupportedStyles, _styles.resizerStyles, (0, _aiPanels.aiPanelStyles)(props.colorMode), fixBlockControlStylesSSR(), _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? (0, _react2.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.hyperlink-open-link {\n\t\t\t\t\tmin-width: 24px;\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tmax-width: 18px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"]))) : null);
|
|
89
|
+
}), _styles.whitespaceSharedStyles, (0, _styles.paragraphSharedStyles)(props.typographyTheme), _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, (0, _platformFeatureFlags.fg)('editor_request_to_edit_task') ? null : (0, _react2.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t\topacity: 0.7;\n\t\t\t\t}\n\t\t\t"]))), "var(--ds-border-focused, #8cf)", (0, _platformFeatureFlags.fg)('platform_editor_mark_boundary_cursor') ? (0, _react2.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t"]))) : null, _styles5.placeholderTextStyles, placeholderStyles, (0, _codeBlock.codeBlockStyles)(), (0, _styles2.blocktypeStyles)(props.typographyTheme), (0, _styles.codeMarkSharedStyles)(), _styles.textColorStyles, (0, _styles.backgroundColorStyles)(), listsStyles, ruleStyles(), (0, _media.mediaStyles)(), (0, _layout.layoutStyles)(props.viewMode), _collab.telepointerStyle, _selection.gapCursorStyles, (0, _panel2.panelStyles)(), mentionsStyles, emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _extension.extensionStyles, (0, _expand.expandStyles)(), _styles3.findReplaceStyles, _styles4.textHighlightStyle, _tasksAndDecisions.taskDecisionStyles, _status.statusStyles, (0, _styles.annotationSharedStyles)(), (0, _styles.smartCardStyles)(), _styles.smartCardSharedStyles, _date.dateStyles, (0, _styles.embedCardStyles)(), _styles.unsupportedStyles, _styles.resizerStyles, (0, _aiPanels.aiPanelStyles)(props.colorMode), fixBlockControlStylesSSR(), _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? (0, _react2.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.hyperlink-open-link {\n\t\t\t\t\tmin-width: 24px;\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tmax-width: 18px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"]))) : null);
|
|
90
90
|
};
|
|
91
91
|
var createEditorContentStyle = exports.createEditorContentStyle = function createEditorContentStyle(styles) {
|
|
92
92
|
return /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
@@ -11,9 +11,12 @@ var _mediaInline = require("@atlaskit/editor-common/media-inline");
|
|
|
11
11
|
var _styles = require("@atlaskit/editor-common/styles");
|
|
12
12
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
13
13
|
var _mediaCard = require("@atlaskit/media-card");
|
|
14
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
14
15
|
var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
15
16
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
16
|
-
var mediaStyles = exports.mediaStyles =
|
|
17
|
+
var mediaStyles = exports.mediaStyles = function mediaStyles() {
|
|
18
|
+
return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\t", " & [layout='full-width'] .", ",\n & [layout='wide'] .", " {\n\t\t\tmargin-left: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\n\t\t.media-extended-resize-experience[layout^='wrap-'] {\n\t\t\t// override 'overflow: auto' when viewport <= 410 set by mediaSingleSharedStyle\n\t\t\t// to prevent scroll bar\n\t\t\toverflow: visible !important;\n\t\t}\n\n\t\t& [layout^='wrap-'] + [layout^='wrap-'] {\n\t\t\tclear: none;\n\t\t\t& + p,\n\t\t\t& + div[class^='fabric-editor-align'],\n\t\t\t& + ul,\n\t\t\t& + ol,\n\t\t\t& + h1,\n\t\t\t& + h2,\n\t\t\t& + h3,\n\t\t\t& + h4,\n\t\t\t& + h5,\n\t\t\t& + h6 {\n\t\t\t\tclear: both !important;\n\t\t\t}\n\t\t\t& .", " {\n\t\t\t\tmargin-left: 0;\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t.mediaSingleView-content-wrap[layout^='wrap-'] {\n\t\t\tmax-width: 100%;\n\t\t\t// overwrite default Prosemirror setting making it clear: both\n\t\t\tclear: inherit;\n\t\t}\n\n\t\t.mediaSingleView-content-wrap[layout='wrap-left'] {\n\t\t\tfloat: left;\n\t\t}\n\n\t\t.mediaSingleView-content-wrap[layout='wrap-right'] {\n\t\t\tfloat: right;\n\t\t}\n\n\t\t.mediaSingleView-content-wrap[layout='wrap-right']\n\t\t\t+ .mediaSingleView-content-wrap[layout='wrap-left'] {\n\t\t\tclear: both;\n\t\t}\n\n\t\t/* Larger margins for resize handlers when at depth 0 of the document */\n\t\t& > .mediaSingleView-content-wrap {\n\t\t\t.richMedia-resize-handle-right {\n\t\t\t\tmargin-right: -", "px;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-left {\n\t\t\t\tmargin-left: -", "px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.richMedia-resize-handle-right,\n\t.richMedia-resize-handle-left {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\n\t\t/* vertical align */\n\t\tjustify-content: center;\n\t}\n\n\t.richMedia-resize-handle-right {\n\t\talign-items: flex-end;\n\t\tpadding-right: ", ";\n\t\tmargin-right: -", "px;\n\t}\n\n\t.richMedia-resize-handle-left {\n\t\talign-items: flex-start;\n\t\tpadding-left: ", ";\n\t\tmargin-left: -", "px;\n\t}\n\n\t.richMedia-resize-handle-right::after,\n\t.richMedia-resize-handle-left::after {\n\t\tcontent: ' ';\n\t\tdisplay: flex;\n\t\twidth: 3px;\n\t\theight: 64px;\n\n\t\tborder-radius: 6px;\n\t}\n\n\t.", ":hover .richMedia-resize-handle-left::after,\n\t.", ":hover .richMedia-resize-handle-right::after {\n\t\tbackground: ", ";\n\t}\n\n\t.", " .richMedia-resize-handle-right::after,\n\t.", " .richMedia-resize-handle-left::after,\n\t.", " .richMedia-resize-handle-right:hover::after,\n\t.", " .richMedia-resize-handle-left:hover::after,\n\t.", ".is-resizing .richMedia-resize-handle-right::after,\n\t.", ".is-resizing .richMedia-resize-handle-left::after {\n\t\tbackground: ", ";\n\t}\n\n\t.__resizable_base__ {\n\t\tleft: unset !important;\n\t\twidth: auto !important;\n\t\theight: auto !important;\n\t}\n\n\t/* Danger when top level node for smart cards / inline links */\n\t.danger > div > div > .media-card-frame,\n\t.danger > span > a {\n\t\tbackground-color: ", ";\n\t\tbox-shadow: 0px 0px 0px ", "px\n\t\t\t", ";\n\t\ttransition:\n\t\t\tbackground-color 0s,\n\t\t\tbox-shadow 0s;\n\t}\n\t/* Danger when nested node or common */\n\t.danger {\n\t\t/* Media single */\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\t\t/* Media single video player */\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\t\t/* New file experience */\n\t\t.", " .", " {\n\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t}\n\t\t/* Media resize legacy handlers */\n\t\t.richMedia-resize-handle-right::after,\n\t\t.richMedia-resize-handle-left::after {\n\t\t\tbackground: ", " !important;\n\t\t}\n\t\t/* Media resize new handlers */\n\t\t.resizer-handle-thumb {\n\t\t\tbackground: ", " !important;\n\t\t}\n\n\t\t/* Smart cards */\n\t\tdiv div .media-card-frame,\n\t\t.inlineCardView-content-wrap > span > a {\n\t\t\tbackground-color: ", "; /* R75 with 50% opactiy */\n\t\t\ttransition: background-color 0s;\n\t\t}\n\n\t\tdiv div .media-card-frame::after {\n\t\t\tbox-shadow: none;\n\t\t}\n\t}\n\n\t.warning {\n\t\t/* Media single */\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\n\t\t.", " .", " {\n\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t}\n\n\t\t.resizer-handle-thumb {\n\t\t\tbackground: ", " !important;\n\t\t}\n\t}\n\n\t/* When clicking drag handle, mediaGroup node will be selected. Hence we need to apply selected style to each media node */\n\t.mediaGroupView-content-wrap.", " #newFileExperienceWrapper {\n\t\tbox-shadow: ", ";\n\t}\n"])), (0, _platformFeatureFlags.fg)('platform_editor_element_dnd_nested_fix_patch_3') ? _styles.mediaSingleSharedStyleNew : _styles.mediaSingleSharedStyle, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _mediaInline.mediaInlineImageStyles, _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide, _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide, "var(--ds-space-150, 12px)", _editorSharedStyles.akEditorMediaResizeHandlerPadding, "var(--ds-space-150, 12px)", _editorSharedStyles.akEditorMediaResizeHandlerPadding, _styles.richMediaClassName, _styles.richMediaClassName, "var(--ds-border, #091E4224)", _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedNodeClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, "var(--ds-border-focused, #388BFF)", "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), _editorSharedStyles.akEditorSelectedBorderBoldSize, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _styles.richMediaClassName, _mediaCard.fileCardImageViewSelector, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), _styles.richMediaClassName, _mediaCard.inlinePlayerClassName, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), _styles.richMediaClassName, _mediaCard.newFileExperienceClassName, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), "var(--ds-blanket-danger, rgb(255, 189, 173, 0.5))", _styles.richMediaClassName, _mediaCard.fileCardImageViewSelector, "var(--ds-border-warning, #E56910)", _styles.richMediaClassName, _mediaCard.inlinePlayerClassName, "var(--ds-border-warning, #E56910)", _styles.richMediaClassName, _mediaCard.newFileExperienceClassName, "var(--ds-border-warning, #E56910)", "var(--ds-icon-warning, #E56910)", _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedBoxShadow);
|
|
19
|
+
};
|
|
17
20
|
|
|
18
21
|
/* `left: unset` above is to work around Chrome bug where rendering a div with
|
|
19
22
|
* that style applied inside a container that has a scroll, causes any svgs on
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ErrorReporter } from '@atlaskit/editor-common/error-reporter';
|
|
2
|
-
import { SafeApplyPlugin } from './safe-apply-plugin';
|
|
3
2
|
import { sortByOrder } from './sort-by-order';
|
|
4
3
|
export function sortByRank(a, b) {
|
|
5
4
|
return a.rank - b.rank;
|
|
@@ -76,12 +75,8 @@ export function processPluginsList(plugins) {
|
|
|
76
75
|
}
|
|
77
76
|
export function createPMPlugins(config) {
|
|
78
77
|
const {
|
|
79
|
-
editorConfig
|
|
80
|
-
dispatchAnalyticsEvent
|
|
78
|
+
editorConfig
|
|
81
79
|
} = config;
|
|
82
|
-
const instrumentPlugin = plugin => SafeApplyPlugin.fromPlugin(plugin, {
|
|
83
|
-
dispatchAnalyticsEvent
|
|
84
|
-
});
|
|
85
80
|
return editorConfig.pmPlugins.sort(sortByOrder('plugins')).map(({
|
|
86
81
|
plugin
|
|
87
82
|
}) => plugin({
|
|
@@ -94,7 +89,7 @@ export function createPMPlugins(config) {
|
|
|
94
89
|
dispatchAnalyticsEvent: config.dispatchAnalyticsEvent,
|
|
95
90
|
featureFlags: config.featureFlags || {},
|
|
96
91
|
getIntl: config.getIntl
|
|
97
|
-
})).filter(plugin => typeof plugin !== 'undefined')
|
|
92
|
+
})).filter(plugin => typeof plugin !== 'undefined');
|
|
98
93
|
}
|
|
99
94
|
export function createErrorReporter(errorReporterHandler) {
|
|
100
95
|
const errorReporter = new ErrorReporter();
|
|
@@ -269,7 +269,7 @@ const contentStyles = props => css`
|
|
|
269
269
|
${backgroundColorStyles()}
|
|
270
270
|
${listsStyles}
|
|
271
271
|
${ruleStyles()}
|
|
272
|
-
${mediaStyles}
|
|
272
|
+
${mediaStyles()}
|
|
273
273
|
${layoutStyles(props.viewMode)}
|
|
274
274
|
${telepointerStyle}
|
|
275
275
|
${gapCursorStyles};
|
|
@@ -291,7 +291,7 @@ const contentStyles = props => css`
|
|
|
291
291
|
${smartCardStyles()}
|
|
292
292
|
${smartCardSharedStyles}
|
|
293
293
|
${dateStyles}
|
|
294
|
-
${embedCardStyles}
|
|
294
|
+
${embedCardStyles()}
|
|
295
295
|
${unsupportedStyles}
|
|
296
296
|
${resizerStyles}
|
|
297
297
|
${aiPanelStyles(props.colorMode)}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
2
|
import { css } from '@emotion/react';
|
|
3
3
|
import { mediaInlineImageStyles } from '@atlaskit/editor-common/media-inline';
|
|
4
|
-
import { mediaSingleSharedStyle, richMediaClassName } from '@atlaskit/editor-common/styles';
|
|
4
|
+
import { mediaSingleSharedStyle, mediaSingleSharedStyleNew, richMediaClassName } from '@atlaskit/editor-common/styles';
|
|
5
5
|
import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorSelectedBorderBoldSize, akEditorSelectedBoxShadow, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
|
|
6
6
|
import { fileCardImageViewSelector, inlinePlayerClassName, newFileExperienceClassName } from '@atlaskit/media-card';
|
|
7
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
8
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
8
|
-
export const mediaStyles = css`
|
|
9
|
+
export const mediaStyles = () => css`
|
|
9
10
|
.ProseMirror {
|
|
10
|
-
${mediaSingleSharedStyle} & [layout='full-width'] .${richMediaClassName},
|
|
11
|
+
${fg('platform_editor_element_dnd_nested_fix_patch_3') ? mediaSingleSharedStyleNew : mediaSingleSharedStyle} & [layout='full-width'] .${richMediaClassName},
|
|
11
12
|
& [layout='wide'] .${richMediaClassName} {
|
|
12
13
|
margin-left: 50%;
|
|
13
14
|
transform: translateX(-50%);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "
|
|
2
|
+
export const version = "200.0.0";
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
2
2
|
import { ErrorReporter } from '@atlaskit/editor-common/error-reporter';
|
|
3
|
-
import { SafeApplyPlugin } from './safe-apply-plugin';
|
|
4
3
|
import { sortByOrder } from './sort-by-order';
|
|
5
4
|
export function sortByRank(a, b) {
|
|
6
5
|
return a.rank - b.rank;
|
|
@@ -83,13 +82,7 @@ export function processPluginsList(plugins) {
|
|
|
83
82
|
});
|
|
84
83
|
}
|
|
85
84
|
export function createPMPlugins(config) {
|
|
86
|
-
var editorConfig = config.editorConfig
|
|
87
|
-
dispatchAnalyticsEvent = config.dispatchAnalyticsEvent;
|
|
88
|
-
var instrumentPlugin = function instrumentPlugin(plugin) {
|
|
89
|
-
return SafeApplyPlugin.fromPlugin(plugin, {
|
|
90
|
-
dispatchAnalyticsEvent: dispatchAnalyticsEvent
|
|
91
|
-
});
|
|
92
|
-
};
|
|
85
|
+
var editorConfig = config.editorConfig;
|
|
93
86
|
return editorConfig.pmPlugins.sort(sortByOrder('plugins')).map(function (_ref) {
|
|
94
87
|
var plugin = _ref.plugin;
|
|
95
88
|
return plugin({
|
|
@@ -105,7 +98,7 @@ export function createPMPlugins(config) {
|
|
|
105
98
|
});
|
|
106
99
|
}).filter(function (plugin) {
|
|
107
100
|
return typeof plugin !== 'undefined';
|
|
108
|
-
})
|
|
101
|
+
});
|
|
109
102
|
}
|
|
110
103
|
export function createErrorReporter(errorReporterHandler) {
|
|
111
104
|
var errorReporter = new ErrorReporter();
|
|
@@ -78,7 +78,7 @@ var akEditorBreakpointForSmallDevice = "1266px";
|
|
|
78
78
|
var contentStyles = function contentStyles(props) {
|
|
79
79
|
return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n\t--ak-editor--default-gutter-padding: ", "px;\n\t/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */\n\t--ak-editor--large-gutter-padding: 52px;\n\t--ak-editor--default-layout-width: ", "px;\n\t--ak-editor--full-width-layout-width: ", "px;\n\t/* calculate editor line length, 100cqw is the editor container width */\n\t--ak-editor--line-length: min(\n\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\tvar(--ak-editor--default-layout-width)\n\t);\n\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t--ak-editor--breakout-full-page-guttering-padding: calc(\n\t\tvar(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding)\n\t);\n\n\t.fabric-editor--full-width-mode {\n\t\t--ak-editor--line-length: min(\n\t\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\t\tvar(--ak-editor--full-width-layout-width)\n\t\t);\n\t}\n\n\t.ProseMirror {\n\t\t--ak-editor-max-container-width: calc(100cqw - var(--ak-editor--large-gutter-padding));\n\t}\n\n\t/* We can't allow nodes that are inside other nodes to bleed from the parent container */\n\t.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block] {\n\t\t--ak-editor-max-container-width: 100%;\n\t}\n\n\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t@container editor-area (width >= ", ") {\n\t\t.ProseMirror {\n\t\t\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t\t}\n\t}\n\n\t.ProseMirror {\n\t\toutline: none;\n\t\tfont-size: ", "px;\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t}\n\n\t", "\n\n\t.ProseMirror-hideselection *::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-hideselection *::-moz-selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\t.ProseMirror-selectednode:empty {\n\t\toutline: 2px solid ", ";\n\t}\n\n\t", "\n\n\t", "\n\t", "\n ", "\n\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", ";\n\t", "\n\t", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\n .panelView-content-wrap {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.mediaGroupView-content-wrap ul {\n\t\tpadding: 0;\n\t}\n\n\t/** Needed to override any cleared floats, e.g. image wrapping */\n\n\tdiv.fabric-editor-block-mark[class^='fabric-editor-align'] {\n\t\tclear: none !important;\n\t}\n\n\t.fabric-editor-align-end {\n\t\ttext-align: right;\n\t}\n\n\t.fabric-editor-align-start {\n\t\ttext-align: left;\n\t}\n\n\t.fabric-editor-align-center {\n\t\ttext-align: center;\n\t}\n\n\t// For FullPage only when inside a table\n\t// Related code all lives inside: packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts\n\t// In the \"editorContentAreaContainerStyle\" function\n\t.fabric-editor--full-width-mode {\n\t\t.pm-table-container {\n\t\t\t.code-block,\n\t\t\t.extension-container,\n\t\t\t.multiBodiedExtension--container {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.pm-table-header-content-wrap :not(.fabric-editor-alignment),\n\t.pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark,\n\t.pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark {\n\t\tp:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.pm-table-cell-content-wrap .mediaGroupView-content-wrap {\n\t\tclear: both;\n\t}\n\n\t.hyperlink-floating-toolbar,\n\t.", " {\n\t\tpadding: 0;\n\t}\n\n\t/* Legacy Link icon in the Atlaskit package\n is bigger than the others, new ADS icon does not have this issue\n */\n\t", "\n"])), akEditorGutterPadding, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorBreakpointForSmallDevice, akEditorCalculatedWideLayoutWidth, editorFontSize({
|
|
80
80
|
theme: props.theme
|
|
81
|
-
}), whitespaceSharedStyles, paragraphSharedStyles(props.typographyTheme), listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, fg('editor_request_to_edit_task') ? null : css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n\t\t\t\t.ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t\topacity: 0.7;\n\t\t\t\t}\n\t\t\t"]))), "var(--ds-border-focused, #8cf)", fg('platform_editor_mark_boundary_cursor') ? css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n\t\t\t\t.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t"]))) : null, placeholderTextStyles, placeholderStyles, codeBlockStyles(), blocktypeStyles(props.typographyTheme), codeMarkSharedStyles(), textColorStyles, backgroundColorStyles(), listsStyles, ruleStyles(), mediaStyles, layoutStyles(props.viewMode), telepointerStyle, gapCursorStyles, panelStyles(), mentionsStyles, emojiStyles, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(), findReplaceStyles, textHighlightStyle, taskDecisionStyles, statusStyles, annotationSharedStyles(), smartCardStyles(), smartCardSharedStyles, dateStyles, embedCardStyles, unsupportedStyles, resizerStyles, aiPanelStyles(props.colorMode), fixBlockControlStylesSSR(), MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !fg('platform-visual-refresh-icons') ? css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n\t\t\t\t.hyperlink-open-link {\n\t\t\t\t\tmin-width: 24px;\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tmax-width: 18px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"]))) : null);
|
|
81
|
+
}), whitespaceSharedStyles, paragraphSharedStyles(props.typographyTheme), listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, fg('editor_request_to_edit_task') ? null : css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n\t\t\t\t.ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t\topacity: 0.7;\n\t\t\t\t}\n\t\t\t"]))), "var(--ds-border-focused, #8cf)", fg('platform_editor_mark_boundary_cursor') ? css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n\t\t\t\t.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t"]))) : null, placeholderTextStyles, placeholderStyles, codeBlockStyles(), blocktypeStyles(props.typographyTheme), codeMarkSharedStyles(), textColorStyles, backgroundColorStyles(), listsStyles, ruleStyles(), mediaStyles(), layoutStyles(props.viewMode), telepointerStyle, gapCursorStyles, panelStyles(), mentionsStyles, emojiStyles, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(), findReplaceStyles, textHighlightStyle, taskDecisionStyles, statusStyles, annotationSharedStyles(), smartCardStyles(), smartCardSharedStyles, dateStyles, embedCardStyles(), unsupportedStyles, resizerStyles, aiPanelStyles(props.colorMode), fixBlockControlStylesSSR(), MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !fg('platform-visual-refresh-icons') ? css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n\t\t\t\t.hyperlink-open-link {\n\t\t\t\t\tmin-width: 24px;\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tmax-width: 18px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"]))) : null);
|
|
82
82
|
};
|
|
83
83
|
export var createEditorContentStyle = function createEditorContentStyle(styles) {
|
|
84
84
|
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
@@ -3,11 +3,14 @@ var _templateObject;
|
|
|
3
3
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
4
|
import { css } from '@emotion/react';
|
|
5
5
|
import { mediaInlineImageStyles } from '@atlaskit/editor-common/media-inline';
|
|
6
|
-
import { mediaSingleSharedStyle, richMediaClassName } from '@atlaskit/editor-common/styles';
|
|
6
|
+
import { mediaSingleSharedStyle, mediaSingleSharedStyleNew, richMediaClassName } from '@atlaskit/editor-common/styles';
|
|
7
7
|
import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorSelectedBorderBoldSize, akEditorSelectedBoxShadow, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
|
|
8
8
|
import { fileCardImageViewSelector, inlinePlayerClassName, newFileExperienceClassName } from '@atlaskit/media-card';
|
|
9
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
10
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
10
|
-
export var mediaStyles =
|
|
11
|
+
export var mediaStyles = function mediaStyles() {
|
|
12
|
+
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t", " & [layout='full-width'] .", ",\n & [layout='wide'] .", " {\n\t\t\tmargin-left: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\n\t\t.media-extended-resize-experience[layout^='wrap-'] {\n\t\t\t// override 'overflow: auto' when viewport <= 410 set by mediaSingleSharedStyle\n\t\t\t// to prevent scroll bar\n\t\t\toverflow: visible !important;\n\t\t}\n\n\t\t& [layout^='wrap-'] + [layout^='wrap-'] {\n\t\t\tclear: none;\n\t\t\t& + p,\n\t\t\t& + div[class^='fabric-editor-align'],\n\t\t\t& + ul,\n\t\t\t& + ol,\n\t\t\t& + h1,\n\t\t\t& + h2,\n\t\t\t& + h3,\n\t\t\t& + h4,\n\t\t\t& + h5,\n\t\t\t& + h6 {\n\t\t\t\tclear: both !important;\n\t\t\t}\n\t\t\t& .", " {\n\t\t\t\tmargin-left: 0;\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t.mediaSingleView-content-wrap[layout^='wrap-'] {\n\t\t\tmax-width: 100%;\n\t\t\t// overwrite default Prosemirror setting making it clear: both\n\t\t\tclear: inherit;\n\t\t}\n\n\t\t.mediaSingleView-content-wrap[layout='wrap-left'] {\n\t\t\tfloat: left;\n\t\t}\n\n\t\t.mediaSingleView-content-wrap[layout='wrap-right'] {\n\t\t\tfloat: right;\n\t\t}\n\n\t\t.mediaSingleView-content-wrap[layout='wrap-right']\n\t\t\t+ .mediaSingleView-content-wrap[layout='wrap-left'] {\n\t\t\tclear: both;\n\t\t}\n\n\t\t/* Larger margins for resize handlers when at depth 0 of the document */\n\t\t& > .mediaSingleView-content-wrap {\n\t\t\t.richMedia-resize-handle-right {\n\t\t\t\tmargin-right: -", "px;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-left {\n\t\t\t\tmargin-left: -", "px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.richMedia-resize-handle-right,\n\t.richMedia-resize-handle-left {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\n\t\t/* vertical align */\n\t\tjustify-content: center;\n\t}\n\n\t.richMedia-resize-handle-right {\n\t\talign-items: flex-end;\n\t\tpadding-right: ", ";\n\t\tmargin-right: -", "px;\n\t}\n\n\t.richMedia-resize-handle-left {\n\t\talign-items: flex-start;\n\t\tpadding-left: ", ";\n\t\tmargin-left: -", "px;\n\t}\n\n\t.richMedia-resize-handle-right::after,\n\t.richMedia-resize-handle-left::after {\n\t\tcontent: ' ';\n\t\tdisplay: flex;\n\t\twidth: 3px;\n\t\theight: 64px;\n\n\t\tborder-radius: 6px;\n\t}\n\n\t.", ":hover .richMedia-resize-handle-left::after,\n\t.", ":hover .richMedia-resize-handle-right::after {\n\t\tbackground: ", ";\n\t}\n\n\t.", " .richMedia-resize-handle-right::after,\n\t.", " .richMedia-resize-handle-left::after,\n\t.", " .richMedia-resize-handle-right:hover::after,\n\t.", " .richMedia-resize-handle-left:hover::after,\n\t.", ".is-resizing .richMedia-resize-handle-right::after,\n\t.", ".is-resizing .richMedia-resize-handle-left::after {\n\t\tbackground: ", ";\n\t}\n\n\t.__resizable_base__ {\n\t\tleft: unset !important;\n\t\twidth: auto !important;\n\t\theight: auto !important;\n\t}\n\n\t/* Danger when top level node for smart cards / inline links */\n\t.danger > div > div > .media-card-frame,\n\t.danger > span > a {\n\t\tbackground-color: ", ";\n\t\tbox-shadow: 0px 0px 0px ", "px\n\t\t\t", ";\n\t\ttransition:\n\t\t\tbackground-color 0s,\n\t\t\tbox-shadow 0s;\n\t}\n\t/* Danger when nested node or common */\n\t.danger {\n\t\t/* Media single */\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\t\t/* Media single video player */\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\t\t/* New file experience */\n\t\t.", " .", " {\n\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t}\n\t\t/* Media resize legacy handlers */\n\t\t.richMedia-resize-handle-right::after,\n\t\t.richMedia-resize-handle-left::after {\n\t\t\tbackground: ", " !important;\n\t\t}\n\t\t/* Media resize new handlers */\n\t\t.resizer-handle-thumb {\n\t\t\tbackground: ", " !important;\n\t\t}\n\n\t\t/* Smart cards */\n\t\tdiv div .media-card-frame,\n\t\t.inlineCardView-content-wrap > span > a {\n\t\t\tbackground-color: ", "; /* R75 with 50% opactiy */\n\t\t\ttransition: background-color 0s;\n\t\t}\n\n\t\tdiv div .media-card-frame::after {\n\t\t\tbox-shadow: none;\n\t\t}\n\t}\n\n\t.warning {\n\t\t/* Media single */\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\n\t\t.", " .", " {\n\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t}\n\n\t\t.resizer-handle-thumb {\n\t\t\tbackground: ", " !important;\n\t\t}\n\t}\n\n\t/* When clicking drag handle, mediaGroup node will be selected. Hence we need to apply selected style to each media node */\n\t.mediaGroupView-content-wrap.", " #newFileExperienceWrapper {\n\t\tbox-shadow: ", ";\n\t}\n"])), fg('platform_editor_element_dnd_nested_fix_patch_3') ? mediaSingleSharedStyleNew : mediaSingleSharedStyle, richMediaClassName, richMediaClassName, richMediaClassName, mediaInlineImageStyles, akEditorMediaResizeHandlerPaddingWide, akEditorMediaResizeHandlerPaddingWide, "var(--ds-space-150, 12px)", akEditorMediaResizeHandlerPadding, "var(--ds-space-150, 12px)", akEditorMediaResizeHandlerPadding, richMediaClassName, richMediaClassName, "var(--ds-border, #091E4224)", akEditorSelectedNodeClassName, akEditorSelectedNodeClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, "var(--ds-border-focused, #388BFF)", "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), akEditorSelectedBorderBoldSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), richMediaClassName, fileCardImageViewSelector, "var(--ds-border-danger, ".concat(akEditorDeleteIconColor, ")"), richMediaClassName, inlinePlayerClassName, "var(--ds-border-danger, ".concat(akEditorDeleteIconColor, ")"), richMediaClassName, newFileExperienceClassName, "var(--ds-border-danger, ".concat(akEditorDeleteIconColor, ")"), "var(--ds-icon-danger, ".concat(akEditorDeleteIconColor, ")"), "var(--ds-icon-danger, ".concat(akEditorDeleteIconColor, ")"), "var(--ds-blanket-danger, rgb(255, 189, 173, 0.5))", richMediaClassName, fileCardImageViewSelector, "var(--ds-border-warning, #E56910)", richMediaClassName, inlinePlayerClassName, "var(--ds-border-warning, #E56910)", richMediaClassName, newFileExperienceClassName, "var(--ds-border-warning, #E56910)", "var(--ds-icon-warning, #E56910)", akEditorSelectedNodeClassName, akEditorSelectedBoxShadow);
|
|
13
|
+
};
|
|
11
14
|
|
|
12
15
|
/* `left: unset` above is to work around Chrome bug where rendering a div with
|
|
13
16
|
* that style applied inside a container that has a scroll, causes any svgs on
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "
|
|
2
|
+
export var version = "200.0.0";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const mediaStyles: import("@emotion/react").SerializedStyles;
|
|
1
|
+
export declare const mediaStyles: () => import("@emotion/react").SerializedStyles;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const mediaStyles: import("@emotion/react").SerializedStyles;
|
|
1
|
+
export declare const mediaStyles: () => import("@emotion/react").SerializedStyles;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "200.0.0",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -43,15 +43,15 @@
|
|
|
43
43
|
"@atlaskit/analytics-next": "^10.1.0",
|
|
44
44
|
"@atlaskit/analytics-next-stable-react-context": "1.0.1",
|
|
45
45
|
"@atlaskit/button": "^20.3.0",
|
|
46
|
-
"@atlaskit/editor-common": "^94.
|
|
46
|
+
"@atlaskit/editor-common": "^94.4.0",
|
|
47
47
|
"@atlaskit/editor-json-transformer": "^8.20.0",
|
|
48
48
|
"@atlaskit/editor-plugin-quick-insert": "1.5.1",
|
|
49
49
|
"@atlaskit/editor-plugins": "^5.6.0",
|
|
50
50
|
"@atlaskit/editor-prosemirror": "6.0.0",
|
|
51
|
-
"@atlaskit/editor-shared-styles": "^3.
|
|
51
|
+
"@atlaskit/editor-shared-styles": "^3.1.0",
|
|
52
52
|
"@atlaskit/emoji": "^67.8.0",
|
|
53
53
|
"@atlaskit/icon": "^22.24.0",
|
|
54
|
-
"@atlaskit/media-card": "^78.
|
|
54
|
+
"@atlaskit/media-card": "^78.9.0",
|
|
55
55
|
"@atlaskit/mention": "^23.3.0",
|
|
56
56
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
57
57
|
"@atlaskit/task-decision": "^17.11.0",
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
"@atlaskit/media-test-helpers": "^34.5.0",
|
|
96
96
|
"@atlaskit/modal-dialog": "^12.17.0",
|
|
97
97
|
"@atlaskit/primitives": "^12.2.0",
|
|
98
|
-
"@atlaskit/renderer": "^111.
|
|
98
|
+
"@atlaskit/renderer": "^111.3.0",
|
|
99
99
|
"@atlaskit/smart-card": "^30.1.0",
|
|
100
100
|
"@atlaskit/synchrony-test-helpers": "^2.5.0",
|
|
101
101
|
"@atlaskit/toggle": "^13.4.0",
|
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
"@atlaskit/visual-regression": "*",
|
|
104
104
|
"@atlassian/adf-schema-json": "^1.22.0",
|
|
105
105
|
"@atlassian/feature-flags-test-utils": "*",
|
|
106
|
-
"@atlassian/search-provider": "2.4.
|
|
106
|
+
"@atlassian/search-provider": "2.4.154",
|
|
107
107
|
"@emotion/jest": "^11.8.0",
|
|
108
108
|
"@storybook/addon-knobs": "^5.3.18",
|
|
109
109
|
"@testing-library/react": "^12.1.5",
|
|
@@ -283,10 +283,18 @@
|
|
|
283
283
|
"type": "boolean",
|
|
284
284
|
"referenceOnly": true
|
|
285
285
|
},
|
|
286
|
+
"platform_editor_element_dnd_nested_fix_patch_1": {
|
|
287
|
+
"type": "boolean",
|
|
288
|
+
"referenceOnly": true
|
|
289
|
+
},
|
|
286
290
|
"platform_editor_element_dnd_nested_fix_patch_2": {
|
|
287
291
|
"type": "boolean",
|
|
288
292
|
"referenceOnly": true
|
|
289
293
|
},
|
|
294
|
+
"platform_editor_element_dnd_nested_fix_patch_3": {
|
|
295
|
+
"type": "boolean",
|
|
296
|
+
"referenceOnly": true
|
|
297
|
+
},
|
|
290
298
|
"platform-visual-refresh-icons": {
|
|
291
299
|
"type": "boolean",
|
|
292
300
|
"referenceOnly": true
|
|
@@ -294,6 +302,10 @@
|
|
|
294
302
|
"platform_editor_advanced_layouts_pre_release_1": {
|
|
295
303
|
"type": "boolean"
|
|
296
304
|
},
|
|
305
|
+
"platform_editor_advanced_layouts_pre_release_2": {
|
|
306
|
+
"type": "boolean",
|
|
307
|
+
"referenceOnly": true
|
|
308
|
+
},
|
|
297
309
|
"platform_editor_utilize_linebreakreplacement": {
|
|
298
310
|
"type": "boolean",
|
|
299
311
|
"referenceOnly": true
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.SafeApplyPlugin = void 0;
|
|
8
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
11
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
12
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
|
-
var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
|
|
15
|
-
var _saferTransactions = require("../utils/performance/safer-transactions");
|
|
16
|
-
function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
|
|
17
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
18
|
-
/**
|
|
19
|
-
* This is for safety in case someone is trying to mutate
|
|
20
|
-
* the transaction in the apply which should never be done.
|
|
21
|
-
*/
|
|
22
|
-
var SafeApplyPlugin = exports.SafeApplyPlugin = /*#__PURE__*/function (_SafePlugin) {
|
|
23
|
-
(0, _inherits2.default)(SafeApplyPlugin, _SafePlugin);
|
|
24
|
-
var _super = _createSuper(SafeApplyPlugin);
|
|
25
|
-
function SafeApplyPlugin(spec) {
|
|
26
|
-
var _this;
|
|
27
|
-
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
28
|
-
(0, _classCallCheck2.default)(this, SafeApplyPlugin);
|
|
29
|
-
var dispatchAnalyticsEvent = options.dispatchAnalyticsEvent;
|
|
30
|
-
if (spec.state) {
|
|
31
|
-
var originalApply = spec.state.apply.bind(spec.state);
|
|
32
|
-
spec.state.apply = function (aTr, value, oldState, newState) {
|
|
33
|
-
var self = (0, _assertThisInitialized2.default)(_this);
|
|
34
|
-
var pluginKey = self === null || self === void 0 ? void 0 : self.key;
|
|
35
|
-
var tr = new Proxy(aTr, (0, _saferTransactions.freezeUnsafeTransactionProperties)({
|
|
36
|
-
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
37
|
-
pluginKey: typeof pluginKey === 'string' ? pluginKey : undefined
|
|
38
|
-
}));
|
|
39
|
-
return originalApply(tr, value, oldState, newState);
|
|
40
|
-
};
|
|
41
|
-
}
|
|
42
|
-
return _this = _super.call(this, spec);
|
|
43
|
-
}
|
|
44
|
-
(0, _createClass2.default)(SafeApplyPlugin, null, [{
|
|
45
|
-
key: "fromPlugin",
|
|
46
|
-
value: function fromPlugin(plugin, options) {
|
|
47
|
-
return new SafeApplyPlugin(plugin.spec, options);
|
|
48
|
-
}
|
|
49
|
-
}]);
|
|
50
|
-
return SafeApplyPlugin;
|
|
51
|
-
}(_safePlugin.SafePlugin);
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
|
|
2
|
-
import { freezeUnsafeTransactionProperties } from '../utils/performance/safer-transactions';
|
|
3
|
-
/**
|
|
4
|
-
* This is for safety in case someone is trying to mutate
|
|
5
|
-
* the transaction in the apply which should never be done.
|
|
6
|
-
*/
|
|
7
|
-
export class SafeApplyPlugin extends SafePlugin {
|
|
8
|
-
constructor(spec, options = {}) {
|
|
9
|
-
const {
|
|
10
|
-
dispatchAnalyticsEvent
|
|
11
|
-
} = options;
|
|
12
|
-
if (spec.state) {
|
|
13
|
-
const originalApply = spec.state.apply.bind(spec.state);
|
|
14
|
-
spec.state.apply = (aTr, value, oldState, newState) => {
|
|
15
|
-
const self = this;
|
|
16
|
-
const pluginKey = self === null || self === void 0 ? void 0 : self.key;
|
|
17
|
-
const tr = new Proxy(aTr, freezeUnsafeTransactionProperties({
|
|
18
|
-
dispatchAnalyticsEvent,
|
|
19
|
-
pluginKey: typeof pluginKey === 'string' ? pluginKey : undefined
|
|
20
|
-
}));
|
|
21
|
-
return originalApply(tr, value, oldState, newState);
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
super(spec);
|
|
25
|
-
}
|
|
26
|
-
static fromPlugin(plugin, options) {
|
|
27
|
-
return new SafeApplyPlugin(plugin.spec, options);
|
|
28
|
-
}
|
|
29
|
-
}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
|
-
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
|
-
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
4
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
|
-
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
6
|
-
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
7
|
-
function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
|
|
8
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
9
|
-
import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
|
|
10
|
-
import { freezeUnsafeTransactionProperties } from '../utils/performance/safer-transactions';
|
|
11
|
-
/**
|
|
12
|
-
* This is for safety in case someone is trying to mutate
|
|
13
|
-
* the transaction in the apply which should never be done.
|
|
14
|
-
*/
|
|
15
|
-
export var SafeApplyPlugin = /*#__PURE__*/function (_SafePlugin) {
|
|
16
|
-
_inherits(SafeApplyPlugin, _SafePlugin);
|
|
17
|
-
var _super = _createSuper(SafeApplyPlugin);
|
|
18
|
-
function SafeApplyPlugin(spec) {
|
|
19
|
-
var _this;
|
|
20
|
-
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
21
|
-
_classCallCheck(this, SafeApplyPlugin);
|
|
22
|
-
var dispatchAnalyticsEvent = options.dispatchAnalyticsEvent;
|
|
23
|
-
if (spec.state) {
|
|
24
|
-
var originalApply = spec.state.apply.bind(spec.state);
|
|
25
|
-
spec.state.apply = function (aTr, value, oldState, newState) {
|
|
26
|
-
var self = _assertThisInitialized(_this);
|
|
27
|
-
var pluginKey = self === null || self === void 0 ? void 0 : self.key;
|
|
28
|
-
var tr = new Proxy(aTr, freezeUnsafeTransactionProperties({
|
|
29
|
-
dispatchAnalyticsEvent: dispatchAnalyticsEvent,
|
|
30
|
-
pluginKey: typeof pluginKey === 'string' ? pluginKey : undefined
|
|
31
|
-
}));
|
|
32
|
-
return originalApply(tr, value, oldState, newState);
|
|
33
|
-
};
|
|
34
|
-
}
|
|
35
|
-
return _this = _super.call(this, spec);
|
|
36
|
-
}
|
|
37
|
-
_createClass(SafeApplyPlugin, null, [{
|
|
38
|
-
key: "fromPlugin",
|
|
39
|
-
value: function fromPlugin(plugin, options) {
|
|
40
|
-
return new SafeApplyPlugin(plugin.spec, options);
|
|
41
|
-
}
|
|
42
|
-
}]);
|
|
43
|
-
return SafeApplyPlugin;
|
|
44
|
-
}(SafePlugin);
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
|
|
2
|
-
import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
|
|
3
|
-
import type { SafePluginSpec } from '@atlaskit/editor-prosemirror/state';
|
|
4
|
-
type SafeApplyPluginOptions = {
|
|
5
|
-
dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
|
|
6
|
-
};
|
|
7
|
-
/**
|
|
8
|
-
* This is for safety in case someone is trying to mutate
|
|
9
|
-
* the transaction in the apply which should never be done.
|
|
10
|
-
*/
|
|
11
|
-
export declare class SafeApplyPlugin<PluginState> extends SafePlugin<PluginState> {
|
|
12
|
-
constructor(spec: SafePluginSpec, options?: SafeApplyPluginOptions);
|
|
13
|
-
static fromPlugin<T>(plugin: SafePlugin<T>, options: SafeApplyPluginOptions): SafeApplyPlugin<T>;
|
|
14
|
-
}
|
|
15
|
-
export {};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
|
|
2
|
-
import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
|
|
3
|
-
import type { SafePluginSpec } from '@atlaskit/editor-prosemirror/state';
|
|
4
|
-
type SafeApplyPluginOptions = {
|
|
5
|
-
dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
|
|
6
|
-
};
|
|
7
|
-
/**
|
|
8
|
-
* This is for safety in case someone is trying to mutate
|
|
9
|
-
* the transaction in the apply which should never be done.
|
|
10
|
-
*/
|
|
11
|
-
export declare class SafeApplyPlugin<PluginState> extends SafePlugin<PluginState> {
|
|
12
|
-
constructor(spec: SafePluginSpec, options?: SafeApplyPluginOptions);
|
|
13
|
-
static fromPlugin<T>(plugin: SafePlugin<T>, options: SafeApplyPluginOptions): SafeApplyPlugin<T>;
|
|
14
|
-
}
|
|
15
|
-
export {};
|