@atlaskit/editor-core 205.1.5 → 205.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -0
- package/dist/cjs/ui/ContentStyles/index.js +60 -9
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/ContentStyles/index.js +71 -1
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/ContentStyles/index.js +60 -9
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/create-editor/create-universal-preset.d.ts +39 -3
- package/dist/types/presets/universal.d.ts +39 -3
- package/dist/types/presets/useUniversalPreset.d.ts +39 -3
- package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts +48 -3
- package/dist/types-ts4.5/presets/universal.d.ts +48 -3
- package/dist/types-ts4.5/presets/useUniversalPreset.d.ts +48 -3
- package/package.json +6 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 205.1.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#134205](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/134205)
|
|
8
|
+
[`7751c880c8ebf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7751c880c8ebf) -
|
|
9
|
+
Refactor mentions node view to vanilla javascript.
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
3
12
|
## 205.1.5
|
|
4
13
|
|
|
5
14
|
### Patch Changes
|
|
@@ -35,7 +35,7 @@ var _media = require("./media");
|
|
|
35
35
|
var _panel2 = require("./panel");
|
|
36
36
|
var _status = require("./status");
|
|
37
37
|
var _tasksAndDecisions = require("./tasks-and-decisions");
|
|
38
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
|
|
38
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
|
|
39
39
|
/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
|
|
40
40
|
/* eslint-disable react-hooks/rules-of-hooks */
|
|
41
41
|
/* eslint-disable @atlaskit/design-system/no-css-tagged-template-expression -- Requires manual remediation over time due to use of unsafe nested mixins */
|
|
@@ -52,10 +52,55 @@ var linkStyles = exports.linkStyles = (0, _react2.css)(_templateObject || (_temp
|
|
|
52
52
|
var ruleStyles = function ruleStyles() {
|
|
53
53
|
return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\t", ";\n\n\t\thr {\n\t\t\tcursor: pointer;\n\t\t\tpadding: ", " 0;\n\t\t\tmargin: ", " 0;\n\t\t\tbackground-clip: content-box;\n\n\t\t\t&.", " {\n\t\t\t\toutline: none;\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t}\n\t}\n"])), (0, _styles.ruleSharedStyles)(), "var(--ds-space-050, 4px)", "var(--ds-space-300, 24px)", _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-border-selected, ".concat(_editorSharedStyles.akEditorSelectedBorderColor, ")"));
|
|
54
54
|
};
|
|
55
|
-
var
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
55
|
+
var vanillaMentionsStyles = (0, _react2.css)({
|
|
56
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
57
|
+
'.editor-mention-primitive': {
|
|
58
|
+
display: 'inline',
|
|
59
|
+
borderRadius: '20px',
|
|
60
|
+
cursor: 'pointer',
|
|
61
|
+
padding: '0 0.3em 2px 0.23em',
|
|
62
|
+
fontWeight: "var(--ds-font-weight-regular, 400)",
|
|
63
|
+
wordBreak: 'break-word',
|
|
64
|
+
background: "var(--ds-background-neutral, #091E420F)",
|
|
65
|
+
border: '1px solid transparent',
|
|
66
|
+
color: "var(--ds-text-subtle, #44546F)",
|
|
67
|
+
'&:hover': {
|
|
68
|
+
background: "var(--ds-background-neutral-hovered, #091E4224)"
|
|
69
|
+
},
|
|
70
|
+
'&:active': {
|
|
71
|
+
background: "var(--ds-background-neutral-pressed, #091E424F)"
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
75
|
+
'.editor-mention-primitive.mention-restricted': {
|
|
76
|
+
background: 'transparent',
|
|
77
|
+
border: "1px solid ".concat("var(--ds-border-bold, #758195)"),
|
|
78
|
+
color: "var(--ds-text, #172B4D)",
|
|
79
|
+
'&:hover': {
|
|
80
|
+
background: 'transparent'
|
|
81
|
+
},
|
|
82
|
+
'&:active': {
|
|
83
|
+
background: 'transparent'
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
87
|
+
'.editor-mention-primitive.mention-self': {
|
|
88
|
+
background: "var(--ds-background-brand-bold, #0C66E4)",
|
|
89
|
+
border: '1px solid transparent',
|
|
90
|
+
color: "var(--ds-text-inverse, #FFFFFF)",
|
|
91
|
+
'&:hover': {
|
|
92
|
+
background: "var(--ds-background-brand-bold-hovered, #0055CC)"
|
|
93
|
+
},
|
|
94
|
+
'&:active': {
|
|
95
|
+
background: "var(--ds-background-brand-bold-pressed, #09326C)"
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
});
|
|
99
|
+
var vanillaSelectionStyles = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t.danger {\n\t\t.editor-mention-primitive {\n\t\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t\t\tbackground-color: ", ";\n\t\t}\n\t}\n\n\t.", " > .editor-mention-primitive,\n\t.", " > .editor-mention-primitive.mention-self,\n\t.", " > .editor-mention-primitive.mention-restricted {\n\t\t", "\n\t\t/* need to specify dark text colour because personal mentions\n\t (in dark blue) have white text by default */\n\t\tcolor: ", "\n\t}\n"])), _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder, "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackgroundWithOpacity, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Background]), "var(--ds-text-subtle, #44546F)");
|
|
100
|
+
var mentionsStyles = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\t&.", " [data-mention-id] > span {\n\t\t\t", "\n\n\t\t\t/* need to specify dark text colour because personal mentions\n (in dark blue) have white text by default */\n color: ", ";\n\t\t}\n\t}\n\n\t.danger {\n\t\t.", ".", "\n\t\t\t> span\n\t\t\t> span\n\t\t\t> span {\n\t\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t\t\tbackground-color: ", ";\n\t\t}\n\t\t.", " > span > span > span {\n\t\t\tbackground-color: ", ";\n\t\t\tcolor: ", ";\n\t\t}\n\t}\n"])), _mention.MentionSharedCssClassName.MENTION_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Background]), "var(--ds-text-subtle, #44546F)", _mention.MentionSharedCssClassName.MENTION_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder, "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackgroundWithOpacity, ")"), _mention.MentionSharedCssClassName.MENTION_CONTAINER, "var(--ds-background-neutral, #091E420F)", "var(--ds-text-subtle, #44546F)");
|
|
101
|
+
var listsStyles = (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\tli {\n\t\t\tposition: relative;\n\n\t\t\t> p:not(:first-child) {\n\t\t\t\tmargin: ", " 0 0 0;\n\t\t\t}\n\n\t\t\t// In SSR the above rule will apply to all p tags because first-child would be a style tag.\n\t\t\t// The following rule resets the first p tag back to its original margin\n\t\t\t// defined in packages/editor/editor-common/src/styles/shared/paragraph.ts\n\t\t\t> style:first-child + p {\n\t\t\t\tmargin-top: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&:not([data-node-type='decisionList']) > li,\n // This prevents https://product-fabric.atlassian.net/browse/ED-20924\n &:not(.", ") > li {\n\t\t\t", "\n\t\t}\n\t}\n"])), "var(--ds-space-050, 4px)", _editorSharedStyles.blockNodesVerticalMargin, _styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _browser.browser.safari ? _styles.codeBlockInListSafariFix : '');
|
|
102
|
+
var reactEmojiStyles = (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\tdisplay: inline-block;\n\n\t\t.", " {\n\t\t\tcursor: pointer;\n\n\t\t\t&.", " > span {\n\t\t\t\t/** needed for selection style to cover custom emoji image properly */\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", ", .", " {\n\t\t\t\tborder-radius: 2px;\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t}\n"])), _emoji.EmojiSharedCssClassName.EMOJI_CONTAINER, _emoji.EmojiSharedCssClassName.EMOJI_NODE, _emoji.EmojiSharedCssClassName.EMOJI_IMAGE, _editorSharedStyles.akEditorSelectedNodeClassName, _emoji.EmojiSharedCssClassName.EMOJI_SPRITE, _emoji.EmojiSharedCssClassName.EMOJI_IMAGE, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket, _editorSharedStyles.SelectionStyle.BoxShadow]));
|
|
103
|
+
var emojiStyles = (0, _react2.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n\t[data-prosemirror-node-view-type='vanilla'] {\n\t\t.", " {\n\t\t\tdisplay: inline-block;\n\t\t}\n\n\t\t.", ", .", " {\n\t\t\tbackground: no-repeat transparent;\n\t\t\tdisplay: inline-block;\n\t\t\theight: ", "px;\n\t\t\tmax-height: ", "px;\n\t\t\tcursor: pointer;\n\t\t\tvertical-align: middle;\n\t\t\tuser-select: all;\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", ", .", " {\n\t\t\t\tborder-radius: 2px;\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t}\n"])), _emoji.EmojiSharedCssClassName.EMOJI_CONTAINER, _emoji.EmojiSharedCssClassName.EMOJI_SPRITE, _emoji.EmojiSharedCssClassName.EMOJI_IMAGE, _emoji.defaultEmojiHeight, _emoji.defaultEmojiHeight, _editorSharedStyles.akEditorSelectedNodeClassName, _emoji.EmojiSharedCssClassName.EMOJI_SPRITE, _emoji.EmojiSharedCssClassName.EMOJI_IMAGE, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket, _editorSharedStyles.SelectionStyle.BoxShadow]));
|
|
59
104
|
|
|
60
105
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
61
106
|
var placeholderStyles = exports.placeholderStyles = (0, _react2.css)({
|
|
@@ -82,8 +127,8 @@ var placeholderOverflowStyles = (0, _react2.css)({
|
|
|
82
127
|
textOverflow: 'ellipsis'
|
|
83
128
|
}
|
|
84
129
|
});
|
|
85
|
-
var firstBlockNodeStyles = (0, _react2.css)(
|
|
86
|
-
var firstBlockNodeStylesNew = (0, _react2.css)(
|
|
130
|
+
var firstBlockNodeStyles = (0, _react2.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\t> .", ",\n\t\t\t> .", ",\n\t\t\t> .", ",\n\t\t\t> div[data-task-list-local-id],\n\t\t> div[data-layout-section],\n\t\t> .", " {\n\t\t\t&:first-child {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\n\t\t> hr:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n"])), _panel.PanelSharedCssClassName.prefix, _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, _styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _styles.expandClassNames.prefix);
|
|
131
|
+
var firstBlockNodeStylesNew = (0, _react2.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\t> .", ",\n\t\t\t> .", ",\n\t\t\t> .", ",\n\t\t\t> div[data-task-list-local-id],\n\t\t> div[data-layout-section],\n\t\t> .", " {\n\t\t\t&:first-child {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\n\t\t> hr:first-child,\n\t\t> .ProseMirror-widget:first-child + hr {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n"])), _panel.PanelSharedCssClassName.prefix, _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, _styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _styles.expandClassNames.prefix);
|
|
87
132
|
|
|
88
133
|
/**
|
|
89
134
|
* fix layout issue of first block node
|
|
@@ -101,9 +146,15 @@ var fixBlockControlStylesSSR = exports.fixBlockControlStylesSSR = function fixBl
|
|
|
101
146
|
// The breakpoint for small devices is 1266px, copied from getBreakpoint in platform/packages/editor/editor-common/src/ui/WidthProvider/index.tsx
|
|
102
147
|
var akEditorBreakpointForSmallDevice = "1266px";
|
|
103
148
|
var contentStyles = function contentStyles(props) {
|
|
104
|
-
return (0, _react2.css)(
|
|
149
|
+
return (0, _react2.css)(_templateObject10 || (_templateObject10 = (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/**\n\t * This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24\n\t *\n\t * 1. Merge and Release platform_editor_hide_cursor_when_pm_hideselection\n\t * 2. Cleanup duplicated style from platform_editor_advanced_code_blocks\n\t * https://product-fabric.atlassian.net/browse/ED-26331\n\t */\n\t", "\n\n\t/* This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24 */\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.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\tcaret-color: transparent;\n\t}\n\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\tdisplay: none;\n\t}\n\n\t", "\n\t", "\n\t", "\n\n ", "\n\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", ";\n\t", "\n\t", "\n\t", "\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)({
|
|
105
150
|
theme: props.theme
|
|
106
|
-
}), _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)(
|
|
151
|
+
}), _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)(_templateObject11 || (_templateObject11 = (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"]))), (0, _platformFeatureFlags.fg)('platform_editor_hide_cursor_when_pm_hideselection') ? (0, _react2.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror-hideselection {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t"]))) : null, (0, _experiments.editorExperiment)('platform_editor_advanced_code_blocks', true) ? (0, _react2.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror-hideselection {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t"]))) : null, "var(--ds-border-focused, #8cf)", _styles5.placeholderTextStyles, placeholderStyles, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? placeholderOverflowStyles : null, (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, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
|
|
152
|
+
exposure: false
|
|
153
|
+
}) && vanillaMentionsStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
|
|
154
|
+
exposure: false
|
|
155
|
+
}) && vanillaSelectionStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
|
|
156
|
+
exposure: false
|
|
157
|
+
}) ? emojiStyles : reactEmojiStyles, 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)(), (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? (0, _styles.getSmartCardSharedStyles)() : _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)(_templateObject14 || (_templateObject14 = (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);
|
|
107
158
|
};
|
|
108
159
|
var createEditorContentStyle = exports.createEditorContentStyle = function createEditorContentStyle(styles) {
|
|
109
160
|
return /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
@@ -60,6 +60,67 @@ const ruleStyles = () => css`
|
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
62
|
`;
|
|
63
|
+
const vanillaMentionsStyles = css({
|
|
64
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
65
|
+
'.editor-mention-primitive': {
|
|
66
|
+
display: 'inline',
|
|
67
|
+
borderRadius: '20px',
|
|
68
|
+
cursor: 'pointer',
|
|
69
|
+
padding: '0 0.3em 2px 0.23em',
|
|
70
|
+
fontWeight: "var(--ds-font-weight-regular, 400)",
|
|
71
|
+
wordBreak: 'break-word',
|
|
72
|
+
background: "var(--ds-background-neutral, #091E420F)",
|
|
73
|
+
border: '1px solid transparent',
|
|
74
|
+
color: "var(--ds-text-subtle, #44546F)",
|
|
75
|
+
'&:hover': {
|
|
76
|
+
background: "var(--ds-background-neutral-hovered, #091E4224)"
|
|
77
|
+
},
|
|
78
|
+
'&:active': {
|
|
79
|
+
background: "var(--ds-background-neutral-pressed, #091E424F)"
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
83
|
+
'.editor-mention-primitive.mention-restricted': {
|
|
84
|
+
background: 'transparent',
|
|
85
|
+
border: `1px solid ${"var(--ds-border-bold, #758195)"}`,
|
|
86
|
+
color: "var(--ds-text, #172B4D)",
|
|
87
|
+
'&:hover': {
|
|
88
|
+
background: 'transparent'
|
|
89
|
+
},
|
|
90
|
+
'&:active': {
|
|
91
|
+
background: 'transparent'
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
95
|
+
'.editor-mention-primitive.mention-self': {
|
|
96
|
+
background: "var(--ds-background-brand-bold, #0C66E4)",
|
|
97
|
+
border: '1px solid transparent',
|
|
98
|
+
color: "var(--ds-text-inverse, #FFFFFF)",
|
|
99
|
+
'&:hover': {
|
|
100
|
+
background: "var(--ds-background-brand-bold-hovered, #0055CC)"
|
|
101
|
+
},
|
|
102
|
+
'&:active': {
|
|
103
|
+
background: "var(--ds-background-brand-bold-pressed, #09326C)"
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
});
|
|
107
|
+
const vanillaSelectionStyles = css`
|
|
108
|
+
.danger {
|
|
109
|
+
.editor-mention-primitive {
|
|
110
|
+
box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px ${akEditorDeleteBorder};
|
|
111
|
+
background-color: ${`var(--ds-background-danger, ${akEditorDeleteBackgroundWithOpacity})`};
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.${akEditorSelectedNodeClassName} > .editor-mention-primitive,
|
|
116
|
+
.${akEditorSelectedNodeClassName} > .editor-mention-primitive.mention-self,
|
|
117
|
+
.${akEditorSelectedNodeClassName} > .editor-mention-primitive.mention-restricted {
|
|
118
|
+
${getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Background])}
|
|
119
|
+
/* need to specify dark text colour because personal mentions
|
|
120
|
+
(in dark blue) have white text by default */
|
|
121
|
+
color: ${"var(--ds-text-subtle, #44546F)"}
|
|
122
|
+
}
|
|
123
|
+
`;
|
|
63
124
|
const mentionsStyles = css`
|
|
64
125
|
.${MentionSharedCssClassName.MENTION_CONTAINER} {
|
|
65
126
|
&.${akEditorSelectedNodeClassName} [data-mention-id] > span {
|
|
@@ -353,7 +414,16 @@ const contentStyles = props => css`
|
|
|
353
414
|
${gapCursorStyles};
|
|
354
415
|
${panelStyles()}
|
|
355
416
|
${mentionsStyles}
|
|
356
|
-
${editorExperiment('platform_editor_vanilla_dom', true
|
|
417
|
+
${editorExperiment('platform_editor_vanilla_dom', true, {
|
|
418
|
+
exposure: false
|
|
419
|
+
}) && vanillaMentionsStyles}
|
|
420
|
+
${editorExperiment('platform_editor_vanilla_dom', true, {
|
|
421
|
+
exposure: false
|
|
422
|
+
}) && vanillaSelectionStyles}
|
|
423
|
+
${editorExperiment('platform_editor_vanilla_dom', true, {
|
|
424
|
+
exposure: false
|
|
425
|
+
}) ? emojiStyles : reactEmojiStyles}
|
|
426
|
+
${emojiStyles}
|
|
357
427
|
${tasksAndDecisionsStyles}
|
|
358
428
|
${gridStyles}
|
|
359
429
|
${linkStyles}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "205.1.
|
|
2
|
+
export const version = "205.1.6";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
|
|
2
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
|
|
3
3
|
/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
|
|
4
4
|
/* eslint-disable react-hooks/rules-of-hooks */
|
|
5
5
|
/* eslint-disable @atlaskit/design-system/no-css-tagged-template-expression -- Requires manual remediation over time due to use of unsafe nested mixins */
|
|
@@ -44,10 +44,55 @@ export var linkStyles = css(_templateObject || (_templateObject = _taggedTemplat
|
|
|
44
44
|
var ruleStyles = function ruleStyles() {
|
|
45
45
|
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t", ";\n\n\t\thr {\n\t\t\tcursor: pointer;\n\t\t\tpadding: ", " 0;\n\t\t\tmargin: ", " 0;\n\t\t\tbackground-clip: content-box;\n\n\t\t\t&.", " {\n\t\t\t\toutline: none;\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t}\n\t}\n"])), ruleSharedStyles(), "var(--ds-space-050, 4px)", "var(--ds-space-300, 24px)", akEditorSelectedNodeClassName, "var(--ds-border-selected, ".concat(akEditorSelectedBorderColor, ")"));
|
|
46
46
|
};
|
|
47
|
-
var
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
47
|
+
var vanillaMentionsStyles = css({
|
|
48
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
49
|
+
'.editor-mention-primitive': {
|
|
50
|
+
display: 'inline',
|
|
51
|
+
borderRadius: '20px',
|
|
52
|
+
cursor: 'pointer',
|
|
53
|
+
padding: '0 0.3em 2px 0.23em',
|
|
54
|
+
fontWeight: "var(--ds-font-weight-regular, 400)",
|
|
55
|
+
wordBreak: 'break-word',
|
|
56
|
+
background: "var(--ds-background-neutral, #091E420F)",
|
|
57
|
+
border: '1px solid transparent',
|
|
58
|
+
color: "var(--ds-text-subtle, #44546F)",
|
|
59
|
+
'&:hover': {
|
|
60
|
+
background: "var(--ds-background-neutral-hovered, #091E4224)"
|
|
61
|
+
},
|
|
62
|
+
'&:active': {
|
|
63
|
+
background: "var(--ds-background-neutral-pressed, #091E424F)"
|
|
64
|
+
}
|
|
65
|
+
},
|
|
66
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
67
|
+
'.editor-mention-primitive.mention-restricted': {
|
|
68
|
+
background: 'transparent',
|
|
69
|
+
border: "1px solid ".concat("var(--ds-border-bold, #758195)"),
|
|
70
|
+
color: "var(--ds-text, #172B4D)",
|
|
71
|
+
'&:hover': {
|
|
72
|
+
background: 'transparent'
|
|
73
|
+
},
|
|
74
|
+
'&:active': {
|
|
75
|
+
background: 'transparent'
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
79
|
+
'.editor-mention-primitive.mention-self': {
|
|
80
|
+
background: "var(--ds-background-brand-bold, #0C66E4)",
|
|
81
|
+
border: '1px solid transparent',
|
|
82
|
+
color: "var(--ds-text-inverse, #FFFFFF)",
|
|
83
|
+
'&:hover': {
|
|
84
|
+
background: "var(--ds-background-brand-bold-hovered, #0055CC)"
|
|
85
|
+
},
|
|
86
|
+
'&:active': {
|
|
87
|
+
background: "var(--ds-background-brand-bold-pressed, #09326C)"
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
var vanillaSelectionStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t.danger {\n\t\t.editor-mention-primitive {\n\t\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t\t\tbackground-color: ", ";\n\t\t}\n\t}\n\n\t.", " > .editor-mention-primitive,\n\t.", " > .editor-mention-primitive.mention-self,\n\t.", " > .editor-mention-primitive.mention-restricted {\n\t\t", "\n\t\t/* need to specify dark text colour because personal mentions\n\t (in dark blue) have white text by default */\n\t\tcolor: ", "\n\t}\n"])), akEditorSelectedBorderSize, akEditorDeleteBorder, "var(--ds-background-danger, ".concat(akEditorDeleteBackgroundWithOpacity, ")"), akEditorSelectedNodeClassName, akEditorSelectedNodeClassName, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Background]), "var(--ds-text-subtle, #44546F)");
|
|
92
|
+
var mentionsStyles = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n\t.", " {\n\t\t&.", " [data-mention-id] > span {\n\t\t\t", "\n\n\t\t\t/* need to specify dark text colour because personal mentions\n (in dark blue) have white text by default */\n color: ", ";\n\t\t}\n\t}\n\n\t.danger {\n\t\t.", ".", "\n\t\t\t> span\n\t\t\t> span\n\t\t\t> span {\n\t\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t\t\tbackground-color: ", ";\n\t\t}\n\t\t.", " > span > span > span {\n\t\t\tbackground-color: ", ";\n\t\t\tcolor: ", ";\n\t\t}\n\t}\n"])), MentionSharedCssClassName.MENTION_CONTAINER, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Background]), "var(--ds-text-subtle, #44546F)", MentionSharedCssClassName.MENTION_CONTAINER, akEditorSelectedNodeClassName, akEditorSelectedBorderSize, akEditorDeleteBorder, "var(--ds-background-danger, ".concat(akEditorDeleteBackgroundWithOpacity, ")"), MentionSharedCssClassName.MENTION_CONTAINER, "var(--ds-background-neutral, #091E420F)", "var(--ds-text-subtle, #44546F)");
|
|
93
|
+
var listsStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\tli {\n\t\t\tposition: relative;\n\n\t\t\t> p:not(:first-child) {\n\t\t\t\tmargin: ", " 0 0 0;\n\t\t\t}\n\n\t\t\t// In SSR the above rule will apply to all p tags because first-child would be a style tag.\n\t\t\t// The following rule resets the first p tag back to its original margin\n\t\t\t// defined in packages/editor/editor-common/src/styles/shared/paragraph.ts\n\t\t\t> style:first-child + p {\n\t\t\t\tmargin-top: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&:not([data-node-type='decisionList']) > li,\n // This prevents https://product-fabric.atlassian.net/browse/ED-20924\n &:not(.", ") > li {\n\t\t\t", "\n\t\t}\n\t}\n"])), "var(--ds-space-050, 4px)", blockNodesVerticalMargin, SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, browser.safari ? codeBlockInListSafariFix : '');
|
|
94
|
+
var reactEmojiStyles = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n\t.", " {\n\t\tdisplay: inline-block;\n\n\t\t.", " {\n\t\t\tcursor: pointer;\n\n\t\t\t&.", " > span {\n\t\t\t\t/** needed for selection style to cover custom emoji image properly */\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", ", .", " {\n\t\t\t\tborder-radius: 2px;\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t}\n"])), EmojiSharedCssClassName.EMOJI_CONTAINER, EmojiSharedCssClassName.EMOJI_NODE, EmojiSharedCssClassName.EMOJI_IMAGE, akEditorSelectedNodeClassName, EmojiSharedCssClassName.EMOJI_SPRITE, EmojiSharedCssClassName.EMOJI_IMAGE, getSelectionStyles([SelectionStyle.Blanket, SelectionStyle.BoxShadow]));
|
|
95
|
+
var emojiStyles = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n\t[data-prosemirror-node-view-type='vanilla'] {\n\t\t.", " {\n\t\t\tdisplay: inline-block;\n\t\t}\n\n\t\t.", ", .", " {\n\t\t\tbackground: no-repeat transparent;\n\t\t\tdisplay: inline-block;\n\t\t\theight: ", "px;\n\t\t\tmax-height: ", "px;\n\t\t\tcursor: pointer;\n\t\t\tvertical-align: middle;\n\t\t\tuser-select: all;\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", ", .", " {\n\t\t\t\tborder-radius: 2px;\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t}\n"])), EmojiSharedCssClassName.EMOJI_CONTAINER, EmojiSharedCssClassName.EMOJI_SPRITE, EmojiSharedCssClassName.EMOJI_IMAGE, defaultEmojiHeight, defaultEmojiHeight, akEditorSelectedNodeClassName, EmojiSharedCssClassName.EMOJI_SPRITE, EmojiSharedCssClassName.EMOJI_IMAGE, getSelectionStyles([SelectionStyle.Blanket, SelectionStyle.BoxShadow]));
|
|
51
96
|
|
|
52
97
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
53
98
|
export var placeholderStyles = css({
|
|
@@ -74,8 +119,8 @@ var placeholderOverflowStyles = css({
|
|
|
74
119
|
textOverflow: 'ellipsis'
|
|
75
120
|
}
|
|
76
121
|
});
|
|
77
|
-
var firstBlockNodeStyles = css(
|
|
78
|
-
var firstBlockNodeStylesNew = css(
|
|
122
|
+
var firstBlockNodeStyles = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t> .", ",\n\t\t\t> .", ",\n\t\t\t> .", ",\n\t\t\t> div[data-task-list-local-id],\n\t\t> div[data-layout-section],\n\t\t> .", " {\n\t\t\t&:first-child {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\n\t\t> hr:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n"])), PanelSharedCssClassName.prefix, CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, expandClassNames.prefix);
|
|
123
|
+
var firstBlockNodeStylesNew = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t> .", ",\n\t\t\t> .", ",\n\t\t\t> .", ",\n\t\t\t> div[data-task-list-local-id],\n\t\t> div[data-layout-section],\n\t\t> .", " {\n\t\t\t&:first-child {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\n\t\t> hr:first-child,\n\t\t> .ProseMirror-widget:first-child + hr {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n"])), PanelSharedCssClassName.prefix, CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, expandClassNames.prefix);
|
|
79
124
|
|
|
80
125
|
/**
|
|
81
126
|
* fix layout issue of first block node
|
|
@@ -93,9 +138,15 @@ export var fixBlockControlStylesSSR = function fixBlockControlStylesSSR() {
|
|
|
93
138
|
// The breakpoint for small devices is 1266px, copied from getBreakpoint in platform/packages/editor/editor-common/src/ui/WidthProvider/index.tsx
|
|
94
139
|
var akEditorBreakpointForSmallDevice = "1266px";
|
|
95
140
|
var contentStyles = function contentStyles(props) {
|
|
96
|
-
return css(
|
|
141
|
+
return css(_templateObject10 || (_templateObject10 = _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/**\n\t * This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24\n\t *\n\t * 1. Merge and Release platform_editor_hide_cursor_when_pm_hideselection\n\t * 2. Cleanup duplicated style from platform_editor_advanced_code_blocks\n\t * https://product-fabric.atlassian.net/browse/ED-26331\n\t */\n\t", "\n\n\t/* This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24 */\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.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\tcaret-color: transparent;\n\t}\n\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\tdisplay: none;\n\t}\n\n\t", "\n\t", "\n\t", "\n\n ", "\n\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", ";\n\t", "\n\t", "\n\t", "\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({
|
|
97
142
|
theme: props.theme
|
|
98
|
-
}), whitespaceSharedStyles, paragraphSharedStyles(props.typographyTheme), listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, fg('editor_request_to_edit_task') ? null : css(
|
|
143
|
+
}), whitespaceSharedStyles, paragraphSharedStyles(props.typographyTheme), listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, fg('editor_request_to_edit_task') ? null : css(_templateObject11 || (_templateObject11 = _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"]))), fg('platform_editor_hide_cursor_when_pm_hideselection') ? css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n\t\t\t\t.ProseMirror-hideselection {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t"]))) : null, editorExperiment('platform_editor_advanced_code_blocks', true) ? css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n\t\t\t\t.ProseMirror-hideselection {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t"]))) : null, "var(--ds-border-focused, #8cf)", placeholderTextStyles, placeholderStyles, editorExperiment('platform_editor_controls', 'variant1') ? placeholderOverflowStyles : null, codeBlockStyles(), blocktypeStyles(props.typographyTheme), codeMarkSharedStyles(), textColorStyles, backgroundColorStyles(), listsStyles, ruleStyles(), mediaStyles(), layoutStyles(props.viewMode), telepointerStyle, gapCursorStyles, panelStyles(), mentionsStyles, editorExperiment('platform_editor_vanilla_dom', true, {
|
|
144
|
+
exposure: false
|
|
145
|
+
}) && vanillaMentionsStyles, editorExperiment('platform_editor_vanilla_dom', true, {
|
|
146
|
+
exposure: false
|
|
147
|
+
}) && vanillaSelectionStyles, editorExperiment('platform_editor_vanilla_dom', true, {
|
|
148
|
+
exposure: false
|
|
149
|
+
}) ? emojiStyles : reactEmojiStyles, emojiStyles, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(), findReplaceStyles, textHighlightStyle, taskDecisionStyles, statusStyles, annotationSharedStyles(), smartCardStyles(), fg('platform-linking-visual-refresh-v1') ? getSmartCardSharedStyles() : smartCardSharedStyles, dateStyles, embedCardStyles(), unsupportedStyles, resizerStyles, aiPanelStyles(props.colorMode), fixBlockControlStylesSSR(), MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !fg('platform-visual-refresh-icons') ? css(_templateObject14 || (_templateObject14 = _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);
|
|
99
150
|
};
|
|
100
151
|
export var createEditorContentStyle = function createEditorContentStyle(styles) {
|
|
101
152
|
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "205.1.
|
|
2
|
+
export var version = "205.1.6";
|
|
@@ -644,7 +644,19 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
|
|
|
644
644
|
} | undefined;
|
|
645
645
|
}, {
|
|
646
646
|
contextualFormattingEnabled?: boolean | undefined;
|
|
647
|
-
} | undefined
|
|
647
|
+
} | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
648
|
+
pluginConfiguration: import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions;
|
|
649
|
+
sharedState: {
|
|
650
|
+
createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
|
|
651
|
+
attachAnalyticsEvent: import("@atlaskit/editor-plugins/analytics").CreateAttachPayloadIntoTransaction | null;
|
|
652
|
+
performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
|
|
653
|
+
};
|
|
654
|
+
dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
655
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
656
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
657
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>];
|
|
658
|
+
actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
|
|
659
|
+
}, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>];
|
|
648
660
|
actions?: {
|
|
649
661
|
suppressToolbar?: (() => boolean) | undefined;
|
|
650
662
|
unsuppressToolbar?: (() => boolean) | undefined;
|
|
@@ -705,7 +717,19 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
|
|
|
705
717
|
} | undefined;
|
|
706
718
|
}, {
|
|
707
719
|
contextualFormattingEnabled?: boolean | undefined;
|
|
708
|
-
} | undefined
|
|
720
|
+
} | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
721
|
+
pluginConfiguration: import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions;
|
|
722
|
+
sharedState: {
|
|
723
|
+
createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
|
|
724
|
+
attachAnalyticsEvent: import("@atlaskit/editor-plugins/analytics").CreateAttachPayloadIntoTransaction | null;
|
|
725
|
+
performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
|
|
726
|
+
};
|
|
727
|
+
dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
728
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
729
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
730
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>];
|
|
731
|
+
actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
|
|
732
|
+
}, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>];
|
|
709
733
|
actions?: {
|
|
710
734
|
suppressToolbar?: (() => boolean) | undefined;
|
|
711
735
|
unsuppressToolbar?: (() => boolean) | undefined;
|
|
@@ -772,7 +796,19 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
|
|
|
772
796
|
} | undefined;
|
|
773
797
|
}, {
|
|
774
798
|
contextualFormattingEnabled?: boolean | undefined;
|
|
775
|
-
} | undefined
|
|
799
|
+
} | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
800
|
+
pluginConfiguration: import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions;
|
|
801
|
+
sharedState: {
|
|
802
|
+
createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
|
|
803
|
+
attachAnalyticsEvent: import("@atlaskit/editor-plugins/analytics").CreateAttachPayloadIntoTransaction | null;
|
|
804
|
+
performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
|
|
805
|
+
};
|
|
806
|
+
dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
807
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
808
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
809
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>];
|
|
810
|
+
actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
|
|
811
|
+
}, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>];
|
|
776
812
|
actions?: {
|
|
777
813
|
suppressToolbar?: (() => boolean) | undefined;
|
|
778
814
|
unsuppressToolbar?: (() => boolean) | undefined;
|
|
@@ -696,7 +696,19 @@ export default function createUniversalPresetInternal({ appearance, props, featu
|
|
|
696
696
|
} | undefined;
|
|
697
697
|
}, {
|
|
698
698
|
contextualFormattingEnabled?: boolean | undefined;
|
|
699
|
-
} | undefined
|
|
699
|
+
} | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
700
|
+
pluginConfiguration: import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions;
|
|
701
|
+
sharedState: {
|
|
702
|
+
createAnalyticsEvent: CreateUIAnalyticsEvent | null;
|
|
703
|
+
attachAnalyticsEvent: import("@atlaskit/editor-plugins/analytics").CreateAttachPayloadIntoTransaction | null;
|
|
704
|
+
performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
|
|
705
|
+
};
|
|
706
|
+
dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
707
|
+
pluginConfiguration: FeatureFlags;
|
|
708
|
+
sharedState: FeatureFlags;
|
|
709
|
+
}, FeatureFlags>>];
|
|
710
|
+
actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
|
|
711
|
+
}, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>];
|
|
700
712
|
actions?: {
|
|
701
713
|
suppressToolbar?: (() => boolean) | undefined;
|
|
702
714
|
unsuppressToolbar?: (() => boolean) | undefined;
|
|
@@ -757,7 +769,19 @@ export default function createUniversalPresetInternal({ appearance, props, featu
|
|
|
757
769
|
} | undefined;
|
|
758
770
|
}, {
|
|
759
771
|
contextualFormattingEnabled?: boolean | undefined;
|
|
760
|
-
} | undefined
|
|
772
|
+
} | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
773
|
+
pluginConfiguration: import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions;
|
|
774
|
+
sharedState: {
|
|
775
|
+
createAnalyticsEvent: CreateUIAnalyticsEvent | null;
|
|
776
|
+
attachAnalyticsEvent: import("@atlaskit/editor-plugins/analytics").CreateAttachPayloadIntoTransaction | null;
|
|
777
|
+
performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
|
|
778
|
+
};
|
|
779
|
+
dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
780
|
+
pluginConfiguration: FeatureFlags;
|
|
781
|
+
sharedState: FeatureFlags;
|
|
782
|
+
}, FeatureFlags>>];
|
|
783
|
+
actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
|
|
784
|
+
}, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>];
|
|
761
785
|
actions?: {
|
|
762
786
|
suppressToolbar?: (() => boolean) | undefined;
|
|
763
787
|
unsuppressToolbar?: (() => boolean) | undefined;
|
|
@@ -824,7 +848,19 @@ export default function createUniversalPresetInternal({ appearance, props, featu
|
|
|
824
848
|
} | undefined;
|
|
825
849
|
}, {
|
|
826
850
|
contextualFormattingEnabled?: boolean | undefined;
|
|
827
|
-
} | undefined
|
|
851
|
+
} | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
852
|
+
pluginConfiguration: import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions;
|
|
853
|
+
sharedState: {
|
|
854
|
+
createAnalyticsEvent: CreateUIAnalyticsEvent | null;
|
|
855
|
+
attachAnalyticsEvent: import("@atlaskit/editor-plugins/analytics").CreateAttachPayloadIntoTransaction | null;
|
|
856
|
+
performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
|
|
857
|
+
};
|
|
858
|
+
dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
859
|
+
pluginConfiguration: FeatureFlags;
|
|
860
|
+
sharedState: FeatureFlags;
|
|
861
|
+
}, FeatureFlags>>];
|
|
862
|
+
actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
|
|
863
|
+
}, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>];
|
|
828
864
|
actions?: {
|
|
829
865
|
suppressToolbar?: (() => boolean) | undefined;
|
|
830
866
|
unsuppressToolbar?: (() => boolean) | undefined;
|
|
@@ -644,7 +644,19 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
|
|
|
644
644
|
} | undefined;
|
|
645
645
|
}, {
|
|
646
646
|
contextualFormattingEnabled?: boolean | undefined;
|
|
647
|
-
} | undefined
|
|
647
|
+
} | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
648
|
+
pluginConfiguration: import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions;
|
|
649
|
+
sharedState: {
|
|
650
|
+
createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
|
|
651
|
+
attachAnalyticsEvent: import("@atlaskit/editor-plugins/analytics").CreateAttachPayloadIntoTransaction | null;
|
|
652
|
+
performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
|
|
653
|
+
};
|
|
654
|
+
dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
655
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
656
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
657
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>];
|
|
658
|
+
actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
|
|
659
|
+
}, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>];
|
|
648
660
|
actions?: {
|
|
649
661
|
suppressToolbar?: (() => boolean) | undefined;
|
|
650
662
|
unsuppressToolbar?: (() => boolean) | undefined;
|
|
@@ -705,7 +717,19 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
|
|
|
705
717
|
} | undefined;
|
|
706
718
|
}, {
|
|
707
719
|
contextualFormattingEnabled?: boolean | undefined;
|
|
708
|
-
} | undefined
|
|
720
|
+
} | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
721
|
+
pluginConfiguration: import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions;
|
|
722
|
+
sharedState: {
|
|
723
|
+
createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
|
|
724
|
+
attachAnalyticsEvent: import("@atlaskit/editor-plugins/analytics").CreateAttachPayloadIntoTransaction | null;
|
|
725
|
+
performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
|
|
726
|
+
};
|
|
727
|
+
dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
728
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
729
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
730
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>];
|
|
731
|
+
actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
|
|
732
|
+
}, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>];
|
|
709
733
|
actions?: {
|
|
710
734
|
suppressToolbar?: (() => boolean) | undefined;
|
|
711
735
|
unsuppressToolbar?: (() => boolean) | undefined;
|
|
@@ -772,7 +796,19 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
|
|
|
772
796
|
} | undefined;
|
|
773
797
|
}, {
|
|
774
798
|
contextualFormattingEnabled?: boolean | undefined;
|
|
775
|
-
} | undefined
|
|
799
|
+
} | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
800
|
+
pluginConfiguration: import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions;
|
|
801
|
+
sharedState: {
|
|
802
|
+
createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
|
|
803
|
+
attachAnalyticsEvent: import("@atlaskit/editor-plugins/analytics").CreateAttachPayloadIntoTransaction | null;
|
|
804
|
+
performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
|
|
805
|
+
};
|
|
806
|
+
dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
807
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
808
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
809
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>];
|
|
810
|
+
actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
|
|
811
|
+
}, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>];
|
|
776
812
|
actions?: {
|
|
777
813
|
suppressToolbar?: (() => boolean) | undefined;
|
|
778
814
|
unsuppressToolbar?: (() => boolean) | undefined;
|
|
@@ -835,7 +835,22 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
|
|
|
835
835
|
} | undefined;
|
|
836
836
|
}, {
|
|
837
837
|
contextualFormattingEnabled?: boolean | undefined;
|
|
838
|
-
} | undefined
|
|
838
|
+
} | undefined>>,
|
|
839
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
840
|
+
pluginConfiguration: import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions;
|
|
841
|
+
sharedState: {
|
|
842
|
+
createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
|
|
843
|
+
attachAnalyticsEvent: import("@atlaskit/editor-plugins/analytics").CreateAttachPayloadIntoTransaction | null;
|
|
844
|
+
performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
|
|
845
|
+
};
|
|
846
|
+
dependencies: [
|
|
847
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
848
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
849
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
850
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>
|
|
851
|
+
];
|
|
852
|
+
actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
|
|
853
|
+
}, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>
|
|
839
854
|
];
|
|
840
855
|
actions?: {
|
|
841
856
|
suppressToolbar?: (() => boolean) | undefined;
|
|
@@ -903,7 +918,22 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
|
|
|
903
918
|
} | undefined;
|
|
904
919
|
}, {
|
|
905
920
|
contextualFormattingEnabled?: boolean | undefined;
|
|
906
|
-
} | undefined
|
|
921
|
+
} | undefined>>,
|
|
922
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
923
|
+
pluginConfiguration: import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions;
|
|
924
|
+
sharedState: {
|
|
925
|
+
createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
|
|
926
|
+
attachAnalyticsEvent: import("@atlaskit/editor-plugins/analytics").CreateAttachPayloadIntoTransaction | null;
|
|
927
|
+
performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
|
|
928
|
+
};
|
|
929
|
+
dependencies: [
|
|
930
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
931
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
932
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
933
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>
|
|
934
|
+
];
|
|
935
|
+
actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
|
|
936
|
+
}, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>
|
|
907
937
|
];
|
|
908
938
|
actions?: {
|
|
909
939
|
suppressToolbar?: (() => boolean) | undefined;
|
|
@@ -981,7 +1011,22 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
|
|
|
981
1011
|
} | undefined;
|
|
982
1012
|
}, {
|
|
983
1013
|
contextualFormattingEnabled?: boolean | undefined;
|
|
984
|
-
} | undefined
|
|
1014
|
+
} | undefined>>,
|
|
1015
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
1016
|
+
pluginConfiguration: import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions;
|
|
1017
|
+
sharedState: {
|
|
1018
|
+
createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
|
|
1019
|
+
attachAnalyticsEvent: import("@atlaskit/editor-plugins/analytics").CreateAttachPayloadIntoTransaction | null;
|
|
1020
|
+
performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
|
|
1021
|
+
};
|
|
1022
|
+
dependencies: [
|
|
1023
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
1024
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
1025
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
1026
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>
|
|
1027
|
+
];
|
|
1028
|
+
actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
|
|
1029
|
+
}, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>
|
|
985
1030
|
];
|
|
986
1031
|
actions?: {
|
|
987
1032
|
suppressToolbar?: (() => boolean) | undefined;
|
|
@@ -887,7 +887,22 @@ export default function createUniversalPresetInternal({ appearance, props, featu
|
|
|
887
887
|
} | undefined;
|
|
888
888
|
}, {
|
|
889
889
|
contextualFormattingEnabled?: boolean | undefined;
|
|
890
|
-
} | undefined
|
|
890
|
+
} | undefined>>,
|
|
891
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
892
|
+
pluginConfiguration: import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions;
|
|
893
|
+
sharedState: {
|
|
894
|
+
createAnalyticsEvent: CreateUIAnalyticsEvent | null;
|
|
895
|
+
attachAnalyticsEvent: import("@atlaskit/editor-plugins/analytics").CreateAttachPayloadIntoTransaction | null;
|
|
896
|
+
performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
|
|
897
|
+
};
|
|
898
|
+
dependencies: [
|
|
899
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
900
|
+
pluginConfiguration: FeatureFlags;
|
|
901
|
+
sharedState: FeatureFlags;
|
|
902
|
+
}, FeatureFlags>>
|
|
903
|
+
];
|
|
904
|
+
actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
|
|
905
|
+
}, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>
|
|
891
906
|
];
|
|
892
907
|
actions?: {
|
|
893
908
|
suppressToolbar?: (() => boolean) | undefined;
|
|
@@ -955,7 +970,22 @@ export default function createUniversalPresetInternal({ appearance, props, featu
|
|
|
955
970
|
} | undefined;
|
|
956
971
|
}, {
|
|
957
972
|
contextualFormattingEnabled?: boolean | undefined;
|
|
958
|
-
} | undefined
|
|
973
|
+
} | undefined>>,
|
|
974
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
975
|
+
pluginConfiguration: import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions;
|
|
976
|
+
sharedState: {
|
|
977
|
+
createAnalyticsEvent: CreateUIAnalyticsEvent | null;
|
|
978
|
+
attachAnalyticsEvent: import("@atlaskit/editor-plugins/analytics").CreateAttachPayloadIntoTransaction | null;
|
|
979
|
+
performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
|
|
980
|
+
};
|
|
981
|
+
dependencies: [
|
|
982
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
983
|
+
pluginConfiguration: FeatureFlags;
|
|
984
|
+
sharedState: FeatureFlags;
|
|
985
|
+
}, FeatureFlags>>
|
|
986
|
+
];
|
|
987
|
+
actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
|
|
988
|
+
}, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>
|
|
959
989
|
];
|
|
960
990
|
actions?: {
|
|
961
991
|
suppressToolbar?: (() => boolean) | undefined;
|
|
@@ -1033,7 +1063,22 @@ export default function createUniversalPresetInternal({ appearance, props, featu
|
|
|
1033
1063
|
} | undefined;
|
|
1034
1064
|
}, {
|
|
1035
1065
|
contextualFormattingEnabled?: boolean | undefined;
|
|
1036
|
-
} | undefined
|
|
1066
|
+
} | undefined>>,
|
|
1067
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
1068
|
+
pluginConfiguration: import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions;
|
|
1069
|
+
sharedState: {
|
|
1070
|
+
createAnalyticsEvent: CreateUIAnalyticsEvent | null;
|
|
1071
|
+
attachAnalyticsEvent: import("@atlaskit/editor-plugins/analytics").CreateAttachPayloadIntoTransaction | null;
|
|
1072
|
+
performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
|
|
1073
|
+
};
|
|
1074
|
+
dependencies: [
|
|
1075
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
1076
|
+
pluginConfiguration: FeatureFlags;
|
|
1077
|
+
sharedState: FeatureFlags;
|
|
1078
|
+
}, FeatureFlags>>
|
|
1079
|
+
];
|
|
1080
|
+
actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
|
|
1081
|
+
}, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>
|
|
1037
1082
|
];
|
|
1038
1083
|
actions?: {
|
|
1039
1084
|
suppressToolbar?: (() => boolean) | undefined;
|
|
@@ -835,7 +835,22 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
|
|
|
835
835
|
} | undefined;
|
|
836
836
|
}, {
|
|
837
837
|
contextualFormattingEnabled?: boolean | undefined;
|
|
838
|
-
} | undefined
|
|
838
|
+
} | undefined>>,
|
|
839
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
840
|
+
pluginConfiguration: import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions;
|
|
841
|
+
sharedState: {
|
|
842
|
+
createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
|
|
843
|
+
attachAnalyticsEvent: import("@atlaskit/editor-plugins/analytics").CreateAttachPayloadIntoTransaction | null;
|
|
844
|
+
performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
|
|
845
|
+
};
|
|
846
|
+
dependencies: [
|
|
847
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
848
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
849
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
850
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>
|
|
851
|
+
];
|
|
852
|
+
actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
|
|
853
|
+
}, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>
|
|
839
854
|
];
|
|
840
855
|
actions?: {
|
|
841
856
|
suppressToolbar?: (() => boolean) | undefined;
|
|
@@ -903,7 +918,22 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
|
|
|
903
918
|
} | undefined;
|
|
904
919
|
}, {
|
|
905
920
|
contextualFormattingEnabled?: boolean | undefined;
|
|
906
|
-
} | undefined
|
|
921
|
+
} | undefined>>,
|
|
922
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
923
|
+
pluginConfiguration: import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions;
|
|
924
|
+
sharedState: {
|
|
925
|
+
createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
|
|
926
|
+
attachAnalyticsEvent: import("@atlaskit/editor-plugins/analytics").CreateAttachPayloadIntoTransaction | null;
|
|
927
|
+
performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
|
|
928
|
+
};
|
|
929
|
+
dependencies: [
|
|
930
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
931
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
932
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
933
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>
|
|
934
|
+
];
|
|
935
|
+
actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
|
|
936
|
+
}, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>
|
|
907
937
|
];
|
|
908
938
|
actions?: {
|
|
909
939
|
suppressToolbar?: (() => boolean) | undefined;
|
|
@@ -981,7 +1011,22 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
|
|
|
981
1011
|
} | undefined;
|
|
982
1012
|
}, {
|
|
983
1013
|
contextualFormattingEnabled?: boolean | undefined;
|
|
984
|
-
} | undefined
|
|
1014
|
+
} | undefined>>,
|
|
1015
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
1016
|
+
pluginConfiguration: import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions;
|
|
1017
|
+
sharedState: {
|
|
1018
|
+
createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
|
|
1019
|
+
attachAnalyticsEvent: import("@atlaskit/editor-plugins/analytics").CreateAttachPayloadIntoTransaction | null;
|
|
1020
|
+
performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
|
|
1021
|
+
};
|
|
1022
|
+
dependencies: [
|
|
1023
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
1024
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
1025
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
1026
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>
|
|
1027
|
+
];
|
|
1028
|
+
actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
|
|
1029
|
+
}, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>
|
|
985
1030
|
];
|
|
986
1031
|
actions?: {
|
|
987
1032
|
suppressToolbar?: (() => boolean) | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "205.1.
|
|
3
|
+
"version": "205.1.6",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
"@af/visual-regression": "^1.3.0",
|
|
89
89
|
"@atlaskit/adf-utils": "^19.19.0",
|
|
90
90
|
"@atlaskit/analytics-listeners": "^9.0.0",
|
|
91
|
-
"@atlaskit/collab-provider": "^10.
|
|
91
|
+
"@atlaskit/collab-provider": "^10.12.0",
|
|
92
92
|
"@atlaskit/editor-plugin-annotation": "^2.2.0",
|
|
93
93
|
"@atlaskit/editor-plugin-card": "^5.4.0",
|
|
94
94
|
"@atlaskit/editor-plugin-list": "^4.2.0",
|
|
@@ -596,6 +596,10 @@
|
|
|
596
596
|
"platform_editor_controls_sticky_controls": {
|
|
597
597
|
"type": "boolean",
|
|
598
598
|
"referenceOnly": true
|
|
599
|
+
},
|
|
600
|
+
"platform_editor_controls_patch_2": {
|
|
601
|
+
"type": "boolean",
|
|
602
|
+
"referenceOnly": true
|
|
599
603
|
}
|
|
600
604
|
},
|
|
601
605
|
"stricter": {
|