@atlaskit/editor-common 74.38.1 → 74.40.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 +12 -0
- package/commands/package.json +15 -0
- package/dist/cjs/commands/index.js +127 -0
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/styles/index.js +6 -0
- package/dist/cjs/styles/shared/resizer.js +5 -3
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/commands/index.js +115 -0
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/styles/index.js +1 -1
- package/dist/es2019/styles/shared/resizer.js +27 -5
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/commands/index.js +113 -0
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/styles/index.js +1 -1
- package/dist/esm/styles/shared/resizer.js +3 -2
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/esm/version.json +1 -1
- package/dist/types/commands/index.d.ts +18 -0
- package/dist/types/styles/index.d.ts +1 -1
- package/dist/types/styles/shared/resizer.d.ts +1 -0
- package/dist/types-ts4.5/commands/index.d.ts +18 -0
- package/dist/types-ts4.5/styles/index.d.ts +1 -1
- package/dist/types-ts4.5/styles/shared/resizer.d.ts +1 -0
- package/package.json +2 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 74.40.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`960a2b478c8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/960a2b478c8) - [ux] [ED-19167] Add blue shadow to resizer handle on hover
|
|
8
|
+
|
|
9
|
+
## 74.39.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- [`021d5f488ec`](https://bitbucket.org/atlassian/atlassian-frontend/commits/021d5f488ec) - [ED-16733] Media Plugin Extractation - Move core commands to common entrypoint
|
|
14
|
+
|
|
3
15
|
## 74.38.1
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/editor-common/commands",
|
|
3
|
+
"main": "../dist/cjs/commands/index.js",
|
|
4
|
+
"module": "../dist/esm/commands/index.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/commands/index.js",
|
|
6
|
+
"sideEffects": false,
|
|
7
|
+
"types": "../dist/types/commands/index.d.ts",
|
|
8
|
+
"typesVersions": {
|
|
9
|
+
">=4.5 <4.9": {
|
|
10
|
+
"*": [
|
|
11
|
+
"../dist/types-ts4.5/commands/index.d.ts"
|
|
12
|
+
]
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.addParagraphAtEnd = addParagraphAtEnd;
|
|
8
|
+
exports.clearEditorContent = exports.changeImageAlignment = void 0;
|
|
9
|
+
exports.createParagraphAtEnd = createParagraphAtEnd;
|
|
10
|
+
exports.toggleBlockMark = exports.createToggleBlockMarkOnRange = void 0;
|
|
11
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
12
|
+
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
13
|
+
var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
|
|
14
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
15
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
16
|
+
function addParagraphAtEnd(tr) {
|
|
17
|
+
var paragraph = tr.doc.type.schema.nodes.paragraph,
|
|
18
|
+
doc = tr.doc;
|
|
19
|
+
if (doc.lastChild && !(doc.lastChild.type === paragraph && doc.lastChild.content.size === 0)) {
|
|
20
|
+
if (paragraph) {
|
|
21
|
+
tr.insert(doc.content.size, paragraph.createAndFill());
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
tr.setSelection(_state.TextSelection.create(tr.doc, tr.doc.content.size - 1));
|
|
25
|
+
tr.scrollIntoView();
|
|
26
|
+
}
|
|
27
|
+
function createParagraphAtEnd() {
|
|
28
|
+
return function (state, dispatch) {
|
|
29
|
+
var tr = state.tr;
|
|
30
|
+
addParagraphAtEnd(tr);
|
|
31
|
+
if (dispatch) {
|
|
32
|
+
dispatch(tr);
|
|
33
|
+
}
|
|
34
|
+
return true;
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
var changeImageAlignment = function changeImageAlignment(align) {
|
|
38
|
+
return function (state, dispatch) {
|
|
39
|
+
var _state$selection = state.selection,
|
|
40
|
+
from = _state$selection.from,
|
|
41
|
+
to = _state$selection.to;
|
|
42
|
+
var tr = state.tr;
|
|
43
|
+
state.doc.nodesBetween(from, to, function (node, pos) {
|
|
44
|
+
if (node.type === state.schema.nodes.mediaSingle) {
|
|
45
|
+
tr.setNodeMarkup(pos, undefined, _objectSpread(_objectSpread({}, node.attrs), {}, {
|
|
46
|
+
layout: align === 'center' ? 'center' : "align-".concat(align)
|
|
47
|
+
}));
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
if (tr.docChanged && dispatch) {
|
|
51
|
+
dispatch(tr.scrollIntoView());
|
|
52
|
+
return true;
|
|
53
|
+
}
|
|
54
|
+
return false;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
exports.changeImageAlignment = changeImageAlignment;
|
|
58
|
+
var createToggleBlockMarkOnRange = function createToggleBlockMarkOnRange(markType, getAttrs, allowedBlocks) {
|
|
59
|
+
return function (from, to, tr, state) {
|
|
60
|
+
var markApplied = false;
|
|
61
|
+
state.doc.nodesBetween(from, to, function (node, pos, parent) {
|
|
62
|
+
if (!node.type.isBlock) {
|
|
63
|
+
return false;
|
|
64
|
+
}
|
|
65
|
+
if ((!allowedBlocks || (Array.isArray(allowedBlocks) ? allowedBlocks.indexOf(node.type) > -1 : allowedBlocks(state.schema, node, parent))) && parent !== null && parent !== void 0 && parent.type.allowsMarkType(markType)) {
|
|
66
|
+
var oldMarks = node.marks.filter(function (mark) {
|
|
67
|
+
return mark.type === markType;
|
|
68
|
+
});
|
|
69
|
+
var _prevAttrs = oldMarks.length ? oldMarks[0].attrs : undefined;
|
|
70
|
+
var newAttrs = getAttrs(_prevAttrs, node);
|
|
71
|
+
if (newAttrs !== undefined) {
|
|
72
|
+
tr.setNodeMarkup(pos, node.type, node.attrs, node.marks.filter(function (mark) {
|
|
73
|
+
return !markType.excludes(mark.type);
|
|
74
|
+
}).concat(newAttrs === false ? [] : markType.create(newAttrs)));
|
|
75
|
+
markApplied = true;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
return;
|
|
79
|
+
});
|
|
80
|
+
return markApplied;
|
|
81
|
+
};
|
|
82
|
+
};
|
|
83
|
+
|
|
84
|
+
/**
|
|
85
|
+
* Toggles block mark based on the return type of `getAttrs`.
|
|
86
|
+
* This is similar to ProseMirror's `getAttrs` from `AttributeSpec`
|
|
87
|
+
* return `false` to remove the mark.
|
|
88
|
+
* return `undefined for no-op.
|
|
89
|
+
* return an `object` to update the mark.
|
|
90
|
+
*/
|
|
91
|
+
exports.createToggleBlockMarkOnRange = createToggleBlockMarkOnRange;
|
|
92
|
+
var toggleBlockMark = function toggleBlockMark(markType, getAttrs, allowedBlocks) {
|
|
93
|
+
return function (state, dispatch) {
|
|
94
|
+
var markApplied = false;
|
|
95
|
+
var tr = state.tr;
|
|
96
|
+
var toggleBlockMarkOnRange = createToggleBlockMarkOnRange(markType, getAttrs, allowedBlocks);
|
|
97
|
+
if (state.selection instanceof _cellSelection.CellSelection) {
|
|
98
|
+
state.selection.forEachCell(function (cell, pos) {
|
|
99
|
+
markApplied = toggleBlockMarkOnRange(pos, pos + cell.nodeSize, tr, state);
|
|
100
|
+
});
|
|
101
|
+
} else {
|
|
102
|
+
var _state$selection2 = state.selection,
|
|
103
|
+
from = _state$selection2.from,
|
|
104
|
+
to = _state$selection2.to;
|
|
105
|
+
markApplied = toggleBlockMarkOnRange(from, to, tr, state);
|
|
106
|
+
}
|
|
107
|
+
if (markApplied && tr.docChanged) {
|
|
108
|
+
if (dispatch) {
|
|
109
|
+
dispatch(tr.scrollIntoView());
|
|
110
|
+
}
|
|
111
|
+
return true;
|
|
112
|
+
}
|
|
113
|
+
return false;
|
|
114
|
+
};
|
|
115
|
+
};
|
|
116
|
+
exports.toggleBlockMark = toggleBlockMark;
|
|
117
|
+
var clearEditorContent = function clearEditorContent(state, dispatch) {
|
|
118
|
+
var tr = state.tr;
|
|
119
|
+
tr.replace(0, state.doc.nodeSize - 2);
|
|
120
|
+
tr.setSelection(_state.Selection.atStart(tr.doc));
|
|
121
|
+
if (dispatch) {
|
|
122
|
+
dispatch(tr);
|
|
123
|
+
return true;
|
|
124
|
+
}
|
|
125
|
+
return false;
|
|
126
|
+
};
|
|
127
|
+
exports.clearEditorContent = clearEditorContent;
|
|
@@ -16,7 +16,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
16
16
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
17
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
18
18
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
19
|
-
var packageVersion = "74.
|
|
19
|
+
var packageVersion = "74.40.0";
|
|
20
20
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
21
21
|
// Remove URL as it has UGC
|
|
22
22
|
// TODO: Sanitise the URL instead of just removing it
|
package/dist/cjs/styles/index.js
CHANGED
|
@@ -231,6 +231,12 @@ Object.defineProperty(exports, "paragraphSharedStyles", {
|
|
|
231
231
|
return _paragraph.paragraphSharedStyles;
|
|
232
232
|
}
|
|
233
233
|
});
|
|
234
|
+
Object.defineProperty(exports, "resizerHandleShadowClassName", {
|
|
235
|
+
enumerable: true,
|
|
236
|
+
get: function get() {
|
|
237
|
+
return _resizer.resizerHandleShadowClassName;
|
|
238
|
+
}
|
|
239
|
+
});
|
|
234
240
|
Object.defineProperty(exports, "resizerStyles", {
|
|
235
241
|
enumerable: true,
|
|
236
242
|
get: function get() {
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.resizerStyles = exports.resizerItemClassName = exports.resizerHandleZIndex = exports.resizerHandleStickyClassName = exports.resizerHandleSmallClassName = exports.resizerHandleRightClassName = exports.resizerHandleMediumClassName = exports.resizerHandleLeftClassName = exports.resizerHandleLargeClassName = exports.resizerHandleClassName = void 0;
|
|
7
|
+
exports.resizerStyles = exports.resizerItemClassName = exports.resizerHandleZIndex = exports.resizerHandleStickyClassName = exports.resizerHandleSmallClassName = exports.resizerHandleShadowClassName = exports.resizerHandleRightClassName = exports.resizerHandleMediumClassName = exports.resizerHandleLeftClassName = exports.resizerHandleLargeClassName = exports.resizerHandleClassName = void 0;
|
|
8
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _colors = require("@atlaskit/theme/colors");
|
|
@@ -21,9 +21,11 @@ exports.resizerHandleRightClassName = resizerHandleRightClassName;
|
|
|
21
21
|
var resizerHandleLeftClassName = 'resizer-handle-left';
|
|
22
22
|
exports.resizerHandleLeftClassName = resizerHandleLeftClassName;
|
|
23
23
|
var resizerHandleStickyClassName = 'resizer-handle-sticky';
|
|
24
|
+
exports.resizerHandleStickyClassName = resizerHandleStickyClassName;
|
|
25
|
+
var resizerHandleShadowClassName = 'resizer-handle-shadow';
|
|
24
26
|
|
|
25
27
|
// akEditorSelectedNodeClassName from '@atlaskit/editor-shared-styles';
|
|
26
|
-
exports.
|
|
28
|
+
exports.resizerHandleShadowClassName = resizerHandleShadowClassName;
|
|
27
29
|
var akEditorSelectedNodeClassName = 'ak-editor-selected-node';
|
|
28
30
|
var resizerHandleZIndex = 99;
|
|
29
31
|
exports.resizerHandleZIndex = resizerHandleZIndex;
|
|
@@ -39,5 +41,5 @@ var resizerHandleClassName = {
|
|
|
39
41
|
large: resizerHandleLargeClassName
|
|
40
42
|
};
|
|
41
43
|
exports.resizerHandleClassName = resizerHandleClassName;
|
|
42
|
-
var resizerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n .", ", .", " {\n display: flex;\n visibility: hidden;\n flex-direction: column;\n justify-content: center;\n }\n\n .", " {\n align-items: flex-end;\n }\n\n .", " {\n align-items: flex-start;\n }\n\n .", "::after,\n .", "::after {\n content: ' ';\n display: flex;\n width: 3px;\n height: 64px;\n\n border-radius: 6px;\n }\n\n .", ":hover\n .", ",\n .", ":hover\n .", ",\n .", ".display-handle\n .", ",\n .", ".display-handle\n .", " {\n visibility: visible;\n }\n\n .", ":hover\n .", "::after,\n .", ":hover\n .", "::after,\n .", ".display-handle\n .", "::after,\n .", ".display-handle\n .", "::after {\n background: ", ";\n }\n\n .", "\n .", "::after,\n .", "\n .", "::after,\n .", "\n .", ":hover::after,\n .", "\n .", ":hover::after,\n .", ".is-resizing\n .", "::after,\n .", ".is-resizing\n .", "::after {\n background: ", ";\n }\n\n .", ".", "::after,\n .", ".", "::after {\n height: 64px;\n }\n\n .", ".", "::after,\n .", ".", "::after {\n height: 43px;\n }\n\n .", ".", "::after,\n .", ".", "::after {\n height: 96px;\n }\n\n .", ".", "::after,\n .", ".", "::after {\n position: sticky;\n top: 10px;\n bottom: 10px;\n }\n"])), resizerHandleRightClassName, resizerHandleLeftClassName, resizerHandleRightClassName, resizerHandleLeftClassName, resizerHandleRightClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName,
|
|
44
|
+
var resizerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n .", ", .", " {\n display: flex;\n visibility: hidden;\n flex-direction: column;\n justify-content: center;\n width: 7px;\n transition: visibility 0.2s;\n }\n\n .", " {\n align-items: flex-end;\n }\n\n .", " {\n align-items: flex-start;\n }\n\n .", "::after,\n .", "::after {\n content: ' ';\n display: flex;\n width: 3px;\n height: 64px;\n transition: background-color 0.2s;\n\n border-radius: 6px;\n }\n\n .", ":hover\n .", ",\n .", ":hover\n .", ",\n .", ".display-handle\n .", ",\n .", ".display-handle\n .", " {\n visibility: visible;\n }\n\n .", ":hover\n .", "::after,\n .", ":hover\n .", "::after,\n .", ".display-handle\n .", "::after,\n .", ".display-handle\n .", "::after {\n background: ", ";\n }\n\n .", "\n .", "::after,\n .", "\n .", "::after,\n .", "\n .", ":hover::after,\n .", "\n .", ":hover::after,\n .", ".is-resizing\n .", "::after,\n .", ".is-resizing\n .", "::after {\n background: ", ";\n }\n\n .", ".", "::after,\n .", ".", "::after {\n height: 64px;\n }\n\n .", ".", "::after,\n .", ".", "::after {\n height: 43px;\n }\n\n .", ".", "::after,\n .", ".", "::after {\n height: 96px;\n }\n\n .", ".", "::after,\n .", ".", "::after {\n position: sticky;\n top: 10px;\n bottom: 10px;\n }\n\n .", " {\n visibility: hidden;\n position: absolute;\n width: 7px;\n border-radius: 4px;\n opacity: 0;\n transition: background-color 0.2s, visibility 0.2s;\n }\n\n .", ":hover\n .", ",\n .", ":hover\n .", " {\n visibility: visible;\n background-color: ", ";\n opacity: 0.5;\n }\n"])), resizerHandleRightClassName, resizerHandleLeftClassName, resizerHandleRightClassName, resizerHandleLeftClassName, resizerHandleRightClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleLeftClassName, "var(--ds-border, ".concat(_colors.N60, ")"), akEditorSelectedNodeClassName, resizerHandleRightClassName, akEditorSelectedNodeClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleLeftClassName, "var(--ds-border-focused, ".concat(_colors.B200, ")"), resizerHandleRightClassName, resizerHandleClassName.medium, resizerHandleLeftClassName, resizerHandleClassName.medium, resizerHandleRightClassName, resizerHandleClassName.small, resizerHandleLeftClassName, resizerHandleClassName.small, resizerHandleRightClassName, resizerHandleClassName.large, resizerHandleLeftClassName, resizerHandleClassName.large, resizerHandleRightClassName, resizerHandleStickyClassName, resizerHandleLeftClassName, resizerHandleStickyClassName, resizerHandleShadowClassName, resizerHandleRightClassName, resizerHandleShadowClassName, resizerHandleLeftClassName, resizerHandleShadowClassName, "var(--ds-background-selected, ".concat(_colors.B50, ")"));
|
|
43
45
|
exports.resizerStyles = resizerStyles;
|
|
@@ -24,7 +24,7 @@ var _templateObject, _templateObject2, _templateObject3;
|
|
|
24
24
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
25
25
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
|
|
26
26
|
var packageName = "@atlaskit/editor-common";
|
|
27
|
-
var packageVersion = "74.
|
|
27
|
+
var packageVersion = "74.40.0";
|
|
28
28
|
var halfFocusRing = 1;
|
|
29
29
|
var dropOffset = '0, 8';
|
|
30
30
|
var DropList = /*#__PURE__*/function (_Component) {
|
package/dist/cjs/version.json
CHANGED
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
|
|
2
|
+
import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
|
|
3
|
+
export function addParagraphAtEnd(tr) {
|
|
4
|
+
const {
|
|
5
|
+
doc: {
|
|
6
|
+
type: {
|
|
7
|
+
schema: {
|
|
8
|
+
nodes: {
|
|
9
|
+
paragraph
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
doc
|
|
15
|
+
} = tr;
|
|
16
|
+
if (doc.lastChild && !(doc.lastChild.type === paragraph && doc.lastChild.content.size === 0)) {
|
|
17
|
+
if (paragraph) {
|
|
18
|
+
tr.insert(doc.content.size, paragraph.createAndFill());
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
tr.setSelection(TextSelection.create(tr.doc, tr.doc.content.size - 1));
|
|
22
|
+
tr.scrollIntoView();
|
|
23
|
+
}
|
|
24
|
+
export function createParagraphAtEnd() {
|
|
25
|
+
return function (state, dispatch) {
|
|
26
|
+
const {
|
|
27
|
+
tr
|
|
28
|
+
} = state;
|
|
29
|
+
addParagraphAtEnd(tr);
|
|
30
|
+
if (dispatch) {
|
|
31
|
+
dispatch(tr);
|
|
32
|
+
}
|
|
33
|
+
return true;
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
export const changeImageAlignment = align => (state, dispatch) => {
|
|
37
|
+
const {
|
|
38
|
+
from,
|
|
39
|
+
to
|
|
40
|
+
} = state.selection;
|
|
41
|
+
const tr = state.tr;
|
|
42
|
+
state.doc.nodesBetween(from, to, (node, pos) => {
|
|
43
|
+
if (node.type === state.schema.nodes.mediaSingle) {
|
|
44
|
+
tr.setNodeMarkup(pos, undefined, {
|
|
45
|
+
...node.attrs,
|
|
46
|
+
layout: align === 'center' ? 'center' : `align-${align}`
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
if (tr.docChanged && dispatch) {
|
|
51
|
+
dispatch(tr.scrollIntoView());
|
|
52
|
+
return true;
|
|
53
|
+
}
|
|
54
|
+
return false;
|
|
55
|
+
};
|
|
56
|
+
export const createToggleBlockMarkOnRange = (markType, getAttrs, allowedBlocks) => (from, to, tr, state) => {
|
|
57
|
+
let markApplied = false;
|
|
58
|
+
state.doc.nodesBetween(from, to, (node, pos, parent) => {
|
|
59
|
+
if (!node.type.isBlock) {
|
|
60
|
+
return false;
|
|
61
|
+
}
|
|
62
|
+
if ((!allowedBlocks || (Array.isArray(allowedBlocks) ? allowedBlocks.indexOf(node.type) > -1 : allowedBlocks(state.schema, node, parent))) && parent !== null && parent !== void 0 && parent.type.allowsMarkType(markType)) {
|
|
63
|
+
const oldMarks = node.marks.filter(mark => mark.type === markType);
|
|
64
|
+
const prevAttrs = oldMarks.length ? oldMarks[0].attrs : undefined;
|
|
65
|
+
const newAttrs = getAttrs(prevAttrs, node);
|
|
66
|
+
if (newAttrs !== undefined) {
|
|
67
|
+
tr.setNodeMarkup(pos, node.type, node.attrs, node.marks.filter(mark => !markType.excludes(mark.type)).concat(newAttrs === false ? [] : markType.create(newAttrs)));
|
|
68
|
+
markApplied = true;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
return;
|
|
72
|
+
});
|
|
73
|
+
return markApplied;
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
/**
|
|
77
|
+
* Toggles block mark based on the return type of `getAttrs`.
|
|
78
|
+
* This is similar to ProseMirror's `getAttrs` from `AttributeSpec`
|
|
79
|
+
* return `false` to remove the mark.
|
|
80
|
+
* return `undefined for no-op.
|
|
81
|
+
* return an `object` to update the mark.
|
|
82
|
+
*/
|
|
83
|
+
export const toggleBlockMark = (markType, getAttrs, allowedBlocks) => (state, dispatch) => {
|
|
84
|
+
let markApplied = false;
|
|
85
|
+
const tr = state.tr;
|
|
86
|
+
const toggleBlockMarkOnRange = createToggleBlockMarkOnRange(markType, getAttrs, allowedBlocks);
|
|
87
|
+
if (state.selection instanceof CellSelection) {
|
|
88
|
+
state.selection.forEachCell((cell, pos) => {
|
|
89
|
+
markApplied = toggleBlockMarkOnRange(pos, pos + cell.nodeSize, tr, state);
|
|
90
|
+
});
|
|
91
|
+
} else {
|
|
92
|
+
const {
|
|
93
|
+
from,
|
|
94
|
+
to
|
|
95
|
+
} = state.selection;
|
|
96
|
+
markApplied = toggleBlockMarkOnRange(from, to, tr, state);
|
|
97
|
+
}
|
|
98
|
+
if (markApplied && tr.docChanged) {
|
|
99
|
+
if (dispatch) {
|
|
100
|
+
dispatch(tr.scrollIntoView());
|
|
101
|
+
}
|
|
102
|
+
return true;
|
|
103
|
+
}
|
|
104
|
+
return false;
|
|
105
|
+
};
|
|
106
|
+
export const clearEditorContent = (state, dispatch) => {
|
|
107
|
+
const tr = state.tr;
|
|
108
|
+
tr.replace(0, state.doc.nodeSize - 2);
|
|
109
|
+
tr.setSelection(Selection.atStart(tr.doc));
|
|
110
|
+
if (dispatch) {
|
|
111
|
+
dispatch(tr);
|
|
112
|
+
return true;
|
|
113
|
+
}
|
|
114
|
+
return false;
|
|
115
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
2
2
|
const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
3
|
-
const packageVersion = "74.
|
|
3
|
+
const packageVersion = "74.40.0";
|
|
4
4
|
const sanitiseSentryEvents = (data, _hint) => {
|
|
5
5
|
// Remove URL as it has UGC
|
|
6
6
|
// TODO: Sanitise the URL instead of just removing it
|
|
@@ -22,7 +22,7 @@ export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
|
|
|
22
22
|
export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix } from './shared/code-block';
|
|
23
23
|
export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
|
|
24
24
|
export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
|
|
25
|
-
export { resizerStyles } from './shared/resizer';
|
|
25
|
+
export { resizerStyles, resizerHandleShadowClassName } from './shared/resizer';
|
|
26
26
|
export { gridStyles, GRID_GUTTER } from './shared/grid';
|
|
27
27
|
export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME } from './shared/smartCard';
|
|
28
28
|
export { embedCardStyles, embedSpacingStyles, editIconStyles } from './shared/embedCard';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
|
-
import { B200, N60 } from '@atlaskit/theme/colors';
|
|
2
|
+
import { B200, B50, N60 } from '@atlaskit/theme/colors';
|
|
3
3
|
/*
|
|
4
4
|
Styles in this file are based on
|
|
5
5
|
packages/editor/editor-core/src/plugins/media/styles.ts
|
|
@@ -9,6 +9,7 @@ export const resizerItemClassName = 'resizer-item';
|
|
|
9
9
|
export const resizerHandleRightClassName = 'resizer-handle-right';
|
|
10
10
|
export const resizerHandleLeftClassName = 'resizer-handle-left';
|
|
11
11
|
export const resizerHandleStickyClassName = 'resizer-handle-sticky';
|
|
12
|
+
export const resizerHandleShadowClassName = 'resizer-handle-shadow';
|
|
12
13
|
|
|
13
14
|
// akEditorSelectedNodeClassName from '@atlaskit/editor-shared-styles';
|
|
14
15
|
const akEditorSelectedNodeClassName = 'ak-editor-selected-node';
|
|
@@ -27,6 +28,8 @@ export const resizerStyles = css`
|
|
|
27
28
|
visibility: hidden;
|
|
28
29
|
flex-direction: column;
|
|
29
30
|
justify-content: center;
|
|
31
|
+
width: 7px;
|
|
32
|
+
transition: visibility 0.2s;
|
|
30
33
|
}
|
|
31
34
|
|
|
32
35
|
.${resizerHandleRightClassName} {
|
|
@@ -43,6 +46,7 @@ export const resizerStyles = css`
|
|
|
43
46
|
display: flex;
|
|
44
47
|
width: 3px;
|
|
45
48
|
height: 64px;
|
|
49
|
+
transition: background-color 0.2s;
|
|
46
50
|
|
|
47
51
|
border-radius: 6px;
|
|
48
52
|
}
|
|
@@ -52,9 +56,9 @@ export const resizerStyles = css`
|
|
|
52
56
|
.${resizerItemClassName}:hover
|
|
53
57
|
.${resizerHandleRightClassName},
|
|
54
58
|
.${resizerItemClassName}.display-handle
|
|
55
|
-
.${
|
|
59
|
+
.${resizerHandleRightClassName},
|
|
56
60
|
.${resizerItemClassName}.display-handle
|
|
57
|
-
.${
|
|
61
|
+
.${resizerHandleLeftClassName} {
|
|
58
62
|
visibility: visible;
|
|
59
63
|
}
|
|
60
64
|
|
|
@@ -63,9 +67,9 @@ export const resizerStyles = css`
|
|
|
63
67
|
.${resizerItemClassName}:hover
|
|
64
68
|
.${resizerHandleRightClassName}::after,
|
|
65
69
|
.${resizerItemClassName}.display-handle
|
|
66
|
-
.${
|
|
70
|
+
.${resizerHandleRightClassName}::after,
|
|
67
71
|
.${resizerItemClassName}.display-handle
|
|
68
|
-
.${
|
|
72
|
+
.${resizerHandleLeftClassName}::after {
|
|
69
73
|
background: ${`var(--ds-border, ${N60})`};
|
|
70
74
|
}
|
|
71
75
|
|
|
@@ -105,4 +109,22 @@ export const resizerStyles = css`
|
|
|
105
109
|
top: 10px;
|
|
106
110
|
bottom: 10px;
|
|
107
111
|
}
|
|
112
|
+
|
|
113
|
+
.${resizerHandleShadowClassName} {
|
|
114
|
+
visibility: hidden;
|
|
115
|
+
position: absolute;
|
|
116
|
+
width: 7px;
|
|
117
|
+
border-radius: 4px;
|
|
118
|
+
opacity: 0;
|
|
119
|
+
transition: background-color 0.2s, visibility 0.2s;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.${resizerHandleRightClassName}:hover
|
|
123
|
+
.${resizerHandleShadowClassName},
|
|
124
|
+
.${resizerHandleLeftClassName}:hover
|
|
125
|
+
.${resizerHandleShadowClassName} {
|
|
126
|
+
visibility: visible;
|
|
127
|
+
background-color: ${`var(--ds-background-selected, ${B50})`};
|
|
128
|
+
opacity: 0.5;
|
|
129
|
+
}
|
|
108
130
|
`;
|
|
@@ -8,7 +8,7 @@ import { themed } from '@atlaskit/theme/components';
|
|
|
8
8
|
import { borderRadius } from '@atlaskit/theme/constants';
|
|
9
9
|
import Layer from '../Layer';
|
|
10
10
|
const packageName = "@atlaskit/editor-common";
|
|
11
|
-
const packageVersion = "74.
|
|
11
|
+
const packageVersion = "74.40.0";
|
|
12
12
|
const halfFocusRing = 1;
|
|
13
13
|
const dropOffset = '0, 8';
|
|
14
14
|
class DropList extends Component {
|
package/dist/es2019/version.json
CHANGED
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
+
import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
|
|
5
|
+
import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
|
|
6
|
+
export function addParagraphAtEnd(tr) {
|
|
7
|
+
var paragraph = tr.doc.type.schema.nodes.paragraph,
|
|
8
|
+
doc = tr.doc;
|
|
9
|
+
if (doc.lastChild && !(doc.lastChild.type === paragraph && doc.lastChild.content.size === 0)) {
|
|
10
|
+
if (paragraph) {
|
|
11
|
+
tr.insert(doc.content.size, paragraph.createAndFill());
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
tr.setSelection(TextSelection.create(tr.doc, tr.doc.content.size - 1));
|
|
15
|
+
tr.scrollIntoView();
|
|
16
|
+
}
|
|
17
|
+
export function createParagraphAtEnd() {
|
|
18
|
+
return function (state, dispatch) {
|
|
19
|
+
var tr = state.tr;
|
|
20
|
+
addParagraphAtEnd(tr);
|
|
21
|
+
if (dispatch) {
|
|
22
|
+
dispatch(tr);
|
|
23
|
+
}
|
|
24
|
+
return true;
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
export var changeImageAlignment = function changeImageAlignment(align) {
|
|
28
|
+
return function (state, dispatch) {
|
|
29
|
+
var _state$selection = state.selection,
|
|
30
|
+
from = _state$selection.from,
|
|
31
|
+
to = _state$selection.to;
|
|
32
|
+
var tr = state.tr;
|
|
33
|
+
state.doc.nodesBetween(from, to, function (node, pos) {
|
|
34
|
+
if (node.type === state.schema.nodes.mediaSingle) {
|
|
35
|
+
tr.setNodeMarkup(pos, undefined, _objectSpread(_objectSpread({}, node.attrs), {}, {
|
|
36
|
+
layout: align === 'center' ? 'center' : "align-".concat(align)
|
|
37
|
+
}));
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
if (tr.docChanged && dispatch) {
|
|
41
|
+
dispatch(tr.scrollIntoView());
|
|
42
|
+
return true;
|
|
43
|
+
}
|
|
44
|
+
return false;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
export var createToggleBlockMarkOnRange = function createToggleBlockMarkOnRange(markType, getAttrs, allowedBlocks) {
|
|
48
|
+
return function (from, to, tr, state) {
|
|
49
|
+
var markApplied = false;
|
|
50
|
+
state.doc.nodesBetween(from, to, function (node, pos, parent) {
|
|
51
|
+
if (!node.type.isBlock) {
|
|
52
|
+
return false;
|
|
53
|
+
}
|
|
54
|
+
if ((!allowedBlocks || (Array.isArray(allowedBlocks) ? allowedBlocks.indexOf(node.type) > -1 : allowedBlocks(state.schema, node, parent))) && parent !== null && parent !== void 0 && parent.type.allowsMarkType(markType)) {
|
|
55
|
+
var oldMarks = node.marks.filter(function (mark) {
|
|
56
|
+
return mark.type === markType;
|
|
57
|
+
});
|
|
58
|
+
var _prevAttrs = oldMarks.length ? oldMarks[0].attrs : undefined;
|
|
59
|
+
var newAttrs = getAttrs(_prevAttrs, node);
|
|
60
|
+
if (newAttrs !== undefined) {
|
|
61
|
+
tr.setNodeMarkup(pos, node.type, node.attrs, node.marks.filter(function (mark) {
|
|
62
|
+
return !markType.excludes(mark.type);
|
|
63
|
+
}).concat(newAttrs === false ? [] : markType.create(newAttrs)));
|
|
64
|
+
markApplied = true;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
return;
|
|
68
|
+
});
|
|
69
|
+
return markApplied;
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
|
|
73
|
+
/**
|
|
74
|
+
* Toggles block mark based on the return type of `getAttrs`.
|
|
75
|
+
* This is similar to ProseMirror's `getAttrs` from `AttributeSpec`
|
|
76
|
+
* return `false` to remove the mark.
|
|
77
|
+
* return `undefined for no-op.
|
|
78
|
+
* return an `object` to update the mark.
|
|
79
|
+
*/
|
|
80
|
+
export var toggleBlockMark = function toggleBlockMark(markType, getAttrs, allowedBlocks) {
|
|
81
|
+
return function (state, dispatch) {
|
|
82
|
+
var markApplied = false;
|
|
83
|
+
var tr = state.tr;
|
|
84
|
+
var toggleBlockMarkOnRange = createToggleBlockMarkOnRange(markType, getAttrs, allowedBlocks);
|
|
85
|
+
if (state.selection instanceof CellSelection) {
|
|
86
|
+
state.selection.forEachCell(function (cell, pos) {
|
|
87
|
+
markApplied = toggleBlockMarkOnRange(pos, pos + cell.nodeSize, tr, state);
|
|
88
|
+
});
|
|
89
|
+
} else {
|
|
90
|
+
var _state$selection2 = state.selection,
|
|
91
|
+
from = _state$selection2.from,
|
|
92
|
+
to = _state$selection2.to;
|
|
93
|
+
markApplied = toggleBlockMarkOnRange(from, to, tr, state);
|
|
94
|
+
}
|
|
95
|
+
if (markApplied && tr.docChanged) {
|
|
96
|
+
if (dispatch) {
|
|
97
|
+
dispatch(tr.scrollIntoView());
|
|
98
|
+
}
|
|
99
|
+
return true;
|
|
100
|
+
}
|
|
101
|
+
return false;
|
|
102
|
+
};
|
|
103
|
+
};
|
|
104
|
+
export var clearEditorContent = function clearEditorContent(state, dispatch) {
|
|
105
|
+
var tr = state.tr;
|
|
106
|
+
tr.replace(0, state.doc.nodeSize - 2);
|
|
107
|
+
tr.setSelection(Selection.atStart(tr.doc));
|
|
108
|
+
if (dispatch) {
|
|
109
|
+
dispatch(tr);
|
|
110
|
+
return true;
|
|
111
|
+
}
|
|
112
|
+
return false;
|
|
113
|
+
};
|
|
@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
6
6
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
7
7
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
8
8
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
9
|
-
var packageVersion = "74.
|
|
9
|
+
var packageVersion = "74.40.0";
|
|
10
10
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
11
11
|
// Remove URL as it has UGC
|
|
12
12
|
// TODO: Sanitise the URL instead of just removing it
|
package/dist/esm/styles/index.js
CHANGED
|
@@ -22,7 +22,7 @@ export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
|
|
|
22
22
|
export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix } from './shared/code-block';
|
|
23
23
|
export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
|
|
24
24
|
export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
|
|
25
|
-
export { resizerStyles } from './shared/resizer';
|
|
25
|
+
export { resizerStyles, resizerHandleShadowClassName } from './shared/resizer';
|
|
26
26
|
export { gridStyles, GRID_GUTTER } from './shared/grid';
|
|
27
27
|
export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME } from './shared/smartCard';
|
|
28
28
|
export { embedCardStyles, embedSpacingStyles, editIconStyles } from './shared/embedCard';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
2
|
var _templateObject;
|
|
3
3
|
import { css } from '@emotion/react';
|
|
4
|
-
import { B200, N60 } from '@atlaskit/theme/colors';
|
|
4
|
+
import { B200, B50, N60 } from '@atlaskit/theme/colors';
|
|
5
5
|
/*
|
|
6
6
|
Styles in this file are based on
|
|
7
7
|
packages/editor/editor-core/src/plugins/media/styles.ts
|
|
@@ -11,6 +11,7 @@ export var resizerItemClassName = 'resizer-item';
|
|
|
11
11
|
export var resizerHandleRightClassName = 'resizer-handle-right';
|
|
12
12
|
export var resizerHandleLeftClassName = 'resizer-handle-left';
|
|
13
13
|
export var resizerHandleStickyClassName = 'resizer-handle-sticky';
|
|
14
|
+
export var resizerHandleShadowClassName = 'resizer-handle-shadow';
|
|
14
15
|
|
|
15
16
|
// akEditorSelectedNodeClassName from '@atlaskit/editor-shared-styles';
|
|
16
17
|
var akEditorSelectedNodeClassName = 'ak-editor-selected-node';
|
|
@@ -23,4 +24,4 @@ export var resizerHandleClassName = {
|
|
|
23
24
|
medium: resizerHandleMediumClassName,
|
|
24
25
|
large: resizerHandleLargeClassName
|
|
25
26
|
};
|
|
26
|
-
export var resizerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .", ", .", " {\n display: flex;\n visibility: hidden;\n flex-direction: column;\n justify-content: center;\n }\n\n .", " {\n align-items: flex-end;\n }\n\n .", " {\n align-items: flex-start;\n }\n\n .", "::after,\n .", "::after {\n content: ' ';\n display: flex;\n width: 3px;\n height: 64px;\n\n border-radius: 6px;\n }\n\n .", ":hover\n .", ",\n .", ":hover\n .", ",\n .", ".display-handle\n .", ",\n .", ".display-handle\n .", " {\n visibility: visible;\n }\n\n .", ":hover\n .", "::after,\n .", ":hover\n .", "::after,\n .", ".display-handle\n .", "::after,\n .", ".display-handle\n .", "::after {\n background: ", ";\n }\n\n .", "\n .", "::after,\n .", "\n .", "::after,\n .", "\n .", ":hover::after,\n .", "\n .", ":hover::after,\n .", ".is-resizing\n .", "::after,\n .", ".is-resizing\n .", "::after {\n background: ", ";\n }\n\n .", ".", "::after,\n .", ".", "::after {\n height: 64px;\n }\n\n .", ".", "::after,\n .", ".", "::after {\n height: 43px;\n }\n\n .", ".", "::after,\n .", ".", "::after {\n height: 96px;\n }\n\n .", ".", "::after,\n .", ".", "::after {\n position: sticky;\n top: 10px;\n bottom: 10px;\n }\n"])), resizerHandleRightClassName, resizerHandleLeftClassName, resizerHandleRightClassName, resizerHandleLeftClassName, resizerHandleRightClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName,
|
|
27
|
+
export var resizerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .", ", .", " {\n display: flex;\n visibility: hidden;\n flex-direction: column;\n justify-content: center;\n width: 7px;\n transition: visibility 0.2s;\n }\n\n .", " {\n align-items: flex-end;\n }\n\n .", " {\n align-items: flex-start;\n }\n\n .", "::after,\n .", "::after {\n content: ' ';\n display: flex;\n width: 3px;\n height: 64px;\n transition: background-color 0.2s;\n\n border-radius: 6px;\n }\n\n .", ":hover\n .", ",\n .", ":hover\n .", ",\n .", ".display-handle\n .", ",\n .", ".display-handle\n .", " {\n visibility: visible;\n }\n\n .", ":hover\n .", "::after,\n .", ":hover\n .", "::after,\n .", ".display-handle\n .", "::after,\n .", ".display-handle\n .", "::after {\n background: ", ";\n }\n\n .", "\n .", "::after,\n .", "\n .", "::after,\n .", "\n .", ":hover::after,\n .", "\n .", ":hover::after,\n .", ".is-resizing\n .", "::after,\n .", ".is-resizing\n .", "::after {\n background: ", ";\n }\n\n .", ".", "::after,\n .", ".", "::after {\n height: 64px;\n }\n\n .", ".", "::after,\n .", ".", "::after {\n height: 43px;\n }\n\n .", ".", "::after,\n .", ".", "::after {\n height: 96px;\n }\n\n .", ".", "::after,\n .", ".", "::after {\n position: sticky;\n top: 10px;\n bottom: 10px;\n }\n\n .", " {\n visibility: hidden;\n position: absolute;\n width: 7px;\n border-radius: 4px;\n opacity: 0;\n transition: background-color 0.2s, visibility 0.2s;\n }\n\n .", ":hover\n .", ",\n .", ":hover\n .", " {\n visibility: visible;\n background-color: ", ";\n opacity: 0.5;\n }\n"])), resizerHandleRightClassName, resizerHandleLeftClassName, resizerHandleRightClassName, resizerHandleLeftClassName, resizerHandleRightClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleLeftClassName, "var(--ds-border, ".concat(N60, ")"), akEditorSelectedNodeClassName, resizerHandleRightClassName, akEditorSelectedNodeClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleLeftClassName, "var(--ds-border-focused, ".concat(B200, ")"), resizerHandleRightClassName, resizerHandleClassName.medium, resizerHandleLeftClassName, resizerHandleClassName.medium, resizerHandleRightClassName, resizerHandleClassName.small, resizerHandleLeftClassName, resizerHandleClassName.small, resizerHandleRightClassName, resizerHandleClassName.large, resizerHandleLeftClassName, resizerHandleClassName.large, resizerHandleRightClassName, resizerHandleStickyClassName, resizerHandleLeftClassName, resizerHandleStickyClassName, resizerHandleShadowClassName, resizerHandleRightClassName, resizerHandleShadowClassName, resizerHandleLeftClassName, resizerHandleShadowClassName, "var(--ds-background-selected, ".concat(B50, ")"));
|
|
@@ -18,7 +18,7 @@ import { themed } from '@atlaskit/theme/components';
|
|
|
18
18
|
import { borderRadius } from '@atlaskit/theme/constants';
|
|
19
19
|
import Layer from '../Layer';
|
|
20
20
|
var packageName = "@atlaskit/editor-common";
|
|
21
|
-
var packageVersion = "74.
|
|
21
|
+
var packageVersion = "74.40.0";
|
|
22
22
|
var halfFocusRing = 1;
|
|
23
23
|
var dropOffset = '0, 8';
|
|
24
24
|
var DropList = /*#__PURE__*/function (_Component) {
|
package/dist/esm/version.json
CHANGED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { MarkType, NodeType, Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
|
|
2
|
+
import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
|
|
3
|
+
import type { Command } from '../types/command';
|
|
4
|
+
type AlignmentState = 'start' | 'end' | 'center';
|
|
5
|
+
export declare function addParagraphAtEnd(tr: Transaction): void;
|
|
6
|
+
export declare function createParagraphAtEnd(): Command;
|
|
7
|
+
export declare const changeImageAlignment: (align?: AlignmentState) => Command;
|
|
8
|
+
export declare const createToggleBlockMarkOnRange: <T extends {} = object>(markType: MarkType, getAttrs: (prevAttrs?: T | undefined, node?: PMNode) => false | T | undefined, allowedBlocks?: NodeType[] | ((schema: Schema, node: PMNode, parent: PMNode | null) => boolean) | undefined) => (from: number, to: number, tr: Transaction, state: EditorState) => boolean;
|
|
9
|
+
/**
|
|
10
|
+
* Toggles block mark based on the return type of `getAttrs`.
|
|
11
|
+
* This is similar to ProseMirror's `getAttrs` from `AttributeSpec`
|
|
12
|
+
* return `false` to remove the mark.
|
|
13
|
+
* return `undefined for no-op.
|
|
14
|
+
* return an `object` to update the mark.
|
|
15
|
+
*/
|
|
16
|
+
export declare const toggleBlockMark: <T extends {} = object>(markType: MarkType, getAttrs: (prevAttrs?: T | undefined, node?: PMNode) => false | T | undefined, allowedBlocks?: NodeType[] | ((schema: Schema, node: PMNode, parent: PMNode | null) => boolean) | undefined) => Command;
|
|
17
|
+
export declare const clearEditorContent: Command;
|
|
18
|
+
export {};
|
|
@@ -22,7 +22,7 @@ export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
|
|
|
22
22
|
export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix, } from './shared/code-block';
|
|
23
23
|
export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
|
|
24
24
|
export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
|
|
25
|
-
export { resizerStyles } from './shared/resizer';
|
|
25
|
+
export { resizerStyles, resizerHandleShadowClassName } from './shared/resizer';
|
|
26
26
|
export { gridStyles, GRID_GUTTER } from './shared/grid';
|
|
27
27
|
export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME, } from './shared/smartCard';
|
|
28
28
|
export { embedCardStyles, embedSpacingStyles, editIconStyles, } from './shared/embedCard';
|
|
@@ -2,6 +2,7 @@ export declare const resizerItemClassName = "resizer-item";
|
|
|
2
2
|
export declare const resizerHandleRightClassName = "resizer-handle-right";
|
|
3
3
|
export declare const resizerHandleLeftClassName = "resizer-handle-left";
|
|
4
4
|
export declare const resizerHandleStickyClassName = "resizer-handle-sticky";
|
|
5
|
+
export declare const resizerHandleShadowClassName = "resizer-handle-shadow";
|
|
5
6
|
export declare const resizerHandleZIndex = 99;
|
|
6
7
|
export declare const resizerHandleSmallClassName = "resizer-handle-small";
|
|
7
8
|
export declare const resizerHandleMediumClassName = "resizer-handle-medium";
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { MarkType, NodeType, Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
|
|
2
|
+
import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
|
|
3
|
+
import type { Command } from '../types/command';
|
|
4
|
+
type AlignmentState = 'start' | 'end' | 'center';
|
|
5
|
+
export declare function addParagraphAtEnd(tr: Transaction): void;
|
|
6
|
+
export declare function createParagraphAtEnd(): Command;
|
|
7
|
+
export declare const changeImageAlignment: (align?: AlignmentState) => Command;
|
|
8
|
+
export declare const createToggleBlockMarkOnRange: <T extends {} = object>(markType: MarkType, getAttrs: (prevAttrs?: T | undefined, node?: PMNode) => false | T | undefined, allowedBlocks?: NodeType[] | ((schema: Schema, node: PMNode, parent: PMNode | null) => boolean) | undefined) => (from: number, to: number, tr: Transaction, state: EditorState) => boolean;
|
|
9
|
+
/**
|
|
10
|
+
* Toggles block mark based on the return type of `getAttrs`.
|
|
11
|
+
* This is similar to ProseMirror's `getAttrs` from `AttributeSpec`
|
|
12
|
+
* return `false` to remove the mark.
|
|
13
|
+
* return `undefined for no-op.
|
|
14
|
+
* return an `object` to update the mark.
|
|
15
|
+
*/
|
|
16
|
+
export declare const toggleBlockMark: <T extends {} = object>(markType: MarkType, getAttrs: (prevAttrs?: T | undefined, node?: PMNode) => false | T | undefined, allowedBlocks?: NodeType[] | ((schema: Schema, node: PMNode, parent: PMNode | null) => boolean) | undefined) => Command;
|
|
17
|
+
export declare const clearEditorContent: Command;
|
|
18
|
+
export {};
|
|
@@ -22,7 +22,7 @@ export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
|
|
|
22
22
|
export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix, } from './shared/code-block';
|
|
23
23
|
export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
|
|
24
24
|
export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
|
|
25
|
-
export { resizerStyles } from './shared/resizer';
|
|
25
|
+
export { resizerStyles, resizerHandleShadowClassName } from './shared/resizer';
|
|
26
26
|
export { gridStyles, GRID_GUTTER } from './shared/grid';
|
|
27
27
|
export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME, } from './shared/smartCard';
|
|
28
28
|
export { embedCardStyles, embedSpacingStyles, editIconStyles, } from './shared/embedCard';
|
|
@@ -2,6 +2,7 @@ export declare const resizerItemClassName = "resizer-item";
|
|
|
2
2
|
export declare const resizerHandleRightClassName = "resizer-handle-right";
|
|
3
3
|
export declare const resizerHandleLeftClassName = "resizer-handle-left";
|
|
4
4
|
export declare const resizerHandleStickyClassName = "resizer-handle-sticky";
|
|
5
|
+
export declare const resizerHandleShadowClassName = "resizer-handle-shadow";
|
|
5
6
|
export declare const resizerHandleZIndex = 99;
|
|
6
7
|
export declare const resizerHandleSmallClassName = "resizer-handle-small";
|
|
7
8
|
export declare const resizerHandleMediumClassName = "resizer-handle-medium";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-common",
|
|
3
|
-
"version": "74.
|
|
3
|
+
"version": "74.40.0",
|
|
4
4
|
"description": "A package that contains common classes and components for editor and renderer",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -76,6 +76,7 @@
|
|
|
76
76
|
"./quick-insert": "./src/quick-insert/index.ts",
|
|
77
77
|
"./link": "./src/link/index.ts",
|
|
78
78
|
"./mark": "./src/mark/index.ts",
|
|
79
|
+
"./commands": "./src/commands/index.ts",
|
|
79
80
|
"./lists": "./src/lists/index.ts"
|
|
80
81
|
},
|
|
81
82
|
"dependencies": {
|