@atlaskit/editor-core 201.5.1 → 202.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 +76 -0
- package/dist/cjs/presets/universal.js +7 -6
- package/dist/cjs/ui/ContentStyles/extension.js +1 -1
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/presets/universal.js +7 -5
- package/dist/es2019/ui/ContentStyles/extension.js +33 -0
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/presets/universal.js +7 -6
- package/dist/esm/ui/ContentStyles/extension.js +1 -1
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/create-editor/create-universal-preset.d.ts +2 -2
- package/dist/types/presets/default.d.ts +4 -4
- package/dist/types/presets/universal.d.ts +2 -6
- package/dist/types/presets/useUniversalPreset.d.ts +2 -2
- package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts +2 -2
- package/dist/types-ts4.5/presets/default.d.ts +4 -4
- package/dist/types-ts4.5/presets/universal.d.ts +2 -6
- package/dist/types-ts4.5/presets/useUniversalPreset.d.ts +2 -2
- package/package.json +11 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,81 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 202.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- [#162935](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/162935)
|
|
8
|
+
[`48011dc10467a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/48011dc10467a) -
|
|
9
|
+
Removed `tablesPlugin` property and its child properties of `tableResizingEnabled` and
|
|
10
|
+
`isTableAlignmentEnabled` from `InitialPluginConfiguration`, and added these options as part of
|
|
11
|
+
tablePlugin.tableOptions configuration instead. The new options for each are allowTableResizing
|
|
12
|
+
and allowTableAlignment respectively and can be configured on the Editor component via
|
|
13
|
+
`allowTables` or via preset configurations.
|
|
14
|
+
|
|
15
|
+
**Warning**: Both these features require ADF storage to persist these changes.
|
|
16
|
+
|
|
17
|
+
### WHY?
|
|
18
|
+
|
|
19
|
+
To make these table features available for consumers who have no adopted composable editor and
|
|
20
|
+
want to enable table resizing and table alignment features
|
|
21
|
+
|
|
22
|
+
### WHAT changed?
|
|
23
|
+
|
|
24
|
+
**Removed** `InitialPluginConfiguration` type: Removed `tablePlugin` and child properties -
|
|
25
|
+
`isTableAlignmentEnabled`, `tableResizingEnabled`
|
|
26
|
+
|
|
27
|
+
**Added** `TableOptions` type: Added `allowTableResizing` and `allowTableAlignment`
|
|
28
|
+
|
|
29
|
+
### HOW to resolve?
|
|
30
|
+
|
|
31
|
+
Move the options from `initialPluginConfiguration` to `tableOptions`
|
|
32
|
+
|
|
33
|
+
Example:
|
|
34
|
+
|
|
35
|
+
Before
|
|
36
|
+
|
|
37
|
+
```ts
|
|
38
|
+
const universalPreset = useUniversalPreset([
|
|
39
|
+
tablePlugin,
|
|
40
|
+
{ tableResizingEnabled: true, isTableAlignmentEnabled: true, tableOptions: {} },
|
|
41
|
+
]);
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
After
|
|
45
|
+
|
|
46
|
+
```ts
|
|
47
|
+
const universalPreset = useUniversalPreset([
|
|
48
|
+
tablePlugin,
|
|
49
|
+
{ tableOptions: { allowTableResizing: true, allowTableAlignment: true } },
|
|
50
|
+
]);
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
Before
|
|
54
|
+
|
|
55
|
+
```ts
|
|
56
|
+
return (
|
|
57
|
+
<Editor
|
|
58
|
+
allowTables={{advanced: true}}
|
|
59
|
+
initialPluginConfiguration={{
|
|
60
|
+
tablesPlugin: {
|
|
61
|
+
tableResizingEnabled: true, isTableAlignmentEnabled: true,
|
|
62
|
+
}
|
|
63
|
+
}}
|
|
64
|
+
/>
|
|
65
|
+
)
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
After
|
|
69
|
+
|
|
70
|
+
```ts
|
|
71
|
+
return (
|
|
72
|
+
<Editor
|
|
73
|
+
allowTables={{advanced: true, allowTableResizing: enabled, allowTableAlignment: true}}
|
|
74
|
+
|
|
75
|
+
/>
|
|
76
|
+
)
|
|
77
|
+
```
|
|
78
|
+
|
|
3
79
|
## 201.5.1
|
|
4
80
|
|
|
5
81
|
### Patch Changes
|
|
@@ -149,8 +149,11 @@ function createUniversalPresetInternal(_ref) {
|
|
|
149
149
|
}, initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.mentionsPlugin)], Boolean(props.mentionProvider)).maybeAdd([_emoji.emojiPlugin, {
|
|
150
150
|
emojiProvider: props.emojiProvider,
|
|
151
151
|
emojiNodeDataProvider: initialPluginConfiguration === null || initialPluginConfiguration === void 0 || (_initialPluginConfigu = initialPluginConfiguration.emoji) === null || _initialPluginConfigu === void 0 ? void 0 : _initialPluginConfigu.emojiNodeDataProvider
|
|
152
|
-
}], Boolean(props.emojiProvider)).maybeAdd([_table.tablesPlugin,
|
|
153
|
-
tableOptions: !props.allowTables || typeof props.allowTables === 'boolean' ? {} :
|
|
152
|
+
}], Boolean(props.emojiProvider)).maybeAdd([_table.tablesPlugin, {
|
|
153
|
+
tableOptions: !props.allowTables || typeof props.allowTables === 'boolean' ? {} : _objectSpread({
|
|
154
|
+
allowTableResizing: extendedTableFeaturesForComment,
|
|
155
|
+
allowTableAlignment: extendedTableFeaturesForComment
|
|
156
|
+
}, props.allowTables),
|
|
154
157
|
dragAndDropEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableDragAndDrop) && (isFullPage || (isComment || isChromeless) && (0, _experiments.editorExperiment)('support_table_in_comment', true, {
|
|
155
158
|
exposure: true
|
|
156
159
|
})) || extendedTableFeaturesForComment,
|
|
@@ -163,10 +166,8 @@ function createUniversalPresetInternal(_ref) {
|
|
|
163
166
|
getEditorFeatureFlags: getEditorFeatureFlags,
|
|
164
167
|
isNewColumnResizingEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableNewColumnResizing) && isFullPage,
|
|
165
168
|
isCommentEditor: isComment,
|
|
166
|
-
isChromelessEditor: isChromeless
|
|
167
|
-
|
|
168
|
-
isTableAlignmentEnabled: extendedTableFeaturesForComment
|
|
169
|
-
}, initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.tablesPlugin)], Boolean(props.allowTables)).maybeAdd([_tasksAndDecisions.tasksAndDecisionsPlugin, _objectSpread({
|
|
169
|
+
isChromelessEditor: isChromeless
|
|
170
|
+
}], Boolean(props.allowTables)).maybeAdd([_tasksAndDecisions.tasksAndDecisionsPlugin, _objectSpread({
|
|
170
171
|
allowNestedTasks: props.allowNestedTasks,
|
|
171
172
|
consumeTabs: isFullPage,
|
|
172
173
|
useLongPressSelection: false,
|
|
@@ -10,7 +10,7 @@ var _react = require("@emotion/react");
|
|
|
10
10
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
11
11
|
var _templateObject, _templateObject2; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
12
12
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
|
|
13
|
-
var extensionLabelStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t&.danger > span > div > .extension-label {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\topacity: 1;\n\t\tbox-shadow: none;\n\t}\n\n\t&:not(.danger).", " > span > div > .extension-label {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\topacity: 1;\n\t\tbox-shadow: none;\n\t}\n\n\t// Targets the icon for bodied macro styling in button label\n\t&.danger > span > div > .extension-label > span {\n\t\tdisplay: inline;\n\t}\n\n\t&:not(.danger).", " > span > div .extension-label > span {\n\t\tdisplay: inline;\n\t}\n"])), "var(--ds-background-accent-red-subtler, #FFD5D2)", "var(--ds-text-danger, #AE2E24)", _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-background-selected, #E9F2FF)", "var(--ds-text-selected, #0C66E4)", _editorSharedStyles.akEditorSelectedNodeClassName);
|
|
13
|
+
var extensionLabelStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t&.danger > span > div > .extension-label {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\topacity: 1;\n\t\tbox-shadow: none;\n\t}\n\n\t&:not(.danger).", " > span > div > .extension-label {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\topacity: 1;\n\t\tbox-shadow: none;\n\t}\n\n\t// Targets the icon for bodied macro styling in button label\n\t&.danger > span > div > .extension-label > span {\n\t\tdisplay: inline;\n\t}\n\n\t&:not(.danger).", " > span > div .extension-label > span {\n\t\tdisplay: inline;\n\t}\n\n\t// Bodied extension edit toggle styles\n\t&.danger.", " > span > .extension-edit-toggle-container {\n\t\topacity: 1;\n\t}\n\n\t&:not(.danger).", " > span > .extension-edit-toggle-container {\n\t\topacity: 1;\n\t}\n\n\t// .with-bodied-macro-live-page-styles class will only be added to bodied macros with the renderer mode gate enabled\n\t&:not(.danger).", "\n\t\t> span\n\t\t> div\n\t\t> .extension-label.with-bodied-macro-live-page-styles {\n\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t}\n\n\t&.danger.", "\n\t\t> span\n\t\t> div\n\t\t> .extension-label.with-bodied-macro-live-page-styles {\n\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t}\n\n\t&.danger.", "\n\t\t> span\n\t\t> .extension-edit-toggle-container\n\t\t> .extension-edit-toggle {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\tbox-shadow: none;\n\t}\n"])), "var(--ds-background-accent-red-subtler, #FFD5D2)", "var(--ds-text-danger, #AE2E24)", _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-background-selected, #E9F2FF)", "var(--ds-text-selected, #0C66E4)", _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border-selected, #0C66E4)", _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border-danger, #E2483D)", _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-background-accent-red-subtler, #FFD5D2)", "var(--ds-text-danger, #AE2E24)");
|
|
14
14
|
var dangerOverlayStyles = (0, _react.css)({
|
|
15
15
|
opacity: 0.3,
|
|
16
16
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
@@ -142,7 +142,12 @@ export default function createUniversalPresetInternal({
|
|
|
142
142
|
emojiProvider: props.emojiProvider,
|
|
143
143
|
emojiNodeDataProvider: initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : (_initialPluginConfigu = initialPluginConfiguration.emoji) === null || _initialPluginConfigu === void 0 ? void 0 : _initialPluginConfigu.emojiNodeDataProvider
|
|
144
144
|
}], Boolean(props.emojiProvider)).maybeAdd([tablesPlugin, {
|
|
145
|
-
tableOptions: !props.allowTables || typeof props.allowTables === 'boolean' ? {} :
|
|
145
|
+
tableOptions: !props.allowTables || typeof props.allowTables === 'boolean' ? {} : {
|
|
146
|
+
allowTableResizing: extendedTableFeaturesForComment,
|
|
147
|
+
allowTableAlignment: extendedTableFeaturesForComment,
|
|
148
|
+
// allow for consumers to pass through overrides for allowTableResizing and allowTableAlignment
|
|
149
|
+
...props.allowTables
|
|
150
|
+
},
|
|
146
151
|
dragAndDropEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableDragAndDrop) && (isFullPage || (isComment || isChromeless) && editorExperiment('support_table_in_comment', true, {
|
|
147
152
|
exposure: true
|
|
148
153
|
})) || extendedTableFeaturesForComment,
|
|
@@ -155,10 +160,7 @@ export default function createUniversalPresetInternal({
|
|
|
155
160
|
getEditorFeatureFlags,
|
|
156
161
|
isNewColumnResizingEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableNewColumnResizing) && isFullPage,
|
|
157
162
|
isCommentEditor: isComment,
|
|
158
|
-
isChromelessEditor: isChromeless
|
|
159
|
-
tableResizingEnabled: extendedTableFeaturesForComment,
|
|
160
|
-
isTableAlignmentEnabled: extendedTableFeaturesForComment,
|
|
161
|
-
...(initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.tablesPlugin)
|
|
163
|
+
isChromelessEditor: isChromeless
|
|
162
164
|
}], Boolean(props.allowTables)).maybeAdd([tasksAndDecisionsPlugin, {
|
|
163
165
|
allowNestedTasks: props.allowNestedTasks,
|
|
164
166
|
consumeTabs: isFullPage,
|
|
@@ -25,6 +25,39 @@ const extensionLabelStyles = css`
|
|
|
25
25
|
&:not(.danger).${akEditorSelectedNodeClassName} > span > div .extension-label > span {
|
|
26
26
|
display: inline;
|
|
27
27
|
}
|
|
28
|
+
|
|
29
|
+
// Bodied extension edit toggle styles
|
|
30
|
+
&.danger.${akEditorSelectedNodeClassName} > span > .extension-edit-toggle-container {
|
|
31
|
+
opacity: 1;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&:not(.danger).${akEditorSelectedNodeClassName} > span > .extension-edit-toggle-container {
|
|
35
|
+
opacity: 1;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
// .with-bodied-macro-live-page-styles class will only be added to bodied macros with the renderer mode gate enabled
|
|
39
|
+
&:not(.danger).${akEditorSelectedNodeClassName}
|
|
40
|
+
> span
|
|
41
|
+
> div
|
|
42
|
+
> .extension-label.with-bodied-macro-live-page-styles {
|
|
43
|
+
box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px ${"var(--ds-border-selected, #0C66E4)"};
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
&.danger.${akEditorSelectedNodeClassName}
|
|
47
|
+
> span
|
|
48
|
+
> div
|
|
49
|
+
> .extension-label.with-bodied-macro-live-page-styles {
|
|
50
|
+
box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px ${"var(--ds-border-danger, #E2483D)"};
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
&.danger.${akEditorSelectedNodeClassName}
|
|
54
|
+
> span
|
|
55
|
+
> .extension-edit-toggle-container
|
|
56
|
+
> .extension-edit-toggle {
|
|
57
|
+
background-color: ${"var(--ds-background-accent-red-subtler, #FFD5D2)"};
|
|
58
|
+
color: ${"var(--ds-text-danger, #AE2E24)"};
|
|
59
|
+
box-shadow: none;
|
|
60
|
+
}
|
|
28
61
|
`;
|
|
29
62
|
const dangerOverlayStyles = css({
|
|
30
63
|
opacity: 0.3,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "
|
|
2
|
+
export const version = "202.0.0";
|
|
@@ -142,8 +142,11 @@ export default function createUniversalPresetInternal(_ref) {
|
|
|
142
142
|
}, initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.mentionsPlugin)], Boolean(props.mentionProvider)).maybeAdd([emojiPlugin, {
|
|
143
143
|
emojiProvider: props.emojiProvider,
|
|
144
144
|
emojiNodeDataProvider: initialPluginConfiguration === null || initialPluginConfiguration === void 0 || (_initialPluginConfigu = initialPluginConfiguration.emoji) === null || _initialPluginConfigu === void 0 ? void 0 : _initialPluginConfigu.emojiNodeDataProvider
|
|
145
|
-
}], Boolean(props.emojiProvider)).maybeAdd([tablesPlugin,
|
|
146
|
-
tableOptions: !props.allowTables || typeof props.allowTables === 'boolean' ? {} :
|
|
145
|
+
}], Boolean(props.emojiProvider)).maybeAdd([tablesPlugin, {
|
|
146
|
+
tableOptions: !props.allowTables || typeof props.allowTables === 'boolean' ? {} : _objectSpread({
|
|
147
|
+
allowTableResizing: extendedTableFeaturesForComment,
|
|
148
|
+
allowTableAlignment: extendedTableFeaturesForComment
|
|
149
|
+
}, props.allowTables),
|
|
147
150
|
dragAndDropEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableDragAndDrop) && (isFullPage || (isComment || isChromeless) && editorExperiment('support_table_in_comment', true, {
|
|
148
151
|
exposure: true
|
|
149
152
|
})) || extendedTableFeaturesForComment,
|
|
@@ -156,10 +159,8 @@ export default function createUniversalPresetInternal(_ref) {
|
|
|
156
159
|
getEditorFeatureFlags: getEditorFeatureFlags,
|
|
157
160
|
isNewColumnResizingEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableNewColumnResizing) && isFullPage,
|
|
158
161
|
isCommentEditor: isComment,
|
|
159
|
-
isChromelessEditor: isChromeless
|
|
160
|
-
|
|
161
|
-
isTableAlignmentEnabled: extendedTableFeaturesForComment
|
|
162
|
-
}, initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.tablesPlugin)], Boolean(props.allowTables)).maybeAdd([tasksAndDecisionsPlugin, _objectSpread({
|
|
162
|
+
isChromelessEditor: isChromeless
|
|
163
|
+
}], Boolean(props.allowTables)).maybeAdd([tasksAndDecisionsPlugin, _objectSpread({
|
|
163
164
|
allowNestedTasks: props.allowNestedTasks,
|
|
164
165
|
consumeTabs: isFullPage,
|
|
165
166
|
useLongPressSelection: false,
|
|
@@ -4,7 +4,7 @@ var _templateObject, _templateObject2;
|
|
|
4
4
|
import { css } from '@emotion/react';
|
|
5
5
|
import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, blockNodesVerticalMargin, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
|
|
6
6
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
|
|
7
|
-
var extensionLabelStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t&.danger > span > div > .extension-label {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\topacity: 1;\n\t\tbox-shadow: none;\n\t}\n\n\t&:not(.danger).", " > span > div > .extension-label {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\topacity: 1;\n\t\tbox-shadow: none;\n\t}\n\n\t// Targets the icon for bodied macro styling in button label\n\t&.danger > span > div > .extension-label > span {\n\t\tdisplay: inline;\n\t}\n\n\t&:not(.danger).", " > span > div .extension-label > span {\n\t\tdisplay: inline;\n\t}\n"])), "var(--ds-background-accent-red-subtler, #FFD5D2)", "var(--ds-text-danger, #AE2E24)", akEditorSelectedNodeClassName, "var(--ds-background-selected, #E9F2FF)", "var(--ds-text-selected, #0C66E4)", akEditorSelectedNodeClassName);
|
|
7
|
+
var extensionLabelStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t&.danger > span > div > .extension-label {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\topacity: 1;\n\t\tbox-shadow: none;\n\t}\n\n\t&:not(.danger).", " > span > div > .extension-label {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\topacity: 1;\n\t\tbox-shadow: none;\n\t}\n\n\t// Targets the icon for bodied macro styling in button label\n\t&.danger > span > div > .extension-label > span {\n\t\tdisplay: inline;\n\t}\n\n\t&:not(.danger).", " > span > div .extension-label > span {\n\t\tdisplay: inline;\n\t}\n\n\t// Bodied extension edit toggle styles\n\t&.danger.", " > span > .extension-edit-toggle-container {\n\t\topacity: 1;\n\t}\n\n\t&:not(.danger).", " > span > .extension-edit-toggle-container {\n\t\topacity: 1;\n\t}\n\n\t// .with-bodied-macro-live-page-styles class will only be added to bodied macros with the renderer mode gate enabled\n\t&:not(.danger).", "\n\t\t> span\n\t\t> div\n\t\t> .extension-label.with-bodied-macro-live-page-styles {\n\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t}\n\n\t&.danger.", "\n\t\t> span\n\t\t> div\n\t\t> .extension-label.with-bodied-macro-live-page-styles {\n\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t}\n\n\t&.danger.", "\n\t\t> span\n\t\t> .extension-edit-toggle-container\n\t\t> .extension-edit-toggle {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\tbox-shadow: none;\n\t}\n"])), "var(--ds-background-accent-red-subtler, #FFD5D2)", "var(--ds-text-danger, #AE2E24)", akEditorSelectedNodeClassName, "var(--ds-background-selected, #E9F2FF)", "var(--ds-text-selected, #0C66E4)", akEditorSelectedNodeClassName, akEditorSelectedNodeClassName, akEditorSelectedNodeClassName, akEditorSelectedNodeClassName, akEditorSelectedBorderSize, "var(--ds-border-selected, #0C66E4)", akEditorSelectedNodeClassName, akEditorSelectedBorderSize, "var(--ds-border-danger, #E2483D)", akEditorSelectedNodeClassName, "var(--ds-background-accent-red-subtler, #FFD5D2)", "var(--ds-text-danger, #AE2E24)");
|
|
8
8
|
var dangerOverlayStyles = css({
|
|
9
9
|
opacity: 0.3,
|
|
10
10
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "
|
|
2
|
+
export var version = "202.0.0";
|
|
@@ -5796,8 +5796,8 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
|
|
|
5796
5796
|
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
5797
5797
|
} | undefined>>];
|
|
5798
5798
|
actions?: {
|
|
5799
|
-
suppressToolbar
|
|
5800
|
-
unsuppressToolbar
|
|
5799
|
+
suppressToolbar?: (() => boolean) | undefined;
|
|
5800
|
+
unsuppressToolbar?: (() => boolean) | undefined;
|
|
5801
5801
|
} | undefined;
|
|
5802
5802
|
}, {
|
|
5803
5803
|
preferenceToolbarAboveSelection?: boolean | undefined;
|
|
@@ -1375,8 +1375,8 @@ export declare function createDefaultPreset(options: DefaultPresetPluginOptions)
|
|
|
1375
1375
|
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
1376
1376
|
} | undefined>>];
|
|
1377
1377
|
actions?: {
|
|
1378
|
-
suppressToolbar
|
|
1379
|
-
unsuppressToolbar
|
|
1378
|
+
suppressToolbar?: (() => boolean) | undefined;
|
|
1379
|
+
unsuppressToolbar?: (() => boolean) | undefined;
|
|
1380
1380
|
} | undefined;
|
|
1381
1381
|
}, {
|
|
1382
1382
|
preferenceToolbarAboveSelection?: boolean | undefined;
|
|
@@ -3990,8 +3990,8 @@ export declare function useDefaultPreset(props: DefaultPresetPluginOptions): Edi
|
|
|
3990
3990
|
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
3991
3991
|
} | undefined>>];
|
|
3992
3992
|
actions?: {
|
|
3993
|
-
suppressToolbar
|
|
3994
|
-
unsuppressToolbar
|
|
3993
|
+
suppressToolbar?: (() => boolean) | undefined;
|
|
3994
|
+
unsuppressToolbar?: (() => boolean) | undefined;
|
|
3995
3995
|
} | undefined;
|
|
3996
3996
|
}, {
|
|
3997
3997
|
preferenceToolbarAboveSelection?: boolean | undefined;
|
|
@@ -22,10 +22,6 @@ export type InitialPluginConfiguration = {
|
|
|
22
22
|
taskLocalId?: string;
|
|
23
23
|
}[]) => void;
|
|
24
24
|
};
|
|
25
|
-
tablesPlugin?: {
|
|
26
|
-
tableResizingEnabled?: boolean;
|
|
27
|
-
isTableAlignmentEnabled?: boolean;
|
|
28
|
-
};
|
|
29
25
|
emoji?: {
|
|
30
26
|
emojiNodeDataProvider?: EmojiPluginOptions['emojiNodeDataProvider'];
|
|
31
27
|
};
|
|
@@ -5849,8 +5845,8 @@ export default function createUniversalPresetInternal({ appearance, props, featu
|
|
|
5849
5845
|
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
5850
5846
|
} | undefined>>];
|
|
5851
5847
|
actions?: {
|
|
5852
|
-
suppressToolbar
|
|
5853
|
-
unsuppressToolbar
|
|
5848
|
+
suppressToolbar?: (() => boolean) | undefined;
|
|
5849
|
+
unsuppressToolbar?: (() => boolean) | undefined;
|
|
5854
5850
|
} | undefined;
|
|
5855
5851
|
}, {
|
|
5856
5852
|
preferenceToolbarAboveSelection?: boolean | undefined;
|
|
@@ -5796,8 +5796,8 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
|
|
|
5796
5796
|
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
5797
5797
|
} | undefined>>];
|
|
5798
5798
|
actions?: {
|
|
5799
|
-
suppressToolbar
|
|
5800
|
-
unsuppressToolbar
|
|
5799
|
+
suppressToolbar?: (() => boolean) | undefined;
|
|
5800
|
+
unsuppressToolbar?: (() => boolean) | undefined;
|
|
5801
5801
|
} | undefined;
|
|
5802
5802
|
}, {
|
|
5803
5803
|
preferenceToolbarAboveSelection?: boolean | undefined;
|
|
@@ -7051,8 +7051,8 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
|
|
|
7051
7051
|
} | undefined>>
|
|
7052
7052
|
];
|
|
7053
7053
|
actions?: {
|
|
7054
|
-
suppressToolbar
|
|
7055
|
-
unsuppressToolbar
|
|
7054
|
+
suppressToolbar?: (() => boolean) | undefined;
|
|
7055
|
+
unsuppressToolbar?: (() => boolean) | undefined;
|
|
7056
7056
|
} | undefined;
|
|
7057
7057
|
}, {
|
|
7058
7058
|
preferenceToolbarAboveSelection?: boolean | undefined;
|
|
@@ -1674,8 +1674,8 @@ export declare function createDefaultPreset(options: DefaultPresetPluginOptions)
|
|
|
1674
1674
|
} | undefined>>
|
|
1675
1675
|
];
|
|
1676
1676
|
actions?: {
|
|
1677
|
-
suppressToolbar
|
|
1678
|
-
unsuppressToolbar
|
|
1677
|
+
suppressToolbar?: (() => boolean) | undefined;
|
|
1678
|
+
unsuppressToolbar?: (() => boolean) | undefined;
|
|
1679
1679
|
} | undefined;
|
|
1680
1680
|
}, {
|
|
1681
1681
|
preferenceToolbarAboveSelection?: boolean | undefined;
|
|
@@ -4848,8 +4848,8 @@ export declare function useDefaultPreset(props: DefaultPresetPluginOptions): Edi
|
|
|
4848
4848
|
} | undefined>>
|
|
4849
4849
|
];
|
|
4850
4850
|
actions?: {
|
|
4851
|
-
suppressToolbar
|
|
4852
|
-
unsuppressToolbar
|
|
4851
|
+
suppressToolbar?: (() => boolean) | undefined;
|
|
4852
|
+
unsuppressToolbar?: (() => boolean) | undefined;
|
|
4853
4853
|
} | undefined;
|
|
4854
4854
|
}, {
|
|
4855
4855
|
preferenceToolbarAboveSelection?: boolean | undefined;
|
|
@@ -22,10 +22,6 @@ export type InitialPluginConfiguration = {
|
|
|
22
22
|
taskLocalId?: string;
|
|
23
23
|
}[]) => void;
|
|
24
24
|
};
|
|
25
|
-
tablesPlugin?: {
|
|
26
|
-
tableResizingEnabled?: boolean;
|
|
27
|
-
isTableAlignmentEnabled?: boolean;
|
|
28
|
-
};
|
|
29
25
|
emoji?: {
|
|
30
26
|
emojiNodeDataProvider?: EmojiPluginOptions['emojiNodeDataProvider'];
|
|
31
27
|
};
|
|
@@ -7104,8 +7100,8 @@ export default function createUniversalPresetInternal({ appearance, props, featu
|
|
|
7104
7100
|
} | undefined>>
|
|
7105
7101
|
];
|
|
7106
7102
|
actions?: {
|
|
7107
|
-
suppressToolbar
|
|
7108
|
-
unsuppressToolbar
|
|
7103
|
+
suppressToolbar?: (() => boolean) | undefined;
|
|
7104
|
+
unsuppressToolbar?: (() => boolean) | undefined;
|
|
7109
7105
|
} | undefined;
|
|
7110
7106
|
}, {
|
|
7111
7107
|
preferenceToolbarAboveSelection?: boolean | undefined;
|
|
@@ -7051,8 +7051,8 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
|
|
|
7051
7051
|
} | undefined>>
|
|
7052
7052
|
];
|
|
7053
7053
|
actions?: {
|
|
7054
|
-
suppressToolbar
|
|
7055
|
-
unsuppressToolbar
|
|
7054
|
+
suppressToolbar?: (() => boolean) | undefined;
|
|
7055
|
+
unsuppressToolbar?: (() => boolean) | undefined;
|
|
7056
7056
|
} | undefined;
|
|
7057
7057
|
}, {
|
|
7058
7058
|
preferenceToolbarAboveSelection?: boolean | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "202.0.0",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -43,19 +43,19 @@
|
|
|
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.24.0",
|
|
47
47
|
"@atlaskit/editor-json-transformer": "^8.21.0",
|
|
48
48
|
"@atlaskit/editor-plugin-quick-insert": "1.7.0",
|
|
49
49
|
"@atlaskit/editor-plugins": "^5.6.0",
|
|
50
50
|
"@atlaskit/editor-prosemirror": "6.0.0",
|
|
51
51
|
"@atlaskit/editor-shared-styles": "^3.2.0",
|
|
52
|
-
"@atlaskit/emoji": "^67.
|
|
52
|
+
"@atlaskit/emoji": "^67.11.0",
|
|
53
53
|
"@atlaskit/icon": "^22.24.0",
|
|
54
54
|
"@atlaskit/media-card": "^78.14.0",
|
|
55
55
|
"@atlaskit/mention": "^23.4.0",
|
|
56
56
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
57
57
|
"@atlaskit/task-decision": "^17.11.0",
|
|
58
|
-
"@atlaskit/tmp-editor-statsig": "^2.
|
|
58
|
+
"@atlaskit/tmp-editor-statsig": "^2.19.0",
|
|
59
59
|
"@atlaskit/tokens": "^2.2.0",
|
|
60
60
|
"@atlaskit/tooltip": "^18.9.0",
|
|
61
61
|
"@atlaskit/width-detector": "^4.3.0",
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
"@af/visual-regression": "*",
|
|
84
84
|
"@atlaskit/adf-utils": "^19.12.0",
|
|
85
85
|
"@atlaskit/analytics-listeners": "^8.11.0",
|
|
86
|
-
"@atlaskit/collab-provider": "9.
|
|
86
|
+
"@atlaskit/collab-provider": "9.46.0",
|
|
87
87
|
"@atlaskit/editor-plugin-annotation": "1.24.0",
|
|
88
88
|
"@atlaskit/editor-plugin-card": "^4.4.0",
|
|
89
89
|
"@atlaskit/editor-plugin-list": "^3.9.0",
|
|
@@ -96,14 +96,14 @@
|
|
|
96
96
|
"@atlaskit/modal-dialog": "^12.17.0",
|
|
97
97
|
"@atlaskit/primitives": "^13.2.0",
|
|
98
98
|
"@atlaskit/renderer": "^112.5.0",
|
|
99
|
-
"@atlaskit/smart-card": "^30.
|
|
99
|
+
"@atlaskit/smart-card": "^30.3.0",
|
|
100
100
|
"@atlaskit/synchrony-test-helpers": "^2.5.0",
|
|
101
101
|
"@atlaskit/toggle": "^13.4.0",
|
|
102
102
|
"@atlaskit/util-data-test": "^17.13.0",
|
|
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.168",
|
|
107
107
|
"@emotion/jest": "^11.8.0",
|
|
108
108
|
"@storybook/addon-knobs": "^6.4.0",
|
|
109
109
|
"@testing-library/react": "^12.1.5",
|
|
@@ -345,6 +345,10 @@
|
|
|
345
345
|
"platform_editor_react18_phase2__media_single": {
|
|
346
346
|
"type": "boolean",
|
|
347
347
|
"referenceOnly": true
|
|
348
|
+
},
|
|
349
|
+
"platform_editor_elements_dnd_ed_23674": {
|
|
350
|
+
"type": "boolean",
|
|
351
|
+
"referenceOnly": true
|
|
348
352
|
}
|
|
349
353
|
},
|
|
350
354
|
"stricter": {
|