@atlaskit/editor-core 98.0.1 → 98.1.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 +15 -0
- package/dist/es2015/plugins/media/nodeviews/mediaSingle.d.ts +11 -7
- package/dist/es2015/plugins/media/nodeviews/mediaSingle.js +14 -23
- package/dist/es2015/plugins/media/nodeviews/mediaSingle.js.map +1 -1
- package/dist/es2015/plugins/media/pm-plugins/main.js +1 -1
- package/dist/es2015/plugins/media/pm-plugins/main.js.map +1 -1
- package/dist/es2015/plugins/media/ui/ResizableMediaSingle/Resizer.d.ts +3 -7
- package/dist/es2015/plugins/media/ui/ResizableMediaSingle/Resizer.js +5 -50
- package/dist/es2015/plugins/media/ui/ResizableMediaSingle/Resizer.js.map +1 -1
- package/dist/es2015/plugins/media/ui/ResizableMediaSingle/index.d.ts +11 -3
- package/dist/es2015/plugins/media/ui/ResizableMediaSingle/index.js +75 -44
- package/dist/es2015/plugins/media/ui/ResizableMediaSingle/index.js.map +1 -1
- package/dist/es2015/plugins/media/ui/ResizableMediaSingle/types.d.ts +3 -1
- package/dist/es2015/plugins/media/ui/ResizableMediaSingle/utils.d.ts +7 -0
- package/dist/es2015/plugins/media/ui/ResizableMediaSingle/utils.js +19 -0
- package/dist/es2015/plugins/media/ui/ResizableMediaSingle/utils.js.map +1 -0
- package/dist/es5/plugins/media/nodeviews/mediaSingle.d.ts +11 -7
- package/dist/es5/plugins/media/nodeviews/mediaSingle.js +14 -23
- package/dist/es5/plugins/media/nodeviews/mediaSingle.js.map +1 -1
- package/dist/es5/plugins/media/pm-plugins/main.js +1 -1
- package/dist/es5/plugins/media/pm-plugins/main.js.map +1 -1
- package/dist/es5/plugins/media/ui/ResizableMediaSingle/Resizer.d.ts +3 -7
- package/dist/es5/plugins/media/ui/ResizableMediaSingle/Resizer.js +7 -52
- package/dist/es5/plugins/media/ui/ResizableMediaSingle/Resizer.js.map +1 -1
- package/dist/es5/plugins/media/ui/ResizableMediaSingle/index.d.ts +11 -3
- package/dist/es5/plugins/media/ui/ResizableMediaSingle/index.js +76 -45
- package/dist/es5/plugins/media/ui/ResizableMediaSingle/index.js.map +1 -1
- package/dist/es5/plugins/media/ui/ResizableMediaSingle/types.d.ts +3 -1
- package/dist/es5/plugins/media/ui/ResizableMediaSingle/utils.d.ts +7 -0
- package/dist/es5/plugins/media/ui/ResizableMediaSingle/utils.js +21 -0
- package/dist/es5/plugins/media/ui/ResizableMediaSingle/utils.js.map +1 -0
- package/dist/package.json +1 -1
- package/package.json +3 -3
|
@@ -3,23 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
4
|
var React = require("react");
|
|
5
5
|
var classnames = require("classnames");
|
|
6
|
-
var editor_common_1 = require("@atlaskit/editor-common");
|
|
7
6
|
var re_resizable_1 = require("re-resizable");
|
|
8
7
|
var grid_1 = require("../../../grid");
|
|
9
|
-
|
|
10
|
-
exports.alignementLayouts = [
|
|
11
|
-
'align-start',
|
|
12
|
-
'align-end',
|
|
13
|
-
'wrap-left',
|
|
14
|
-
'wrap-right',
|
|
15
|
-
];
|
|
16
|
-
var snapTo = function (target, points) {
|
|
17
|
-
return points.reduce(function (point, closest) {
|
|
18
|
-
return Math.abs(closest - target) < Math.abs(point - target)
|
|
19
|
-
? closest
|
|
20
|
-
: point;
|
|
21
|
-
});
|
|
22
|
-
};
|
|
8
|
+
var utils_1 = require("./utils");
|
|
23
9
|
var Resizer = /** @class */ (function (_super) {
|
|
24
10
|
tslib_1.__extends(Resizer, _super);
|
|
25
11
|
function Resizer(props) {
|
|
@@ -31,7 +17,7 @@ var Resizer = /** @class */ (function (_super) {
|
|
|
31
17
|
// prevent creating a drag event on Firefox
|
|
32
18
|
event.preventDefault();
|
|
33
19
|
_this.setState({ isResizing: true }, function () {
|
|
34
|
-
_this.props.displayGrid(true, grid_1.gridTypeForLayout(_this.props.layout), _this.highlights(_this.props.width));
|
|
20
|
+
_this.props.displayGrid(true, grid_1.gridTypeForLayout(_this.props.layout), _this.props.highlights(_this.props.width, _this.props.snapPoints));
|
|
35
21
|
});
|
|
36
22
|
};
|
|
37
23
|
_this.handleResize = function (event, direction, elementRef, delta) {
|
|
@@ -45,46 +31,19 @@ var Resizer = /** @class */ (function (_super) {
|
|
|
45
31
|
if (newSize.layout !== _this.props.layout) {
|
|
46
32
|
_this.props.updateSize(newSize.width, newSize.layout);
|
|
47
33
|
}
|
|
48
|
-
_this.props.displayGrid(true, grid_1.gridTypeForLayout(newSize.layout), _this.highlights(newWidth));
|
|
34
|
+
_this.props.displayGrid(true, grid_1.gridTypeForLayout(newSize.layout), _this.props.highlights(newWidth, _this.props.snapPoints));
|
|
49
35
|
resizable.updateSize({ width: newWidth, height: 'auto' });
|
|
50
36
|
};
|
|
51
|
-
_this.highlights = function (newWidth) {
|
|
52
|
-
var snapWidth = snapTo(newWidth, _this.props.snapPoints);
|
|
53
|
-
if (snapWidth > editor_common_1.akEditorWideLayoutWidth) {
|
|
54
|
-
return ['full-width'];
|
|
55
|
-
}
|
|
56
|
-
var columns = editor_common_1.calcColumnsFromPx(snapWidth, _this.props.lineLength, _this.props.gridSize);
|
|
57
|
-
var columnWidth = Math.round(columns);
|
|
58
|
-
var highlight = [];
|
|
59
|
-
if (_this.props.layout === 'wrap-left' ||
|
|
60
|
-
_this.props.layout === 'align-start') {
|
|
61
|
-
highlight.push(0);
|
|
62
|
-
highlight.push(columnWidth);
|
|
63
|
-
}
|
|
64
|
-
else if (_this.props.layout === 'wrap-right' ||
|
|
65
|
-
_this.props.layout === 'align-end') {
|
|
66
|
-
highlight.push(_this.props.gridSize);
|
|
67
|
-
highlight.push(_this.props.gridSize - columnWidth);
|
|
68
|
-
}
|
|
69
|
-
else if (_this.props.isInlineLike) {
|
|
70
|
-
highlight.push(_this.props.getColumnLeft() + Math.ceil(columns));
|
|
71
|
-
}
|
|
72
|
-
else {
|
|
73
|
-
highlight.push(Math.floor((_this.props.gridSize - columnWidth) / 2));
|
|
74
|
-
highlight.push(Math.ceil((_this.props.gridSize + columnWidth) / 2));
|
|
75
|
-
}
|
|
76
|
-
return highlight;
|
|
77
|
-
};
|
|
78
37
|
_this.handleResizeStop = function (event, direction, refToElement, delta) {
|
|
79
38
|
var resizable = _this.resizable.current;
|
|
80
39
|
if (!resizable || !resizable.state.original) {
|
|
81
40
|
return;
|
|
82
41
|
}
|
|
83
42
|
var newWidth = Math.max(resizable.state.original.width + delta.width, _this.props.snapPoints[0]);
|
|
84
|
-
var snapWidth = snapTo(newWidth, _this.props.snapPoints);
|
|
43
|
+
var snapWidth = utils_1.snapTo(newWidth, _this.props.snapPoints);
|
|
85
44
|
var newSize = _this.props.calcNewSize(snapWidth, true);
|
|
86
45
|
// show committed grid size
|
|
87
|
-
_this.props.displayGrid(true, grid_1.gridTypeForLayout(newSize.layout), _this.highlights(newWidth));
|
|
46
|
+
_this.props.displayGrid(true, grid_1.gridTypeForLayout(newSize.layout), _this.props.highlights(newWidth, _this.props.snapPoints));
|
|
88
47
|
_this.setState({ isResizing: false }, function () {
|
|
89
48
|
_this.props.updateSize(newSize.width, newSize.layout);
|
|
90
49
|
_this.props.displayGrid(false, grid_1.gridTypeForLayout(_this.props.layout));
|
|
@@ -94,13 +53,9 @@ var Resizer = /** @class */ (function (_super) {
|
|
|
94
53
|
return _this;
|
|
95
54
|
}
|
|
96
55
|
Resizer.prototype.render = function () {
|
|
97
|
-
/** equivalent to `calc: (50% - 12px)` from 40:MediaSingle/styled.ts */
|
|
98
|
-
var halfSize = this.props.lineLength * 0.5 - 12;
|
|
99
|
-
var shouldHalfSize = exports.alignementLayouts.indexOf(this.props.layout) > -1 &&
|
|
100
|
-
this.props.width > this.props.lineLength;
|
|
101
56
|
var handleStyles = {};
|
|
102
57
|
var handles = {};
|
|
103
|
-
|
|
58
|
+
utils_1.handleSides.forEach(function (side) {
|
|
104
59
|
var _a;
|
|
105
60
|
handles[side] = "mediaSingle-resize-handle-" + side;
|
|
106
61
|
handleStyles[side] = (_a = {
|
|
@@ -113,7 +68,7 @@ var Resizer = /** @class */ (function (_super) {
|
|
|
113
68
|
// Ideally, Resizable would let you pass in the component rather than
|
|
114
69
|
// the div. For now, we just apply the same styles using CSS
|
|
115
70
|
return (React.createElement(re_resizable_1.default, { ref: this.resizable, onResize: this.handleResize, size: {
|
|
116
|
-
width:
|
|
71
|
+
width: this.props.width,
|
|
117
72
|
}, className: classnames('media-single', "image-" + this.props.layout, this.props.className, {
|
|
118
73
|
'is-resizing': this.state.isResizing,
|
|
119
74
|
'not-resized': !this.props.pctWidth,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Resizer.js","sourceRoot":"","sources":["../../../../../../src/plugins/media/ui/ResizableMediaSingle/Resizer.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAE/B,uCAAyC;
|
|
1
|
+
{"version":3,"file":"Resizer.js","sourceRoot":"","sources":["../../../../../../src/plugins/media/ui/ResizableMediaSingle/Resizer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,16 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { MediaSingleLayout } from '@atlaskit/adf-schema';
|
|
3
3
|
import { Props } from './types';
|
|
4
|
-
|
|
4
|
+
declare type State = {
|
|
5
|
+
offsetLeft: number;
|
|
6
|
+
isVideoFile: boolean;
|
|
7
|
+
};
|
|
8
|
+
export default class ResizableMediaSingle extends React.Component<Props, State> {
|
|
5
9
|
state: {
|
|
10
|
+
offsetLeft: number;
|
|
6
11
|
isVideoFile: boolean;
|
|
7
12
|
};
|
|
13
|
+
componentDidUpdate(): boolean;
|
|
8
14
|
readonly wrappedLayout: boolean;
|
|
9
15
|
componentDidMount(): Promise<void>;
|
|
10
16
|
calcNewSize: (newWidth: number, stop: boolean) => {
|
|
@@ -20,9 +26,11 @@ export default class ResizableMediaSingle extends React.Component<Props> {
|
|
|
20
26
|
*/
|
|
21
27
|
readonly gridWidth: number;
|
|
22
28
|
calcOffsetLeft(): number;
|
|
23
|
-
|
|
29
|
+
calcColumnLeftOffset: () => number;
|
|
24
30
|
wrapper: HTMLElement | null;
|
|
25
|
-
|
|
31
|
+
calcSnapPoints(): number[];
|
|
26
32
|
readonly insideInlineLike: boolean;
|
|
33
|
+
highlights: (newWidth: number, snapPoints: number[]) => number[] | string[];
|
|
27
34
|
render(): JSX.Element;
|
|
28
35
|
}
|
|
36
|
+
export {};
|
|
@@ -6,15 +6,13 @@ var prosemirror_utils_1 = require("prosemirror-utils");
|
|
|
6
6
|
var editor_common_1 = require("@atlaskit/editor-common");
|
|
7
7
|
var styled_1 = require("./styled");
|
|
8
8
|
var Resizer_1 = require("./Resizer");
|
|
9
|
-
var
|
|
10
|
-
left: 'start',
|
|
11
|
-
right: 'end',
|
|
12
|
-
};
|
|
9
|
+
var utils_1 = require("./utils");
|
|
13
10
|
var ResizableMediaSingle = /** @class */ (function (_super) {
|
|
14
11
|
tslib_1.__extends(ResizableMediaSingle, _super);
|
|
15
12
|
function ResizableMediaSingle() {
|
|
16
13
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
17
14
|
_this.state = {
|
|
15
|
+
offsetLeft: _this.calcOffsetLeft(),
|
|
18
16
|
// We default to true until we resolve the file type
|
|
19
17
|
isVideoFile: true,
|
|
20
18
|
};
|
|
@@ -43,14 +41,44 @@ var ResizableMediaSingle = /** @class */ (function (_super) {
|
|
|
43
41
|
};
|
|
44
42
|
}
|
|
45
43
|
};
|
|
46
|
-
_this.
|
|
47
|
-
var offsetLeft = _this.
|
|
44
|
+
_this.calcColumnLeftOffset = function () {
|
|
45
|
+
var offsetLeft = _this.state.offsetLeft;
|
|
48
46
|
return _this.insideInlineLike
|
|
49
|
-
?
|
|
47
|
+
? editor_common_1.calcColumnsFromPx(offsetLeft, _this.props.lineLength, _this.props.gridSize)
|
|
50
48
|
: 0;
|
|
51
49
|
};
|
|
50
|
+
_this.highlights = function (newWidth, snapPoints) {
|
|
51
|
+
var snapWidth = utils_1.snapTo(newWidth, snapPoints);
|
|
52
|
+
if (snapWidth > editor_common_1.akEditorWideLayoutWidth) {
|
|
53
|
+
return ['full-width'];
|
|
54
|
+
}
|
|
55
|
+
var _a = _this.props, layout = _a.layout, lineLength = _a.lineLength, gridSize = _a.gridSize;
|
|
56
|
+
var columns = editor_common_1.calcColumnsFromPx(snapWidth, lineLength, gridSize);
|
|
57
|
+
var columnWidth = Math.round(columns);
|
|
58
|
+
var highlight = [];
|
|
59
|
+
if (layout === 'wrap-left' || layout === 'align-start') {
|
|
60
|
+
highlight.push(0, columnWidth);
|
|
61
|
+
}
|
|
62
|
+
else if (layout === 'wrap-right' || layout === 'align-end') {
|
|
63
|
+
highlight.push(gridSize, gridSize - columnWidth);
|
|
64
|
+
}
|
|
65
|
+
else if (_this.insideInlineLike) {
|
|
66
|
+
highlight.push(Math.round(columns + _this.calcColumnLeftOffset()));
|
|
67
|
+
}
|
|
68
|
+
else {
|
|
69
|
+
highlight.push(Math.floor((gridSize - columnWidth) / 2), Math.ceil((gridSize + columnWidth) / 2));
|
|
70
|
+
}
|
|
71
|
+
return highlight;
|
|
72
|
+
};
|
|
52
73
|
return _this;
|
|
53
74
|
}
|
|
75
|
+
ResizableMediaSingle.prototype.componentDidUpdate = function () {
|
|
76
|
+
var offsetLeft = this.calcOffsetLeft();
|
|
77
|
+
if (offsetLeft !== this.state.offsetLeft && offsetLeft >= 0) {
|
|
78
|
+
this.setState({ offsetLeft: offsetLeft });
|
|
79
|
+
}
|
|
80
|
+
return true;
|
|
81
|
+
};
|
|
54
82
|
Object.defineProperty(ResizableMediaSingle.prototype, "wrappedLayout", {
|
|
55
83
|
get: function () {
|
|
56
84
|
var layout = this.props.layout;
|
|
@@ -98,7 +126,8 @@ var ResizableMediaSingle = /** @class */ (function (_super) {
|
|
|
98
126
|
if (Number.isNaN(pos) || typeof pos !== 'number') {
|
|
99
127
|
return null;
|
|
100
128
|
}
|
|
101
|
-
|
|
129
|
+
// need to pass view because we may not get updated props in time
|
|
130
|
+
return this.props.view.state.doc.resolve(pos);
|
|
102
131
|
},
|
|
103
132
|
enumerable: true,
|
|
104
133
|
configurable: true
|
|
@@ -120,7 +149,7 @@ var ResizableMediaSingle = /** @class */ (function (_super) {
|
|
|
120
149
|
var offsetLeft = 0;
|
|
121
150
|
if (this.wrapper && this.insideInlineLike) {
|
|
122
151
|
var currentNode = this.wrapper;
|
|
123
|
-
var pm =
|
|
152
|
+
var pm = this.props.view.dom;
|
|
124
153
|
while (currentNode &&
|
|
125
154
|
currentNode.parentElement &&
|
|
126
155
|
!currentNode.parentElement.classList.contains('ProseMirror') &&
|
|
@@ -132,46 +161,42 @@ var ResizableMediaSingle = /** @class */ (function (_super) {
|
|
|
132
161
|
}
|
|
133
162
|
return offsetLeft;
|
|
134
163
|
};
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
if (!$pos) {
|
|
149
|
-
return snapPoints;
|
|
150
|
-
}
|
|
151
|
-
var isVideoFile = this.state.isVideoFile;
|
|
152
|
-
snapPoints = isVideoFile
|
|
153
|
-
? snapPoints.filter(function (width) { return width > 320; })
|
|
154
|
-
: snapPoints;
|
|
155
|
-
var isTopLevel = $pos.parent.type.name === 'doc';
|
|
156
|
-
if (isTopLevel && appearance === 'full-page') {
|
|
157
|
-
snapPoints.push(editor_common_1.akEditorWideLayoutWidth);
|
|
158
|
-
var fullWidthPoint = containerWidth - editor_common_1.akEditorBreakoutPadding;
|
|
159
|
-
if (fullWidthPoint > editor_common_1.akEditorWideLayoutWidth) {
|
|
160
|
-
snapPoints.push(fullWidthPoint);
|
|
161
|
-
}
|
|
162
|
-
}
|
|
164
|
+
ResizableMediaSingle.prototype.calcSnapPoints = function () {
|
|
165
|
+
var offsetLeft = this.state.offsetLeft;
|
|
166
|
+
var _a = this.props, containerWidth = _a.containerWidth, lineLength = _a.lineLength, appearance = _a.appearance;
|
|
167
|
+
var snapTargets = [];
|
|
168
|
+
for (var i = 0; i < this.gridWidth; i++) {
|
|
169
|
+
snapTargets.push(editor_common_1.calcPxFromColumns(i, lineLength, this.gridWidth) - offsetLeft);
|
|
170
|
+
}
|
|
171
|
+
// full width
|
|
172
|
+
snapTargets.push(lineLength - offsetLeft);
|
|
173
|
+
var minimumWidth = editor_common_1.calcPxFromColumns(this.wrappedLayout || this.insideInlineLike ? 1 : 2, lineLength, this.props.gridSize);
|
|
174
|
+
var snapPoints = snapTargets.filter(function (width) { return width >= minimumWidth; });
|
|
175
|
+
var $pos = this.$pos;
|
|
176
|
+
if (!$pos) {
|
|
163
177
|
return snapPoints;
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
178
|
+
}
|
|
179
|
+
var isVideoFile = this.state.isVideoFile;
|
|
180
|
+
snapPoints = isVideoFile
|
|
181
|
+
? snapPoints.filter(function (width) { return width > 320; })
|
|
182
|
+
: snapPoints;
|
|
183
|
+
var isTopLevel = $pos.parent.type.name === 'doc';
|
|
184
|
+
if (isTopLevel && appearance === 'full-page') {
|
|
185
|
+
snapPoints.push(editor_common_1.akEditorWideLayoutWidth);
|
|
186
|
+
var fullWidthPoint = containerWidth - editor_common_1.akEditorBreakoutPadding;
|
|
187
|
+
if (fullWidthPoint > editor_common_1.akEditorWideLayoutWidth) {
|
|
188
|
+
snapPoints.push(fullWidthPoint);
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
return snapPoints;
|
|
192
|
+
};
|
|
168
193
|
Object.defineProperty(ResizableMediaSingle.prototype, "insideInlineLike", {
|
|
169
194
|
get: function () {
|
|
170
195
|
var $pos = this.$pos;
|
|
171
196
|
if (!$pos) {
|
|
172
197
|
return false;
|
|
173
198
|
}
|
|
174
|
-
var _a = this.props.state.schema.nodes, table = _a.table, listItem = _a.listItem;
|
|
199
|
+
var _a = this.props.view.state.schema.nodes, table = _a.table, listItem = _a.listItem;
|
|
175
200
|
return !!prosemirror_utils_1.findParentNodeOfTypeClosestToPos($pos, [table, listItem]);
|
|
176
201
|
},
|
|
177
202
|
enumerable: true,
|
|
@@ -191,23 +216,29 @@ var ResizableMediaSingle = /** @class */ (function (_super) {
|
|
|
191
216
|
else if (pctWidth && origWidth && origHeight) {
|
|
192
217
|
pxWidth = Math.ceil(editor_common_1.calcPxFromPct(pctWidth / 100, lineLength || containerWidth));
|
|
193
218
|
}
|
|
219
|
+
else if (layout === 'center') {
|
|
220
|
+
pxWidth = Math.min(origWidth, lineLength);
|
|
221
|
+
}
|
|
222
|
+
else if (utils_1.alignmentLayouts.indexOf(layout) !== -1) {
|
|
223
|
+
pxWidth = Math.min(origWidth / 2, lineLength);
|
|
224
|
+
}
|
|
194
225
|
// scale, keeping aspect ratio
|
|
195
226
|
var height = (origHeight / origWidth) * pxWidth;
|
|
196
227
|
var width = pxWidth;
|
|
197
228
|
var enable = {};
|
|
198
|
-
|
|
229
|
+
utils_1.handleSides.forEach(function (side) {
|
|
199
230
|
var oppositeSide = side === 'left' ? 'right' : 'left';
|
|
200
231
|
enable[side] =
|
|
201
232
|
['full-width', 'wide', 'center']
|
|
202
233
|
.concat("wrap-" + oppositeSide)
|
|
203
|
-
.concat("align-" + imageAlignmentMap[oppositeSide])
|
|
234
|
+
.concat("align-" + utils_1.imageAlignmentMap[oppositeSide])
|
|
204
235
|
.indexOf(layout) > -1;
|
|
205
236
|
if (side === 'left' && _this.insideInlineLike) {
|
|
206
237
|
enable[side] = false;
|
|
207
238
|
}
|
|
208
239
|
});
|
|
209
240
|
return (React.createElement(styled_1.Wrapper, { width: width, height: height, layout: layout, containerWidth: containerWidth || origWidth, innerRef: function (elem) { return (_this.wrapper = elem); } },
|
|
210
|
-
React.createElement(Resizer_1.default, tslib_1.__assign({}, this.props, { width: width, height: height, selected: this.props.selected, enable: enable, calcNewSize: this.calcNewSize, snapPoints: this.
|
|
241
|
+
React.createElement(Resizer_1.default, tslib_1.__assign({}, this.props, { width: width, height: height, selected: this.props.selected, enable: enable, calcNewSize: this.calcNewSize, snapPoints: this.calcSnapPoints(), scaleFactor: !this.wrappedLayout && !this.insideInlineLike ? 2 : 1, highlights: this.highlights }), this.props.children)));
|
|
211
242
|
};
|
|
212
243
|
return ResizableMediaSingle;
|
|
213
244
|
}(React.Component));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/plugins/media/ui/ResizableMediaSingle/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,uDAAqE;AAErE,yDAQiC;AAEjC,mCAAmC;AAEnC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/plugins/media/ui/ResizableMediaSingle/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { MediaSingleLayout } from '@atlaskit/adf-schema';
|
|
2
2
|
import { MediaSingleProps } from '@atlaskit/editor-common';
|
|
3
|
-
import { EditorState } from 'prosemirror-state';
|
|
4
3
|
import { EditorAppearance } from '../../../../types';
|
|
5
4
|
import { GridType } from '../../../grid/types';
|
|
6
5
|
import { MediaProvider } from '../../types';
|
|
6
|
+
import { EditorView } from 'prosemirror-view';
|
|
7
|
+
import { EditorState } from 'prosemirror-state';
|
|
7
8
|
export declare type EnabledHandles = {
|
|
8
9
|
left?: boolean;
|
|
9
10
|
right?: boolean;
|
|
@@ -12,6 +13,7 @@ export declare type Props = MediaSingleProps & {
|
|
|
12
13
|
updateSize: (width: number | null, layout: MediaSingleLayout) => void;
|
|
13
14
|
displayGrid: (show: boolean, type: GridType, highlight?: number[] | string[]) => void;
|
|
14
15
|
getPos: () => number | undefined;
|
|
16
|
+
view: EditorView;
|
|
15
17
|
state: EditorState;
|
|
16
18
|
lineLength: number;
|
|
17
19
|
gridSize: number;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.snapTo = function (target, points) {
|
|
4
|
+
return points.reduce(function (point, closest) {
|
|
5
|
+
return Math.abs(closest - target) < Math.abs(point - target)
|
|
6
|
+
? closest
|
|
7
|
+
: point;
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
exports.handleSides = ['left', 'right'];
|
|
11
|
+
exports.alignmentLayouts = [
|
|
12
|
+
'align-start',
|
|
13
|
+
'align-end',
|
|
14
|
+
'wrap-left',
|
|
15
|
+
'wrap-right',
|
|
16
|
+
];
|
|
17
|
+
exports.imageAlignmentMap = {
|
|
18
|
+
left: 'start',
|
|
19
|
+
right: 'end',
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/plugins/media/ui/ResizableMediaSingle/utils.ts"],"names":[],"mappings":";;AAAa,QAAA,MAAM,GAAG,UAAC,MAAc,EAAE,MAAgB;IACrD,OAAA,MAAM,CAAC,MAAM,CAAC,UAAC,KAAK,EAAE,OAAO;QAC3B,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC;YAC1D,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,KAAK,CAAC;IACZ,CAAC,CAAC;AAJF,CAIE,CAAC;AAEQ,QAAA,WAAW,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEhC,QAAA,gBAAgB,GAAG;IAC9B,aAAa;IACb,WAAW;IACX,WAAW;IACX,YAAY;CACb,CAAC;AAEW,QAAA,iBAAiB,GAAG;IAC/B,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,KAAK;CACb,CAAC"}
|
package/dist/package.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "98.0
|
|
3
|
+
"version": "98.1.0",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/es5/index.js",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"@atlaskit/modal-dialog": "^7.2.1",
|
|
52
52
|
"@atlaskit/select": "^6.1.19",
|
|
53
53
|
"@atlaskit/size-detector": "^5.0.9",
|
|
54
|
-
"@atlaskit/smart-card": "^9.6.
|
|
54
|
+
"@atlaskit/smart-card": "^9.6.6",
|
|
55
55
|
"@atlaskit/spinner": "^9.0.13",
|
|
56
56
|
"@atlaskit/status": "^0.3.2",
|
|
57
57
|
"@atlaskit/task-decision": "^11.1.8",
|
|
@@ -125,4 +125,4 @@
|
|
|
125
125
|
"react-intl": "^2.6.0",
|
|
126
126
|
"sinon": "^2.2.0"
|
|
127
127
|
}
|
|
128
|
-
}
|
|
128
|
+
}
|