@atlaskit/editor-core 204.5.0 → 204.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/cjs/ui/ContentStyles/layout.js +4 -9
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/ContentStyles/layout.js +1 -39
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/ContentStyles/layout.js +4 -9
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/create-editor/create-universal-preset.d.ts +4 -0
- package/dist/types/presets/universal.d.ts +4 -0
- package/dist/types/presets/useUniversalPreset.d.ts +4 -0
- package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts +4 -0
- package/dist/types-ts4.5/presets/universal.d.ts +4 -0
- package/dist/types-ts4.5/presets/useUniversalPreset.d.ts +4 -0
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -13,7 +13,7 @@ var _consts = require("@atlaskit/editor-plugins/table/ui/consts");
|
|
|
13
13
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
14
14
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
15
15
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
16
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13
|
|
16
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
17
17
|
var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
|
|
18
18
|
return (0, _experiments.editorExperiment)('nested-dnd', true) ? // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
19
19
|
(0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t> :nth-child(1 of :not(style, .ProseMirror-gapcursor, .ProseMirror-widget, span)) {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\t\t\t"]))) : // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
@@ -54,21 +54,16 @@ var layoutWithSeparatorBorderResponsiveStyles = function layoutWithSeparatorBord
|
|
|
54
54
|
|
|
55
55
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
56
56
|
var layoutWithSeparatorBorderStyles = function layoutWithSeparatorBorderStyles(viewMode) {
|
|
57
|
-
if ((0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1')) {
|
|
58
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
59
|
-
return (0, _react.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t&.selected [data-layout-column]:not(:first-of-type),\n\t\t\t[data-empty-layout='true'] [data-layout-column]:not(:first-of-type),\n\t\t\t&:hover [data-layout-column]:not(:first-of-type) {\n\t\t\t\t", "\n\t\t\t}\n\n\t\t\t&.selected.danger [data-layout-section] {\n\t\t\t\tbackground-color: ", ";\n\n\t\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t\t", ";\n\t\t\t\tborder-radius: 4px;\n\t\t\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t\t\t", "\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.", ":not(.danger) [data-layout-section] {\n\t\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t\t", ";\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tbackground-color: ", ";\n\t\t\t\t[data-layout-column] {\n\t\t\t\t\t", "\n\t\t\t\t\tborder: 0px;\n\t\t\t\t\t::before {\n\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t\t\t", "\n\t\t\t\t}\n\t\t\t}\n\t\t"])), columnSeparatorStyles(viewMode), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), viewMode === 'view' ? 0 : _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder, columnSeparatorStyles(viewMode), _editorSharedStyles.akEditorSelectedNodeClassName, viewMode === 'view' ? 0 : _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border-selected, #0C66E4)", "var(--ds-background-selected, #E9F2FF)", (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket]), columnSeparatorStyles(viewMode));
|
|
60
|
-
}
|
|
61
|
-
|
|
62
57
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
63
|
-
return (0, _react.css)(
|
|
58
|
+
return (0, _react.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n\t\t&.selected [data-layout-column]:not(:first-of-type),\n\t\t[data-empty-layout='true'] [data-layout-column]:not(:first-of-type),\n\t\t&:hover [data-layout-column]:not(:first-of-type) {\n\t\t\t", "\n\t\t}\n\n\t\t&.selected.danger [data-layout-section] {\n\t\t\tbackground-color: ", ";\n\n\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t", ";\n\t\t\tborder-radius: 4px;\n\t\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.", ":not(.danger) [data-layout-section] {\n\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t", ";\n\t\t\tborder-radius: 4px;\n\t\t\tbackground-color: ", ";\n\t\t\t[data-layout-column] {\n\t\t\t\t", "\n\t\t\t\tborder: 0px;\n\t\t\t\t::before {\n\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t}\n\t\t\t}\n\t\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t"])), columnSeparatorStyles(viewMode), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), viewMode === 'view' ? 0 : _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder, columnSeparatorStyles(viewMode), _editorSharedStyles.akEditorSelectedNodeClassName, viewMode === 'view' ? 0 : _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border-selected, #0C66E4)", "var(--ds-background-selected, #E9F2FF)", (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket]), columnSeparatorStyles(viewMode));
|
|
64
59
|
};
|
|
65
60
|
var layoutResponsiveStyles = function layoutResponsiveStyles(viewMode) {
|
|
66
61
|
return (// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
67
|
-
(0, _react.css)(
|
|
62
|
+
(0, _react.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n\t\t/* chosen breakpoints in container queries are to make sure layout responsiveness in editor aligns with renderer */\n\t\t/* not resized layout in full-width editor */\n\t\t.fabric-editor--full-width-mode .ProseMirror {\n\t\t\t> .layoutSectionView-content-wrap {\n\t\t\t\t[data-layout-section] {\n\t\t\t\t\t@container editor-area (max-width:724px) {\n\t\t\t\t\t\tflex-direction: column;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t/* not resized layout in fixed-width editor */\n\t\t.ak-editor-content-area:not(.fabric-editor--full-width-mode) .ProseMirror {\n\t\t\t> .layoutSectionView-content-wrap {\n\t\t\t\t[data-layout-section] {\n\t\t\t\t\t@container editor-area (max-width:788px) {\n\t\t\t\t\t\tflex-direction: column;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t/* resized layout in full/fixed-width editor */\n\t\t.ProseMirror .fabric-editor-breakout-mark {\n\t\t\t.layoutSectionView-content-wrap {\n\t\t\t\t[data-layout-section] {\n\t\t\t\t\t@container editor-area (max-width:820px) {\n\t\t\t\t\t\tflex-direction: column;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t"])), layoutWithSeparatorBorderResponsiveStyles(724, viewMode), layoutWithSeparatorBorderResponsiveStyles(788, viewMode), layoutWithSeparatorBorderResponsiveStyles(820, viewMode))
|
|
68
63
|
);
|
|
69
64
|
};
|
|
70
65
|
|
|
71
66
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
|
|
72
67
|
var layoutStyles = exports.layoutStyles = function layoutStyles(viewMode) {
|
|
73
|
-
return (0, _react.css)(
|
|
68
|
+
return (0, _react.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\t", "\n\t\t[data-layout-section] {\n\t\t\t// Ignored via go/ees007\n\t\t\t// eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format\n\t\t\t// TODO: Migrate away from gridSize\n\t\t\t// Recommendation: Replace directly with 7px\n\t\t\tmargin: ", " -", "px 0;\n\t\t\ttransition: border-color 0.3s ", ";\n\t\t\tcursor: ", ";\n\n\t\t\t/* Inner cursor located 26px from left */\n\t\t\t[data-layout-column] {\n\t\t\t\tflex: 1;\n\t\t\t\tposition: relative;\n\n\t\t\t\tmin-width: 0;\n\t\t\t\t/* disable 4 borders when in view mode and advanced layouts is on */\n\t\t\t\tborder: ", "px\n\t\t\t\t\tsolid ", ";\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tpadding: ", "px\n\t\t\t\t\t", "px;\n\t\t\t\tbox-sizing: border-box;\n\n\t\t\t\t> div {\n\t\t\t\t\t", "\n\n\t\t\t\t\t> .embedCardView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .mediaSingleView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-child\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor.-right\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-of-type\n\t\t\t\t\t\t+ .embedCardView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor:first-child\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t/* Prevent first DecisionWrapper's margin-top: 8px from shifting decisions down\n and shrinking layout's node selectable area (leniency margin) */\n\t\t\t\t\t> [data-node-type='decisionList'] {\n\t\t\t\t\t\tli:first-of-type [data-decision-wrapper] {\n\t\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/* Make the 'content' fill the entire height of the layout column to allow click\n handler of layout section nodeview to target only data-layout-column */\n\t\t\t\t[data-layout-content] {\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tcursor: text;\n\t\t\t\t\t.mediaGroupView-content-wrap {\n\t\t\t\t\t\tclear: both;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t", "\n\t\t}\n\n\t\t// styles to support borders for layout\n\t\t[data-layout-section],\n\t\t.layoutSectionView-content-wrap {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", "\n\n\t// hide separator when element is dragging on top of a layout column\n\t[data-blocks-drop-target-container] ~ [data-layout-column] > [data-layout-content]::before {\n\t\tdisplay: none;\n\t}\n\n\t.fabric-editor--full-width-mode .ProseMirror {\n\t\t[data-layout-section] {\n\t\t\t.", " {\n\t\t\t\tmargin: 0 ", "px;\n\t\t\t}\n\t\t}\n\t}\n\n\t", "\n"])), layoutSectionStyles(), "var(--ds-space-100, 8px)", _editorSharedStyles.akLayoutGutterOffset + ((0, _experiments.editorExperiment)('nested-dnd', true) && (0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_2') ? 8 : 0), _editorSharedStyles.akEditorSwoopCubicBezier, viewMode === 'view' ? 'default' : 'pointer', viewMode === 'view' || (0, _experiments.editorExperiment)('advanced_layouts', true) ? 0 : _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border, #091E4224)", _styles.LAYOUT_COLUMN_PADDING, _styles.LAYOUT_COLUMN_PADDING + ((0, _experiments.editorExperiment)('nested-dnd', true) ? 8 : 0), firstNodeWithNotMarginTop(), layoutColumnStyles(), (0, _experiments.editorExperiment)('advanced_layouts', true) ? layoutWithSeparatorBorderStyles(viewMode) : layoutBorderStyles(viewMode), (0, _experiments.editorExperiment)('advanced_layouts', true) && layoutResponsiveStyles(viewMode), _types.TableCssClassName.TABLE_CONTAINER, _consts.tableMarginFullWidthMode, (0, _experiments.editorExperiment)('nested-dnd', true) && (0, _experiments.editorExperiment)('advanced_layouts', false) && ".ak-editor-content-area.appearance-full-page .ProseMirror [data-layout-section] {\n\t\t\t\tmargin: ".concat("var(--ds-space-100, 8px)", " -", _editorSharedStyles.akLayoutGutterOffset + 8, "px 0;\n\t\t\t\t}"));
|
|
74
69
|
};
|
|
@@ -182,48 +182,10 @@ const layoutWithSeparatorBorderResponsiveStyles = (breakpoint, viewMode
|
|
|
182
182
|
|
|
183
183
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
184
184
|
const layoutWithSeparatorBorderStyles = viewMode => {
|
|
185
|
-
if (fg('platform_editor_advanced_layouts_post_fix_patch_1')) {
|
|
186
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
187
|
-
return css`
|
|
188
|
-
&.selected [data-layout-column]:not(:first-of-type),
|
|
189
|
-
[data-empty-layout='true'] [data-layout-column]:not(:first-of-type),
|
|
190
|
-
&:hover [data-layout-column]:not(:first-of-type) {
|
|
191
|
-
${columnSeparatorStyles(viewMode)}
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
&.selected.danger [data-layout-section] {
|
|
195
|
-
background-color: ${`var(--ds-background-danger, ${akEditorDeleteBackground})`};
|
|
196
|
-
|
|
197
|
-
box-shadow: 0 0 0 ${viewMode === 'view' ? 0 : akEditorSelectedBorderSize}px
|
|
198
|
-
${akEditorDeleteBorder};
|
|
199
|
-
border-radius: 4px;
|
|
200
|
-
[data-layout-column]:not(:first-of-type) {
|
|
201
|
-
${columnSeparatorStyles(viewMode)}
|
|
202
|
-
}
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
&.${akEditorSelectedNodeClassName}:not(.danger) [data-layout-section] {
|
|
206
|
-
box-shadow: 0 0 0 ${viewMode === 'view' ? 0 : akEditorSelectedBorderSize}px
|
|
207
|
-
${"var(--ds-border-selected, #0C66E4)"};
|
|
208
|
-
border-radius: 4px;
|
|
209
|
-
background-color: ${"var(--ds-background-selected, #E9F2FF)"};
|
|
210
|
-
[data-layout-column] {
|
|
211
|
-
${getSelectionStyles([SelectionStyle.Blanket])}
|
|
212
|
-
border: 0px;
|
|
213
|
-
::before {
|
|
214
|
-
background-color: transparent;
|
|
215
|
-
}
|
|
216
|
-
}
|
|
217
|
-
[data-layout-column]:not(:first-of-type) {
|
|
218
|
-
${columnSeparatorStyles(viewMode)}
|
|
219
|
-
}
|
|
220
|
-
}
|
|
221
|
-
`;
|
|
222
|
-
}
|
|
223
|
-
|
|
224
185
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
225
186
|
return css`
|
|
226
187
|
&.selected [data-layout-column]:not(:first-of-type),
|
|
188
|
+
[data-empty-layout='true'] [data-layout-column]:not(:first-of-type),
|
|
227
189
|
&:hover [data-layout-column]:not(:first-of-type) {
|
|
228
190
|
${columnSeparatorStyles(viewMode)}
|
|
229
191
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "204.5.
|
|
2
|
+
export const version = "204.5.1";
|
|
@@ -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;
|
|
3
3
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
4
|
import { css } from '@emotion/react';
|
|
5
5
|
import { columnLayoutResponsiveSharedStyle, columnLayoutSharedStyle, LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN } from '@atlaskit/editor-common/styles';
|
|
@@ -48,21 +48,16 @@ var layoutWithSeparatorBorderResponsiveStyles = function layoutWithSeparatorBord
|
|
|
48
48
|
|
|
49
49
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
50
50
|
var layoutWithSeparatorBorderStyles = function layoutWithSeparatorBorderStyles(viewMode) {
|
|
51
|
-
if (fg('platform_editor_advanced_layouts_post_fix_patch_1')) {
|
|
52
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
53
|
-
return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n\t\t\t&.selected [data-layout-column]:not(:first-of-type),\n\t\t\t[data-empty-layout='true'] [data-layout-column]:not(:first-of-type),\n\t\t\t&:hover [data-layout-column]:not(:first-of-type) {\n\t\t\t\t", "\n\t\t\t}\n\n\t\t\t&.selected.danger [data-layout-section] {\n\t\t\t\tbackground-color: ", ";\n\n\t\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t\t", ";\n\t\t\t\tborder-radius: 4px;\n\t\t\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t\t\t", "\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.", ":not(.danger) [data-layout-section] {\n\t\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t\t", ";\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tbackground-color: ", ";\n\t\t\t\t[data-layout-column] {\n\t\t\t\t\t", "\n\t\t\t\t\tborder: 0px;\n\t\t\t\t\t::before {\n\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t\t\t", "\n\t\t\t\t}\n\t\t\t}\n\t\t"])), columnSeparatorStyles(viewMode), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), viewMode === 'view' ? 0 : akEditorSelectedBorderSize, akEditorDeleteBorder, columnSeparatorStyles(viewMode), akEditorSelectedNodeClassName, viewMode === 'view' ? 0 : akEditorSelectedBorderSize, "var(--ds-border-selected, #0C66E4)", "var(--ds-background-selected, #E9F2FF)", getSelectionStyles([SelectionStyle.Blanket]), columnSeparatorStyles(viewMode));
|
|
54
|
-
}
|
|
55
|
-
|
|
56
51
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
57
|
-
return css(
|
|
52
|
+
return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n\t\t&.selected [data-layout-column]:not(:first-of-type),\n\t\t[data-empty-layout='true'] [data-layout-column]:not(:first-of-type),\n\t\t&:hover [data-layout-column]:not(:first-of-type) {\n\t\t\t", "\n\t\t}\n\n\t\t&.selected.danger [data-layout-section] {\n\t\t\tbackground-color: ", ";\n\n\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t", ";\n\t\t\tborder-radius: 4px;\n\t\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.", ":not(.danger) [data-layout-section] {\n\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t", ";\n\t\t\tborder-radius: 4px;\n\t\t\tbackground-color: ", ";\n\t\t\t[data-layout-column] {\n\t\t\t\t", "\n\t\t\t\tborder: 0px;\n\t\t\t\t::before {\n\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t}\n\t\t\t}\n\t\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t"])), columnSeparatorStyles(viewMode), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), viewMode === 'view' ? 0 : akEditorSelectedBorderSize, akEditorDeleteBorder, columnSeparatorStyles(viewMode), akEditorSelectedNodeClassName, viewMode === 'view' ? 0 : akEditorSelectedBorderSize, "var(--ds-border-selected, #0C66E4)", "var(--ds-background-selected, #E9F2FF)", getSelectionStyles([SelectionStyle.Blanket]), columnSeparatorStyles(viewMode));
|
|
58
53
|
};
|
|
59
54
|
var layoutResponsiveStyles = function layoutResponsiveStyles(viewMode) {
|
|
60
55
|
return (// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
61
|
-
css(
|
|
56
|
+
css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n\t\t/* chosen breakpoints in container queries are to make sure layout responsiveness in editor aligns with renderer */\n\t\t/* not resized layout in full-width editor */\n\t\t.fabric-editor--full-width-mode .ProseMirror {\n\t\t\t> .layoutSectionView-content-wrap {\n\t\t\t\t[data-layout-section] {\n\t\t\t\t\t@container editor-area (max-width:724px) {\n\t\t\t\t\t\tflex-direction: column;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t/* not resized layout in fixed-width editor */\n\t\t.ak-editor-content-area:not(.fabric-editor--full-width-mode) .ProseMirror {\n\t\t\t> .layoutSectionView-content-wrap {\n\t\t\t\t[data-layout-section] {\n\t\t\t\t\t@container editor-area (max-width:788px) {\n\t\t\t\t\t\tflex-direction: column;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t/* resized layout in full/fixed-width editor */\n\t\t.ProseMirror .fabric-editor-breakout-mark {\n\t\t\t.layoutSectionView-content-wrap {\n\t\t\t\t[data-layout-section] {\n\t\t\t\t\t@container editor-area (max-width:820px) {\n\t\t\t\t\t\tflex-direction: column;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t"])), layoutWithSeparatorBorderResponsiveStyles(724, viewMode), layoutWithSeparatorBorderResponsiveStyles(788, viewMode), layoutWithSeparatorBorderResponsiveStyles(820, viewMode))
|
|
62
57
|
);
|
|
63
58
|
};
|
|
64
59
|
|
|
65
60
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
|
|
66
61
|
export var layoutStyles = function layoutStyles(viewMode) {
|
|
67
|
-
return css(
|
|
62
|
+
return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t", "\n\t\t[data-layout-section] {\n\t\t\t// Ignored via go/ees007\n\t\t\t// eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format\n\t\t\t// TODO: Migrate away from gridSize\n\t\t\t// Recommendation: Replace directly with 7px\n\t\t\tmargin: ", " -", "px 0;\n\t\t\ttransition: border-color 0.3s ", ";\n\t\t\tcursor: ", ";\n\n\t\t\t/* Inner cursor located 26px from left */\n\t\t\t[data-layout-column] {\n\t\t\t\tflex: 1;\n\t\t\t\tposition: relative;\n\n\t\t\t\tmin-width: 0;\n\t\t\t\t/* disable 4 borders when in view mode and advanced layouts is on */\n\t\t\t\tborder: ", "px\n\t\t\t\t\tsolid ", ";\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tpadding: ", "px\n\t\t\t\t\t", "px;\n\t\t\t\tbox-sizing: border-box;\n\n\t\t\t\t> div {\n\t\t\t\t\t", "\n\n\t\t\t\t\t> .embedCardView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .mediaSingleView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-child\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor.-right\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-of-type\n\t\t\t\t\t\t+ .embedCardView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor:first-child\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t/* Prevent first DecisionWrapper's margin-top: 8px from shifting decisions down\n and shrinking layout's node selectable area (leniency margin) */\n\t\t\t\t\t> [data-node-type='decisionList'] {\n\t\t\t\t\t\tli:first-of-type [data-decision-wrapper] {\n\t\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/* Make the 'content' fill the entire height of the layout column to allow click\n handler of layout section nodeview to target only data-layout-column */\n\t\t\t\t[data-layout-content] {\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tcursor: text;\n\t\t\t\t\t.mediaGroupView-content-wrap {\n\t\t\t\t\t\tclear: both;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t", "\n\t\t}\n\n\t\t// styles to support borders for layout\n\t\t[data-layout-section],\n\t\t.layoutSectionView-content-wrap {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", "\n\n\t// hide separator when element is dragging on top of a layout column\n\t[data-blocks-drop-target-container] ~ [data-layout-column] > [data-layout-content]::before {\n\t\tdisplay: none;\n\t}\n\n\t.fabric-editor--full-width-mode .ProseMirror {\n\t\t[data-layout-section] {\n\t\t\t.", " {\n\t\t\t\tmargin: 0 ", "px;\n\t\t\t}\n\t\t}\n\t}\n\n\t", "\n"])), layoutSectionStyles(), "var(--ds-space-100, 8px)", akLayoutGutterOffset + (editorExperiment('nested-dnd', true) && fg('platform_editor_advanced_layouts_post_fix_patch_2') ? 8 : 0), akEditorSwoopCubicBezier, viewMode === 'view' ? 'default' : 'pointer', viewMode === 'view' || editorExperiment('advanced_layouts', true) ? 0 : akEditorSelectedBorderSize, "var(--ds-border, #091E4224)", LAYOUT_COLUMN_PADDING, LAYOUT_COLUMN_PADDING + (editorExperiment('nested-dnd', true) ? 8 : 0), firstNodeWithNotMarginTop(), layoutColumnStyles(), editorExperiment('advanced_layouts', true) ? layoutWithSeparatorBorderStyles(viewMode) : layoutBorderStyles(viewMode), editorExperiment('advanced_layouts', true) && layoutResponsiveStyles(viewMode), TableCssClassName.TABLE_CONTAINER, tableMarginFullWidthMode, editorExperiment('nested-dnd', true) && editorExperiment('advanced_layouts', false) && ".ak-editor-content-area.appearance-full-page .ProseMirror [data-layout-section] {\n\t\t\t\tmargin: ".concat("var(--ds-space-100, 8px)", " -", akLayoutGutterOffset + 8, "px 0;\n\t\t\t\t}"));
|
|
68
63
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "204.5.
|
|
2
|
+
export var version = "204.5.1";
|
|
@@ -828,6 +828,10 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
|
|
|
828
828
|
}) => void;
|
|
829
829
|
};
|
|
830
830
|
}, undefined>>];
|
|
831
|
+
actions: {
|
|
832
|
+
undo: import("packages/editor/editor-plugin-undo-redo/dist/types/undoRedoPluginType").UndoRedoAction;
|
|
833
|
+
redo: import("packages/editor/editor-plugin-undo-redo/dist/types/undoRedoPluginType").UndoRedoAction;
|
|
834
|
+
};
|
|
831
835
|
}, undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"primaryToolbar", {
|
|
832
836
|
sharedState: import("@atlaskit/editor-plugins/primary-toolbar").PrimaryToolbarPluginState | undefined;
|
|
833
837
|
actions: {
|
|
@@ -880,6 +880,10 @@ export default function createUniversalPresetInternal({ appearance, props, featu
|
|
|
880
880
|
}) => void;
|
|
881
881
|
};
|
|
882
882
|
}, undefined>>];
|
|
883
|
+
actions: {
|
|
884
|
+
undo: import("packages/editor/editor-plugin-undo-redo/dist/types/undoRedoPluginType").UndoRedoAction;
|
|
885
|
+
redo: import("packages/editor/editor-plugin-undo-redo/dist/types/undoRedoPluginType").UndoRedoAction;
|
|
886
|
+
};
|
|
883
887
|
}, undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"primaryToolbar", {
|
|
884
888
|
sharedState: import("@atlaskit/editor-plugins/primary-toolbar").PrimaryToolbarPluginState | undefined;
|
|
885
889
|
actions: {
|
|
@@ -828,6 +828,10 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
|
|
|
828
828
|
}) => void;
|
|
829
829
|
};
|
|
830
830
|
}, undefined>>];
|
|
831
|
+
actions: {
|
|
832
|
+
undo: import("packages/editor/editor-plugin-undo-redo/dist/types/undoRedoPluginType").UndoRedoAction;
|
|
833
|
+
redo: import("packages/editor/editor-plugin-undo-redo/dist/types/undoRedoPluginType").UndoRedoAction;
|
|
834
|
+
};
|
|
831
835
|
}, undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"primaryToolbar", {
|
|
832
836
|
sharedState: import("@atlaskit/editor-plugins/primary-toolbar").PrimaryToolbarPluginState | undefined;
|
|
833
837
|
actions: {
|
|
@@ -1051,6 +1051,10 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
|
|
|
1051
1051
|
};
|
|
1052
1052
|
}, undefined>>
|
|
1053
1053
|
];
|
|
1054
|
+
actions: {
|
|
1055
|
+
undo: import("packages/editor/editor-plugin-undo-redo/dist/types/undoRedoPluginType").UndoRedoAction;
|
|
1056
|
+
redo: import("packages/editor/editor-plugin-undo-redo/dist/types/undoRedoPluginType").UndoRedoAction;
|
|
1057
|
+
};
|
|
1054
1058
|
}, undefined> | undefined,
|
|
1055
1059
|
import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"primaryToolbar", {
|
|
1056
1060
|
sharedState: import("@atlaskit/editor-plugins/primary-toolbar").PrimaryToolbarPluginState | undefined;
|
|
@@ -1103,6 +1103,10 @@ export default function createUniversalPresetInternal({ appearance, props, featu
|
|
|
1103
1103
|
};
|
|
1104
1104
|
}, undefined>>
|
|
1105
1105
|
];
|
|
1106
|
+
actions: {
|
|
1107
|
+
undo: import("packages/editor/editor-plugin-undo-redo/dist/types/undoRedoPluginType").UndoRedoAction;
|
|
1108
|
+
redo: import("packages/editor/editor-plugin-undo-redo/dist/types/undoRedoPluginType").UndoRedoAction;
|
|
1109
|
+
};
|
|
1106
1110
|
}, undefined> | undefined,
|
|
1107
1111
|
import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"primaryToolbar", {
|
|
1108
1112
|
sharedState: import("@atlaskit/editor-plugins/primary-toolbar").PrimaryToolbarPluginState | undefined;
|
|
@@ -1051,6 +1051,10 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
|
|
|
1051
1051
|
};
|
|
1052
1052
|
}, undefined>>
|
|
1053
1053
|
];
|
|
1054
|
+
actions: {
|
|
1055
|
+
undo: import("packages/editor/editor-plugin-undo-redo/dist/types/undoRedoPluginType").UndoRedoAction;
|
|
1056
|
+
redo: import("packages/editor/editor-plugin-undo-redo/dist/types/undoRedoPluginType").UndoRedoAction;
|
|
1057
|
+
};
|
|
1054
1058
|
}, undefined> | undefined,
|
|
1055
1059
|
import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"primaryToolbar", {
|
|
1056
1060
|
sharedState: import("@atlaskit/editor-plugins/primary-toolbar").PrimaryToolbarPluginState | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "204.5.
|
|
3
|
+
"version": "204.5.1",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"@atlaskit/analytics-next-stable-react-context": "1.0.1",
|
|
47
47
|
"@atlaskit/button": "^21.1.0",
|
|
48
48
|
"@atlaskit/css": "^0.10.0",
|
|
49
|
-
"@atlaskit/editor-common": "^102.
|
|
49
|
+
"@atlaskit/editor-common": "^102.8.0",
|
|
50
50
|
"@atlaskit/editor-json-transformer": "^8.24.0",
|
|
51
51
|
"@atlaskit/editor-performance-metrics": "^2.0.0",
|
|
52
52
|
"@atlaskit/editor-plugin-quick-insert": "^2.1.0",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
61
61
|
"@atlaskit/react-ufo": "^3.4.0",
|
|
62
62
|
"@atlaskit/task-decision": "^19.1.0",
|
|
63
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
63
|
+
"@atlaskit/tmp-editor-statsig": "^4.0.0",
|
|
64
64
|
"@atlaskit/tokens": "^4.5.0",
|
|
65
65
|
"@atlaskit/tooltip": "^20.0.0",
|
|
66
66
|
"@atlaskit/width-detector": "^5.0.0",
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
"@atlaskit/media-test-helpers": "^35.0.0",
|
|
101
101
|
"@atlaskit/modal-dialog": "^13.1.0",
|
|
102
102
|
"@atlaskit/primitives": "^14.1.0",
|
|
103
|
-
"@atlaskit/renderer": "^114.
|
|
103
|
+
"@atlaskit/renderer": "^114.3.0",
|
|
104
104
|
"@atlaskit/smart-card": "^35.2.0",
|
|
105
105
|
"@atlaskit/synchrony-test-helpers": "^3.1.0",
|
|
106
106
|
"@atlaskit/toggle": "^15.0.0",
|
|
@@ -320,10 +320,6 @@
|
|
|
320
320
|
"type": "boolean",
|
|
321
321
|
"referenceOnly": true
|
|
322
322
|
},
|
|
323
|
-
"platform_editor_advanced_layouts_post_fix_patch_1": {
|
|
324
|
-
"type": "boolean",
|
|
325
|
-
"referenceOnly": true
|
|
326
|
-
},
|
|
327
323
|
"platform_editor_advanced_layouts_post_fix_patch_2": {
|
|
328
324
|
"type": "boolean",
|
|
329
325
|
"referenceOnly": true
|
|
@@ -551,6 +547,10 @@
|
|
|
551
547
|
"type": "boolean",
|
|
552
548
|
"referenceOnly": true
|
|
553
549
|
},
|
|
550
|
+
"platform_editor_drag_layout_column_into_nodes": {
|
|
551
|
+
"type": "boolean",
|
|
552
|
+
"referenceOnly": true
|
|
553
|
+
},
|
|
554
554
|
"platform-linking-visual-refresh-v1": {
|
|
555
555
|
"type": "boolean"
|
|
556
556
|
},
|