@atlaskit/editor-core 98.0.3 → 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 +5 -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/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/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 +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 98.1.0
|
|
4
|
+
- [minor] [a26d644414](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/a26d644414):
|
|
5
|
+
|
|
6
|
+
- ED-5845, ED-6072: support resizing in multiple editors on page, fix snapping images in lists
|
|
7
|
+
|
|
3
8
|
## 98.0.3
|
|
4
9
|
- [patch] [5ae645d661](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/5ae645d661):
|
|
5
10
|
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { Component } from 'react';
|
|
2
2
|
import { Node as PMNode } from 'prosemirror-model';
|
|
3
|
-
import { EditorView
|
|
3
|
+
import { EditorView } from 'prosemirror-view';
|
|
4
4
|
import { MediaSingleLayout } from '@atlaskit/adf-schema';
|
|
5
5
|
import { CardEvent } from '@atlaskit/media-card';
|
|
6
|
+
import ReactNodeView from '../../../nodeviews/ReactNodeView';
|
|
6
7
|
import { EventDispatcher } from '../../../event-dispatcher';
|
|
7
|
-
import {
|
|
8
|
+
import { MediaProvider } from '../types';
|
|
8
9
|
import { EditorAppearance } from '../../../types';
|
|
9
10
|
export interface MediaSingleNodeProps {
|
|
10
11
|
node: PMNode;
|
|
@@ -20,22 +21,25 @@ export interface MediaSingleNodeProps {
|
|
|
20
21
|
export interface MediaSingleNodeState {
|
|
21
22
|
width?: number;
|
|
22
23
|
height?: number;
|
|
23
|
-
lastMediaStatus?: MediaStateStatus;
|
|
24
24
|
}
|
|
25
25
|
export default class MediaSingleNode extends Component<MediaSingleNodeProps, MediaSingleNodeState> {
|
|
26
26
|
private mediaPluginState;
|
|
27
27
|
state: {
|
|
28
28
|
height: undefined;
|
|
29
29
|
width: undefined;
|
|
30
|
-
lastMediaStatus: undefined;
|
|
31
30
|
};
|
|
32
31
|
constructor(props: any);
|
|
33
|
-
shouldComponentUpdate(nextProps: MediaSingleNodeProps): boolean;
|
|
34
32
|
componentDidUpdate(): void;
|
|
35
33
|
private onExternalImageLoaded;
|
|
36
|
-
private mediaChildHasUpdated;
|
|
37
34
|
selectMediaSingle: ({ event }: CardEvent) => void;
|
|
38
35
|
updateSize: (width: number | null, layout: MediaSingleLayout) => void;
|
|
39
36
|
render(): JSX.Element;
|
|
40
37
|
}
|
|
41
|
-
|
|
38
|
+
declare class MediaSingleNodeView extends ReactNodeView {
|
|
39
|
+
lastOffsetLeft: number;
|
|
40
|
+
render(): JSX.Element;
|
|
41
|
+
createDomRef(): HTMLDivElement | HTMLObjectElement;
|
|
42
|
+
ignoreMutation(): boolean;
|
|
43
|
+
}
|
|
44
|
+
export declare const ReactMediaSingleNode: (portalProviderAPI: any, eventDispatcher: any, editorAppearance: any) => (node: PMNode<any>, view: EditorView<any>, getPos: () => number) => MediaSingleNodeView;
|
|
45
|
+
export {};
|
|
@@ -22,7 +22,6 @@ var MediaSingleNode = /** @class */ (function (_super) {
|
|
|
22
22
|
_this.state = {
|
|
23
23
|
height: undefined,
|
|
24
24
|
width: undefined,
|
|
25
|
-
lastMediaStatus: undefined,
|
|
26
25
|
};
|
|
27
26
|
_this.onExternalImageLoaded = function (_a) {
|
|
28
27
|
var width = _a.width, height = _a.height;
|
|
@@ -33,14 +32,6 @@ var MediaSingleNode = /** @class */ (function (_super) {
|
|
|
33
32
|
_this.forceUpdate();
|
|
34
33
|
});
|
|
35
34
|
};
|
|
36
|
-
_this.mediaChildHasUpdated = function (nextProps) {
|
|
37
|
-
if (!_this.props.node.firstChild || !nextProps.node.firstChild) {
|
|
38
|
-
return false;
|
|
39
|
-
}
|
|
40
|
-
return (_this.props.node.firstChild.attrs.collection !==
|
|
41
|
-
nextProps.node.firstChild.attrs.collection ||
|
|
42
|
-
_this.props.node.firstChild.attrs.id !== nextProps.node.firstChild.attrs.id);
|
|
43
|
-
};
|
|
44
35
|
_this.selectMediaSingle = function (_a) {
|
|
45
36
|
var event = _a.event;
|
|
46
37
|
// We need to call "stopPropagation" here in order to prevent the browser from navigating to
|
|
@@ -60,18 +51,6 @@ var MediaSingleNode = /** @class */ (function (_super) {
|
|
|
60
51
|
_this.mediaPluginState = stateKey.getState(_this.props.view.state);
|
|
61
52
|
return _this;
|
|
62
53
|
}
|
|
63
|
-
MediaSingleNode.prototype.shouldComponentUpdate = function (nextProps) {
|
|
64
|
-
if (this.props.node.attrs.width !== nextProps.node.attrs.width ||
|
|
65
|
-
this.props.selected() !== nextProps.selected() ||
|
|
66
|
-
this.props.node.attrs.layout !== nextProps.node.attrs.layout ||
|
|
67
|
-
this.props.width !== nextProps.width ||
|
|
68
|
-
this.props.lineLength !== nextProps.lineLength ||
|
|
69
|
-
this.props.getPos !== nextProps.getPos ||
|
|
70
|
-
this.mediaChildHasUpdated(nextProps)) {
|
|
71
|
-
return true;
|
|
72
|
-
}
|
|
73
|
-
return false;
|
|
74
|
-
};
|
|
75
54
|
MediaSingleNode.prototype.componentDidUpdate = function () {
|
|
76
55
|
var layout = this.props.node.attrs.layout;
|
|
77
56
|
if (this.props.selected()) {
|
|
@@ -122,7 +101,7 @@ var MediaSingleNode = /** @class */ (function (_super) {
|
|
|
122
101
|
pctWidth: mediaSingleWidth,
|
|
123
102
|
};
|
|
124
103
|
var MediaChild = (React.createElement(MediaItem, { node: childNode, view: this.props.view, getPos: this.props.getPos, cardDimensions: cardDimensions, mediaProvider: this.props.mediaProvider, selected: selected(), onClick: this.selectMediaSingle, onExternalImageLoaded: this.onExternalImageLoaded, editorAppearance: editorAppearance }));
|
|
125
|
-
return canResize ? (React.createElement(ResizableMediaSingle, tslib_1.__assign({}, props, { getPos: getPos, updateSize: this.updateSize, displayGrid: createDisplayGrid(this.props.eventDispatcher), gridSize: 12, mediaProvider: this.props.mediaProvider, state: this.props.view.state, appearance: this.mediaPluginState.options.appearance, selected: this.props.selected() }), MediaChild)) : (React.createElement(MediaSingle, tslib_1.__assign({}, props), MediaChild));
|
|
104
|
+
return canResize ? (React.createElement(ResizableMediaSingle, tslib_1.__assign({}, props, { view: this.props.view, getPos: getPos, updateSize: this.updateSize, displayGrid: createDisplayGrid(this.props.eventDispatcher), gridSize: 12, mediaProvider: this.props.mediaProvider, state: this.props.view.state, appearance: this.mediaPluginState.options.appearance, selected: this.props.selected() }), MediaChild)) : (React.createElement(MediaSingle, tslib_1.__assign({}, props), MediaChild));
|
|
126
105
|
};
|
|
127
106
|
return MediaSingleNode;
|
|
128
107
|
}(Component));
|
|
@@ -130,7 +109,9 @@ export default MediaSingleNode;
|
|
|
130
109
|
var MediaSingleNodeView = /** @class */ (function (_super) {
|
|
131
110
|
tslib_1.__extends(MediaSingleNodeView, _super);
|
|
132
111
|
function MediaSingleNodeView() {
|
|
133
|
-
|
|
112
|
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
113
|
+
_this.lastOffsetLeft = 0;
|
|
114
|
+
return _this;
|
|
134
115
|
}
|
|
135
116
|
MediaSingleNodeView.prototype.render = function () {
|
|
136
117
|
var _this = this;
|
|
@@ -156,6 +137,16 @@ var MediaSingleNodeView = /** @class */ (function (_super) {
|
|
|
156
137
|
*/
|
|
157
138
|
return document.createElement(browser.chrome ? 'object' : 'div');
|
|
158
139
|
};
|
|
140
|
+
MediaSingleNodeView.prototype.ignoreMutation = function () {
|
|
141
|
+
if (this.dom) {
|
|
142
|
+
var offsetLeft = this.dom.offsetLeft;
|
|
143
|
+
if (offsetLeft !== this.lastOffsetLeft) {
|
|
144
|
+
this.lastOffsetLeft = offsetLeft;
|
|
145
|
+
this.update(this.node, [], function () { return true; });
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
return true;
|
|
149
|
+
};
|
|
159
150
|
return MediaSingleNodeView;
|
|
160
151
|
}(ReactNodeView));
|
|
161
152
|
export var ReactMediaSingleNode = function (portalProviderAPI, eventDispatcher, editorAppearance) { return function (node, view, getPos) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mediaSingle.js","sourceRoot":"","sources":["../../../../../src/plugins/media/nodeviews/mediaSingle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,EAAE,gCAAgC,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAoB,MAAM,oBAAoB,CAAC;AAChE,OAAO,aAAa,MAAM,kCAAkC,CAAC;AAC7D,OAAO,SAAS,MAAM,SAAS,CAAC;AAChC,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,qBAAqB,EAAE,MAAM,iDAAiD,CAAC;AACpG,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,oBAAoB,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI1D,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,IAAM,aAAa,GAAG,GAAG,CAAC;AAC1B,IAAM,cAAc,GAAG,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"mediaSingle.js","sourceRoot":"","sources":["../../../../../src/plugins/media/nodeviews/mediaSingle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { RefObject } from 'react';
|
|
3
3
|
import { MediaSingleLayout } from '@atlaskit/adf-schema';
|
|
4
|
-
import { Props, EnabledHandles } from './types';
|
|
4
|
+
import { Props as ResizableMediaSingleProps, EnabledHandles } from './types';
|
|
5
5
|
import Resizable from 're-resizable';
|
|
6
6
|
import { ResizableDirection, NumberSize } from 're-resizable';
|
|
7
|
-
|
|
8
|
-
export declare const alignementLayouts: string[];
|
|
9
|
-
declare type ResizerProps = Props & {
|
|
7
|
+
declare type ResizerProps = ResizableMediaSingleProps & {
|
|
10
8
|
selected: boolean;
|
|
11
9
|
enable: EnabledHandles;
|
|
12
10
|
calcNewSize: (newWidth: number, stop: boolean) => {
|
|
@@ -15,8 +13,7 @@ declare type ResizerProps = Props & {
|
|
|
15
13
|
};
|
|
16
14
|
snapPoints: number[];
|
|
17
15
|
scaleFactor?: number;
|
|
18
|
-
|
|
19
|
-
isInlineLike: boolean;
|
|
16
|
+
highlights: (width: number, snapPoints: number[]) => number[] | string[];
|
|
20
17
|
};
|
|
21
18
|
declare type ResizerState = {
|
|
22
19
|
isResizing: boolean;
|
|
@@ -29,7 +26,6 @@ export default class Resizer extends React.Component<ResizerProps, ResizerState>
|
|
|
29
26
|
constructor(props: ResizerProps);
|
|
30
27
|
handleResizeStart: (event: any) => void;
|
|
31
28
|
handleResize: (event: MouseEvent | TouchEvent, direction: ResizableDirection, elementRef: HTMLDivElement, delta: NumberSize) => void;
|
|
32
|
-
highlights: (newWidth: any) => number[] | string[];
|
|
33
29
|
handleResizeStop: (event: any, direction: any, refToElement: any, delta: {
|
|
34
30
|
width: number;
|
|
35
31
|
height: number;
|
|
@@ -1,23 +1,9 @@
|
|
|
1
1
|
import * as tslib_1 from "tslib";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import * as classnames from 'classnames';
|
|
4
|
-
import { calcColumnsFromPx, akEditorWideLayoutWidth, } from '@atlaskit/editor-common';
|
|
5
4
|
import Resizable from 're-resizable';
|
|
6
5
|
import { gridTypeForLayout } from '../../../grid';
|
|
7
|
-
|
|
8
|
-
export var alignementLayouts = [
|
|
9
|
-
'align-start',
|
|
10
|
-
'align-end',
|
|
11
|
-
'wrap-left',
|
|
12
|
-
'wrap-right',
|
|
13
|
-
];
|
|
14
|
-
var snapTo = function (target, points) {
|
|
15
|
-
return points.reduce(function (point, closest) {
|
|
16
|
-
return Math.abs(closest - target) < Math.abs(point - target)
|
|
17
|
-
? closest
|
|
18
|
-
: point;
|
|
19
|
-
});
|
|
20
|
-
};
|
|
6
|
+
import { snapTo, handleSides } from './utils';
|
|
21
7
|
var Resizer = /** @class */ (function (_super) {
|
|
22
8
|
tslib_1.__extends(Resizer, _super);
|
|
23
9
|
function Resizer(props) {
|
|
@@ -29,7 +15,7 @@ var Resizer = /** @class */ (function (_super) {
|
|
|
29
15
|
// prevent creating a drag event on Firefox
|
|
30
16
|
event.preventDefault();
|
|
31
17
|
_this.setState({ isResizing: true }, function () {
|
|
32
|
-
_this.props.displayGrid(true, gridTypeForLayout(_this.props.layout), _this.highlights(_this.props.width));
|
|
18
|
+
_this.props.displayGrid(true, gridTypeForLayout(_this.props.layout), _this.props.highlights(_this.props.width, _this.props.snapPoints));
|
|
33
19
|
});
|
|
34
20
|
};
|
|
35
21
|
_this.handleResize = function (event, direction, elementRef, delta) {
|
|
@@ -43,36 +29,9 @@ var Resizer = /** @class */ (function (_super) {
|
|
|
43
29
|
if (newSize.layout !== _this.props.layout) {
|
|
44
30
|
_this.props.updateSize(newSize.width, newSize.layout);
|
|
45
31
|
}
|
|
46
|
-
_this.props.displayGrid(true, gridTypeForLayout(newSize.layout), _this.highlights(newWidth));
|
|
32
|
+
_this.props.displayGrid(true, gridTypeForLayout(newSize.layout), _this.props.highlights(newWidth, _this.props.snapPoints));
|
|
47
33
|
resizable.updateSize({ width: newWidth, height: 'auto' });
|
|
48
34
|
};
|
|
49
|
-
_this.highlights = function (newWidth) {
|
|
50
|
-
var snapWidth = snapTo(newWidth, _this.props.snapPoints);
|
|
51
|
-
if (snapWidth > akEditorWideLayoutWidth) {
|
|
52
|
-
return ['full-width'];
|
|
53
|
-
}
|
|
54
|
-
var columns = calcColumnsFromPx(snapWidth, _this.props.lineLength, _this.props.gridSize);
|
|
55
|
-
var columnWidth = Math.round(columns);
|
|
56
|
-
var highlight = [];
|
|
57
|
-
if (_this.props.layout === 'wrap-left' ||
|
|
58
|
-
_this.props.layout === 'align-start') {
|
|
59
|
-
highlight.push(0);
|
|
60
|
-
highlight.push(columnWidth);
|
|
61
|
-
}
|
|
62
|
-
else if (_this.props.layout === 'wrap-right' ||
|
|
63
|
-
_this.props.layout === 'align-end') {
|
|
64
|
-
highlight.push(_this.props.gridSize);
|
|
65
|
-
highlight.push(_this.props.gridSize - columnWidth);
|
|
66
|
-
}
|
|
67
|
-
else if (_this.props.isInlineLike) {
|
|
68
|
-
highlight.push(_this.props.getColumnLeft() + Math.ceil(columns));
|
|
69
|
-
}
|
|
70
|
-
else {
|
|
71
|
-
highlight.push(Math.floor((_this.props.gridSize - columnWidth) / 2));
|
|
72
|
-
highlight.push(Math.ceil((_this.props.gridSize + columnWidth) / 2));
|
|
73
|
-
}
|
|
74
|
-
return highlight;
|
|
75
|
-
};
|
|
76
35
|
_this.handleResizeStop = function (event, direction, refToElement, delta) {
|
|
77
36
|
var resizable = _this.resizable.current;
|
|
78
37
|
if (!resizable || !resizable.state.original) {
|
|
@@ -82,7 +41,7 @@ var Resizer = /** @class */ (function (_super) {
|
|
|
82
41
|
var snapWidth = snapTo(newWidth, _this.props.snapPoints);
|
|
83
42
|
var newSize = _this.props.calcNewSize(snapWidth, true);
|
|
84
43
|
// show committed grid size
|
|
85
|
-
_this.props.displayGrid(true, gridTypeForLayout(newSize.layout), _this.highlights(newWidth));
|
|
44
|
+
_this.props.displayGrid(true, gridTypeForLayout(newSize.layout), _this.props.highlights(newWidth, _this.props.snapPoints));
|
|
86
45
|
_this.setState({ isResizing: false }, function () {
|
|
87
46
|
_this.props.updateSize(newSize.width, newSize.layout);
|
|
88
47
|
_this.props.displayGrid(false, gridTypeForLayout(_this.props.layout));
|
|
@@ -92,10 +51,6 @@ var Resizer = /** @class */ (function (_super) {
|
|
|
92
51
|
return _this;
|
|
93
52
|
}
|
|
94
53
|
Resizer.prototype.render = function () {
|
|
95
|
-
/** equivalent to `calc: (50% - 12px)` from 40:MediaSingle/styled.ts */
|
|
96
|
-
var halfSize = this.props.lineLength * 0.5 - 12;
|
|
97
|
-
var shouldHalfSize = alignementLayouts.indexOf(this.props.layout) > -1 &&
|
|
98
|
-
this.props.width > this.props.lineLength;
|
|
99
54
|
var handleStyles = {};
|
|
100
55
|
var handles = {};
|
|
101
56
|
handleSides.forEach(function (side) {
|
|
@@ -111,7 +66,7 @@ var Resizer = /** @class */ (function (_super) {
|
|
|
111
66
|
// Ideally, Resizable would let you pass in the component rather than
|
|
112
67
|
// the div. For now, we just apply the same styles using CSS
|
|
113
68
|
return (React.createElement(Resizable, { ref: this.resizable, onResize: this.handleResize, size: {
|
|
114
|
-
width:
|
|
69
|
+
width: this.props.width,
|
|
115
70
|
}, className: classnames('media-single', "image-" + this.props.layout, this.props.className, {
|
|
116
71
|
'is-resizing': this.state.isResizing,
|
|
117
72
|
'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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,UAAU,MAAM,YAAY,CAAC;
|
|
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 {};
|
|
@@ -3,16 +3,14 @@ import * as React from 'react';
|
|
|
3
3
|
import { findParentNodeOfTypeClosestToPos } from 'prosemirror-utils';
|
|
4
4
|
import { akEditorWideLayoutWidth, calcPxFromColumns, calcPctFromPx, calcPxFromPct, akEditorBreakoutPadding, calcColumnsFromPx, breakoutWideScaleRatio, } from '@atlaskit/editor-common';
|
|
5
5
|
import { Wrapper } from './styled';
|
|
6
|
-
import Resizer
|
|
7
|
-
|
|
8
|
-
left: 'start',
|
|
9
|
-
right: 'end',
|
|
10
|
-
};
|
|
6
|
+
import Resizer from './Resizer';
|
|
7
|
+
import { snapTo, handleSides, imageAlignmentMap, alignmentLayouts, } from './utils';
|
|
11
8
|
var ResizableMediaSingle = /** @class */ (function (_super) {
|
|
12
9
|
tslib_1.__extends(ResizableMediaSingle, _super);
|
|
13
10
|
function ResizableMediaSingle() {
|
|
14
11
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
15
12
|
_this.state = {
|
|
13
|
+
offsetLeft: _this.calcOffsetLeft(),
|
|
16
14
|
// We default to true until we resolve the file type
|
|
17
15
|
isVideoFile: true,
|
|
18
16
|
};
|
|
@@ -41,14 +39,44 @@ var ResizableMediaSingle = /** @class */ (function (_super) {
|
|
|
41
39
|
};
|
|
42
40
|
}
|
|
43
41
|
};
|
|
44
|
-
_this.
|
|
45
|
-
var offsetLeft = _this.
|
|
42
|
+
_this.calcColumnLeftOffset = function () {
|
|
43
|
+
var offsetLeft = _this.state.offsetLeft;
|
|
46
44
|
return _this.insideInlineLike
|
|
47
|
-
?
|
|
45
|
+
? calcColumnsFromPx(offsetLeft, _this.props.lineLength, _this.props.gridSize)
|
|
48
46
|
: 0;
|
|
49
47
|
};
|
|
48
|
+
_this.highlights = function (newWidth, snapPoints) {
|
|
49
|
+
var snapWidth = snapTo(newWidth, snapPoints);
|
|
50
|
+
if (snapWidth > akEditorWideLayoutWidth) {
|
|
51
|
+
return ['full-width'];
|
|
52
|
+
}
|
|
53
|
+
var _a = _this.props, layout = _a.layout, lineLength = _a.lineLength, gridSize = _a.gridSize;
|
|
54
|
+
var columns = calcColumnsFromPx(snapWidth, lineLength, gridSize);
|
|
55
|
+
var columnWidth = Math.round(columns);
|
|
56
|
+
var highlight = [];
|
|
57
|
+
if (layout === 'wrap-left' || layout === 'align-start') {
|
|
58
|
+
highlight.push(0, columnWidth);
|
|
59
|
+
}
|
|
60
|
+
else if (layout === 'wrap-right' || layout === 'align-end') {
|
|
61
|
+
highlight.push(gridSize, gridSize - columnWidth);
|
|
62
|
+
}
|
|
63
|
+
else if (_this.insideInlineLike) {
|
|
64
|
+
highlight.push(Math.round(columns + _this.calcColumnLeftOffset()));
|
|
65
|
+
}
|
|
66
|
+
else {
|
|
67
|
+
highlight.push(Math.floor((gridSize - columnWidth) / 2), Math.ceil((gridSize + columnWidth) / 2));
|
|
68
|
+
}
|
|
69
|
+
return highlight;
|
|
70
|
+
};
|
|
50
71
|
return _this;
|
|
51
72
|
}
|
|
73
|
+
ResizableMediaSingle.prototype.componentDidUpdate = function () {
|
|
74
|
+
var offsetLeft = this.calcOffsetLeft();
|
|
75
|
+
if (offsetLeft !== this.state.offsetLeft && offsetLeft >= 0) {
|
|
76
|
+
this.setState({ offsetLeft: offsetLeft });
|
|
77
|
+
}
|
|
78
|
+
return true;
|
|
79
|
+
};
|
|
52
80
|
Object.defineProperty(ResizableMediaSingle.prototype, "wrappedLayout", {
|
|
53
81
|
get: function () {
|
|
54
82
|
var layout = this.props.layout;
|
|
@@ -96,7 +124,8 @@ var ResizableMediaSingle = /** @class */ (function (_super) {
|
|
|
96
124
|
if (Number.isNaN(pos) || typeof pos !== 'number') {
|
|
97
125
|
return null;
|
|
98
126
|
}
|
|
99
|
-
|
|
127
|
+
// need to pass view because we may not get updated props in time
|
|
128
|
+
return this.props.view.state.doc.resolve(pos);
|
|
100
129
|
},
|
|
101
130
|
enumerable: true,
|
|
102
131
|
configurable: true
|
|
@@ -118,7 +147,7 @@ var ResizableMediaSingle = /** @class */ (function (_super) {
|
|
|
118
147
|
var offsetLeft = 0;
|
|
119
148
|
if (this.wrapper && this.insideInlineLike) {
|
|
120
149
|
var currentNode = this.wrapper;
|
|
121
|
-
var pm =
|
|
150
|
+
var pm = this.props.view.dom;
|
|
122
151
|
while (currentNode &&
|
|
123
152
|
currentNode.parentElement &&
|
|
124
153
|
!currentNode.parentElement.classList.contains('ProseMirror') &&
|
|
@@ -130,46 +159,42 @@ var ResizableMediaSingle = /** @class */ (function (_super) {
|
|
|
130
159
|
}
|
|
131
160
|
return offsetLeft;
|
|
132
161
|
};
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
if (!$pos) {
|
|
147
|
-
return snapPoints;
|
|
148
|
-
}
|
|
149
|
-
var isVideoFile = this.state.isVideoFile;
|
|
150
|
-
snapPoints = isVideoFile
|
|
151
|
-
? snapPoints.filter(function (width) { return width > 320; })
|
|
152
|
-
: snapPoints;
|
|
153
|
-
var isTopLevel = $pos.parent.type.name === 'doc';
|
|
154
|
-
if (isTopLevel && appearance === 'full-page') {
|
|
155
|
-
snapPoints.push(akEditorWideLayoutWidth);
|
|
156
|
-
var fullWidthPoint = containerWidth - akEditorBreakoutPadding;
|
|
157
|
-
if (fullWidthPoint > akEditorWideLayoutWidth) {
|
|
158
|
-
snapPoints.push(fullWidthPoint);
|
|
159
|
-
}
|
|
160
|
-
}
|
|
162
|
+
ResizableMediaSingle.prototype.calcSnapPoints = function () {
|
|
163
|
+
var offsetLeft = this.state.offsetLeft;
|
|
164
|
+
var _a = this.props, containerWidth = _a.containerWidth, lineLength = _a.lineLength, appearance = _a.appearance;
|
|
165
|
+
var snapTargets = [];
|
|
166
|
+
for (var i = 0; i < this.gridWidth; i++) {
|
|
167
|
+
snapTargets.push(calcPxFromColumns(i, lineLength, this.gridWidth) - offsetLeft);
|
|
168
|
+
}
|
|
169
|
+
// full width
|
|
170
|
+
snapTargets.push(lineLength - offsetLeft);
|
|
171
|
+
var minimumWidth = calcPxFromColumns(this.wrappedLayout || this.insideInlineLike ? 1 : 2, lineLength, this.props.gridSize);
|
|
172
|
+
var snapPoints = snapTargets.filter(function (width) { return width >= minimumWidth; });
|
|
173
|
+
var $pos = this.$pos;
|
|
174
|
+
if (!$pos) {
|
|
161
175
|
return snapPoints;
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
176
|
+
}
|
|
177
|
+
var isVideoFile = this.state.isVideoFile;
|
|
178
|
+
snapPoints = isVideoFile
|
|
179
|
+
? snapPoints.filter(function (width) { return width > 320; })
|
|
180
|
+
: snapPoints;
|
|
181
|
+
var isTopLevel = $pos.parent.type.name === 'doc';
|
|
182
|
+
if (isTopLevel && appearance === 'full-page') {
|
|
183
|
+
snapPoints.push(akEditorWideLayoutWidth);
|
|
184
|
+
var fullWidthPoint = containerWidth - akEditorBreakoutPadding;
|
|
185
|
+
if (fullWidthPoint > akEditorWideLayoutWidth) {
|
|
186
|
+
snapPoints.push(fullWidthPoint);
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
return snapPoints;
|
|
190
|
+
};
|
|
166
191
|
Object.defineProperty(ResizableMediaSingle.prototype, "insideInlineLike", {
|
|
167
192
|
get: function () {
|
|
168
193
|
var $pos = this.$pos;
|
|
169
194
|
if (!$pos) {
|
|
170
195
|
return false;
|
|
171
196
|
}
|
|
172
|
-
var _a = this.props.state.schema.nodes, table = _a.table, listItem = _a.listItem;
|
|
197
|
+
var _a = this.props.view.state.schema.nodes, table = _a.table, listItem = _a.listItem;
|
|
173
198
|
return !!findParentNodeOfTypeClosestToPos($pos, [table, listItem]);
|
|
174
199
|
},
|
|
175
200
|
enumerable: true,
|
|
@@ -189,6 +214,12 @@ var ResizableMediaSingle = /** @class */ (function (_super) {
|
|
|
189
214
|
else if (pctWidth && origWidth && origHeight) {
|
|
190
215
|
pxWidth = Math.ceil(calcPxFromPct(pctWidth / 100, lineLength || containerWidth));
|
|
191
216
|
}
|
|
217
|
+
else if (layout === 'center') {
|
|
218
|
+
pxWidth = Math.min(origWidth, lineLength);
|
|
219
|
+
}
|
|
220
|
+
else if (alignmentLayouts.indexOf(layout) !== -1) {
|
|
221
|
+
pxWidth = Math.min(origWidth / 2, lineLength);
|
|
222
|
+
}
|
|
192
223
|
// scale, keeping aspect ratio
|
|
193
224
|
var height = (origHeight / origWidth) * pxWidth;
|
|
194
225
|
var width = pxWidth;
|
|
@@ -205,7 +236,7 @@ var ResizableMediaSingle = /** @class */ (function (_super) {
|
|
|
205
236
|
}
|
|
206
237
|
});
|
|
207
238
|
return (React.createElement(Wrapper, { width: width, height: height, layout: layout, containerWidth: containerWidth || origWidth, innerRef: function (elem) { return (_this.wrapper = elem); } },
|
|
208
|
-
React.createElement(Resizer, tslib_1.__assign({}, this.props, { width: width, height: height, selected: this.props.selected, enable: enable, calcNewSize: this.calcNewSize, snapPoints: this.
|
|
239
|
+
React.createElement(Resizer, 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)));
|
|
209
240
|
};
|
|
210
241
|
return ResizableMediaSingle;
|
|
211
242
|
}(React.Component));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/plugins/media/ui/ResizableMediaSingle/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gCAAgC,EAAE,MAAM,mBAAmB,CAAC;AAErE,OAAO,EACL,uBAAuB,EACvB,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,uBAAuB,EACvB,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,OAAO,OAAO,
|
|
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,19 @@
|
|
|
1
|
+
export var snapTo = function (target, points) {
|
|
2
|
+
return points.reduce(function (point, closest) {
|
|
3
|
+
return Math.abs(closest - target) < Math.abs(point - target)
|
|
4
|
+
? closest
|
|
5
|
+
: point;
|
|
6
|
+
});
|
|
7
|
+
};
|
|
8
|
+
export var handleSides = ['left', 'right'];
|
|
9
|
+
export var alignmentLayouts = [
|
|
10
|
+
'align-start',
|
|
11
|
+
'align-end',
|
|
12
|
+
'wrap-left',
|
|
13
|
+
'wrap-right',
|
|
14
|
+
];
|
|
15
|
+
export var imageAlignmentMap = {
|
|
16
|
+
left: 'start',
|
|
17
|
+
right: 'end',
|
|
18
|
+
};
|
|
19
|
+
//# 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,MAAM,CAAC,IAAM,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;AAEL,MAAM,CAAC,IAAM,WAAW,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE7C,MAAM,CAAC,IAAM,gBAAgB,GAAG;IAC9B,aAAa;IACb,WAAW;IACX,WAAW;IACX,YAAY;CACb,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC/B,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,KAAK;CACb,CAAC"}
|