@atlaskit/editor-core 187.16.1 → 187.17.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 +10 -0
- package/dist/cjs/plugins/base/index.js +0 -8
- package/dist/cjs/plugins/better-type-history/index.js +34 -0
- package/dist/cjs/plugins/{base/pm-plugins/better-type-history.js → better-type-history/pm-plugins/main.js} +4 -5
- package/dist/cjs/plugins/better-type-history/pm-plugins/plugin-key.js +9 -0
- package/dist/cjs/plugins/index.js +7 -0
- package/dist/cjs/plugins/media/nodeviews/mediaSingle.js +2 -2
- package/dist/cjs/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js +4 -14
- package/dist/cjs/plugins/paste/pm-plugins/main.js +7 -7
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/plugins/base/index.js +0 -7
- package/dist/es2019/plugins/better-type-history/index.js +24 -0
- package/dist/es2019/plugins/{base/pm-plugins/better-type-history.js → better-type-history/pm-plugins/main.js} +1 -2
- package/dist/es2019/plugins/better-type-history/pm-plugins/plugin-key.js +2 -0
- package/dist/es2019/plugins/index.js +1 -0
- package/dist/es2019/plugins/media/nodeviews/mediaSingle.js +2 -2
- package/dist/es2019/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js +2 -14
- package/dist/es2019/plugins/paste/pm-plugins/main.js +7 -7
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/plugins/base/index.js +0 -8
- package/dist/esm/plugins/better-type-history/index.js +26 -0
- package/dist/esm/plugins/{base/pm-plugins/better-type-history.js → better-type-history/pm-plugins/main.js} +1 -2
- package/dist/esm/plugins/better-type-history/pm-plugins/plugin-key.js +2 -0
- package/dist/esm/plugins/index.js +1 -0
- package/dist/esm/plugins/media/nodeviews/mediaSingle.js +2 -2
- package/dist/esm/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js +3 -13
- package/dist/esm/plugins/paste/pm-plugins/main.js +7 -7
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/esm/version.json +1 -1
- package/dist/types/plugins/better-type-history/index.d.ts +13 -0
- package/dist/types/plugins/{base/pm-plugins/better-type-history.d.ts → better-type-history/pm-plugins/main.d.ts} +0 -2
- package/dist/types/plugins/better-type-history/pm-plugins/plugin-key.d.ts +2 -0
- package/dist/types/plugins/index.d.ts +1 -0
- package/dist/types/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.d.ts +2 -7
- package/dist/types/plugins/paste/index.d.ts +4 -2
- package/dist/types-ts4.5/plugins/better-type-history/index.d.ts +13 -0
- package/dist/types-ts4.5/plugins/{base/pm-plugins/better-type-history.d.ts → better-type-history/pm-plugins/main.d.ts} +0 -2
- package/dist/types-ts4.5/plugins/better-type-history/pm-plugins/plugin-key.d.ts +2 -0
- package/dist/types-ts4.5/plugins/index.d.ts +1 -0
- package/dist/types-ts4.5/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.d.ts +2 -7
- package/dist/types-ts4.5/plugins/paste/index.d.ts +4 -2
- package/package.json +1 -1
- package/report.api.md +1 -1
- package/tmp/api-report-tmp.d.ts +1 -1
- package/dist/cjs/plugins/media/ui/ResizableMediaSingle/resizable-media-single-messages.js +0 -15
- package/dist/cjs/ui/Resizer/ResizeLabel/index.js +0 -20
- package/dist/cjs/ui/Resizer/ResizeLabel/styles.js +0 -17
- package/dist/es2019/plugins/media/ui/ResizableMediaSingle/resizable-media-single-messages.js +0 -8
- package/dist/es2019/ui/Resizer/ResizeLabel/index.js +0 -12
- package/dist/es2019/ui/Resizer/ResizeLabel/styles.js +0 -25
- package/dist/esm/plugins/media/ui/ResizableMediaSingle/resizable-media-single-messages.js +0 -8
- package/dist/esm/ui/Resizer/ResizeLabel/index.js +0 -12
- package/dist/esm/ui/Resizer/ResizeLabel/styles.js +0 -7
- package/dist/types/plugins/media/ui/ResizableMediaSingle/resizable-media-single-messages.d.ts +0 -7
- package/dist/types/ui/Resizer/ResizeLabel/index.d.ts +0 -8
- package/dist/types/ui/Resizer/ResizeLabel/styles.d.ts +0 -3
- package/dist/types-ts4.5/plugins/media/ui/ResizableMediaSingle/resizable-media-single-messages.d.ts +0 -7
- package/dist/types-ts4.5/ui/Resizer/ResizeLabel/index.d.ts +0 -8
- package/dist/types-ts4.5/ui/Resizer/ResizeLabel/styles.d.ts +0 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 187.17.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`fb3dab2b017`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fb3dab2b017) - Decouple `better-type-history` plugin from `base` plugin
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- [`93a1fd7ce1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/93a1fd7ce1e) - Removed ResizeLabel
|
|
12
|
+
|
|
3
13
|
## 187.16.1
|
|
4
14
|
|
|
5
15
|
### Patch Changes
|
|
@@ -17,7 +17,6 @@ var _disableSpellChecking = _interopRequireDefault(require("./pm-plugins/disable
|
|
|
17
17
|
var _contextIdentifier = _interopRequireDefault(require("./pm-plugins/context-identifier"));
|
|
18
18
|
var _newlinePreserveMarks = _interopRequireDefault(require("./pm-plugins/newline-preserve-marks"));
|
|
19
19
|
var _inlineCursorTarget = _interopRequireDefault(require("./pm-plugins/inline-cursor-target"));
|
|
20
|
-
var _betterTypeHistory = _interopRequireDefault(require("./pm-plugins/better-type-history"));
|
|
21
20
|
var _scrollGutter = _interopRequireDefault(require("./pm-plugins/scroll-gutter"));
|
|
22
21
|
var _keymaps = require("@atlaskit/editor-common/keymaps");
|
|
23
22
|
var _frozenEditor = _interopRequireDefault(require("./pm-plugins/frozen-editor"));
|
|
@@ -97,13 +96,6 @@ var basePlugin = function basePlugin(options, api) {
|
|
|
97
96
|
providerFactory = _ref4.providerFactory;
|
|
98
97
|
return (0, _contextIdentifier.default)(dispatch, providerFactory);
|
|
99
98
|
}
|
|
100
|
-
}, {
|
|
101
|
-
name: 'betterTypeHistory',
|
|
102
|
-
plugin: function plugin(_ref5) {
|
|
103
|
-
var dispatch = _ref5.dispatch,
|
|
104
|
-
providerFactory = _ref5.providerFactory;
|
|
105
|
-
return (0, _betterTypeHistory.default)();
|
|
106
|
-
}
|
|
107
99
|
});
|
|
108
100
|
if (options && options.allowScrollGutter) {
|
|
109
101
|
plugins.push({
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _main = _interopRequireDefault(require("./pm-plugins/main"));
|
|
9
|
+
var _pluginKey = require("./pm-plugins/plugin-key");
|
|
10
|
+
/**
|
|
11
|
+
* This plugin is aiming to improve undo behaviour for some of our more custom applications, very specific text
|
|
12
|
+
* paste events, splitting blocks of text, new lines.
|
|
13
|
+
*/
|
|
14
|
+
var betterTypeHistory = function betterTypeHistory() {
|
|
15
|
+
return {
|
|
16
|
+
name: 'betterTypeHistory',
|
|
17
|
+
actions: {
|
|
18
|
+
flagPasteEvent: function flagPasteEvent(tr) {
|
|
19
|
+
tr.setMeta(_pluginKey.pluginKey, true);
|
|
20
|
+
return tr;
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
pmPlugins: function pmPlugins() {
|
|
24
|
+
return [{
|
|
25
|
+
name: 'betterTypeHistory',
|
|
26
|
+
plugin: function plugin() {
|
|
27
|
+
return (0, _main.default)();
|
|
28
|
+
}
|
|
29
|
+
}];
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
var _default = betterTypeHistory;
|
|
34
|
+
exports.default = _default;
|
|
@@ -3,13 +3,14 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
|
|
8
8
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
9
9
|
var _model = require("@atlaskit/editor-prosemirror/model");
|
|
10
10
|
var _history = require("@atlaskit/editor-prosemirror/history");
|
|
11
11
|
var _transform = require("@atlaskit/editor-prosemirror/transform");
|
|
12
12
|
var _step = require("../../../utils/step");
|
|
13
|
+
var _pluginKey = require("./plugin-key");
|
|
13
14
|
var getEnterKeyboardActionStep = function getEnterKeyboardActionStep(trs) {
|
|
14
15
|
var firstTr = trs.length === 1 && trs[0];
|
|
15
16
|
if (!firstTr || !firstTr.docChanged || !firstTr.isGeneric || !(firstTr.selection instanceof _state.TextSelection)) {
|
|
@@ -38,14 +39,12 @@ var isSliceAddingNewlineChar = function isSliceAddingNewlineChar(slice, schema)
|
|
|
38
39
|
var newLine = _model.Fragment.from(schema.text('\n'));
|
|
39
40
|
return slice.content.eq(newLine);
|
|
40
41
|
};
|
|
41
|
-
var pluginKey = new _state.PluginKey('betterTypeHistoryPlugin');
|
|
42
|
-
exports.pluginKey = pluginKey;
|
|
43
42
|
var _default = function _default() {
|
|
44
43
|
return new _safePlugin.SafePlugin({
|
|
45
|
-
key: pluginKey,
|
|
44
|
+
key: _pluginKey.pluginKey,
|
|
46
45
|
appendTransaction: function appendTransaction(transactions, oldState, newState) {
|
|
47
46
|
var hasHandlePasteMeta = transactions.find(function (tran) {
|
|
48
|
-
return tran.getMeta(pluginKey);
|
|
47
|
+
return tran.getMeta(_pluginKey.pluginKey);
|
|
49
48
|
});
|
|
50
49
|
if (hasHandlePasteMeta) {
|
|
51
50
|
return (0, _history.closeHistory)(newState.tr);
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.pluginKey = void 0;
|
|
7
|
+
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
8
|
+
var pluginKey = new _state.PluginKey('betterTypeHistoryPlugin');
|
|
9
|
+
exports.pluginKey = pluginKey;
|
|
@@ -41,6 +41,12 @@ Object.defineProperty(exports, "beforePrimaryToolbarPlugin", {
|
|
|
41
41
|
return _beforePrimaryToolbar.default;
|
|
42
42
|
}
|
|
43
43
|
});
|
|
44
|
+
Object.defineProperty(exports, "betterTypeHistoryPlugin", {
|
|
45
|
+
enumerable: true,
|
|
46
|
+
get: function get() {
|
|
47
|
+
return _betterTypeHistory.default;
|
|
48
|
+
}
|
|
49
|
+
});
|
|
44
50
|
Object.defineProperty(exports, "blockPluginStateKey", {
|
|
45
51
|
enumerable: true,
|
|
46
52
|
get: function get() {
|
|
@@ -379,6 +385,7 @@ Object.defineProperty(exports, "viewUpdateSubscriptionPlugin", {
|
|
|
379
385
|
});
|
|
380
386
|
var _base = _interopRequireDefault(require("./base"));
|
|
381
387
|
var _blockType = _interopRequireWildcard(require("./block-type"));
|
|
388
|
+
var _betterTypeHistory = _interopRequireDefault(require("./better-type-history"));
|
|
382
389
|
var _clearMarksOnChangeToEmptyDocument = _interopRequireDefault(require("./clear-marks-on-change-to-empty-document"));
|
|
383
390
|
var _codeBlock = _interopRequireDefault(require("./code-block"));
|
|
384
391
|
var _collabEdit = _interopRequireDefault(require("./collab-edit"));
|
|
@@ -395,7 +395,7 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
|
|
|
395
395
|
gutterOffset: _mediaSingle.MEDIA_SINGLE_GUTTER_SIZE
|
|
396
396
|
})
|
|
397
397
|
};
|
|
398
|
-
var
|
|
398
|
+
var resizableMediaSingleProps = _objectSpread({
|
|
399
399
|
view: view,
|
|
400
400
|
getPos: getPos,
|
|
401
401
|
updateSize: this.updateSize,
|
|
@@ -429,7 +429,7 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
|
|
|
429
429
|
ref: this.captionPlaceHolderRef,
|
|
430
430
|
onClick: this.clickPlaceholder
|
|
431
431
|
}));
|
|
432
|
-
return canResize ? (0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience') ? (0, _react.jsx)(_ResizableMediaSingleNext.default,
|
|
432
|
+
return canResize ? (0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience') ? (0, _react.jsx)(_ResizableMediaSingleNext.default, resizableMediaSingleProps, MediaChildren) : (0, _react.jsx)(_ResizableMediaSingle.default, (0, _extends2.default)({}, resizableMediaSingleProps, {
|
|
433
433
|
lineLength: contentWidthForLegacyExperience
|
|
434
434
|
}), MediaChildren) : (0, _react.jsx)(_ui.MediaSingle, mediaSingleProps, MediaChildren);
|
|
435
435
|
}
|
|
@@ -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.resizerNextTestId = exports.default =
|
|
7
|
+
exports.resizerNextTestId = exports.default = void 0;
|
|
8
8
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
9
9
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
10
10
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
@@ -24,9 +24,6 @@ var _utils2 = require("@atlaskit/editor-common/utils");
|
|
|
24
24
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
25
25
|
var _styled = require("./styled");
|
|
26
26
|
var _resizer = require("@atlaskit/editor-common/resizer");
|
|
27
|
-
var _ResizeLabel = _interopRequireDefault(require("../../../../ui/Resizer/ResizeLabel"));
|
|
28
|
-
var _reactIntlNext = require("react-intl-next");
|
|
29
|
-
var _resizableMediaSingleMessages = require("./resizable-media-single-messages");
|
|
30
27
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
31
28
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
32
29
|
var _styles = require("@atlaskit/editor-common/styles");
|
|
@@ -474,7 +471,6 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
|
|
|
474
471
|
fullWidthMode = _this$props8.fullWidthMode,
|
|
475
472
|
selected = _this$props8.selected,
|
|
476
473
|
children = _this$props8.children,
|
|
477
|
-
intl = _this$props8.intl,
|
|
478
474
|
lineLength = _this$props8.lineLength;
|
|
479
475
|
var _this$state = this.state,
|
|
480
476
|
isResizing = _this$state.isResizing,
|
|
@@ -495,8 +491,6 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
|
|
|
495
491
|
'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
|
|
496
492
|
});
|
|
497
493
|
var resizerNextClassName = (0, _classnames.default)(className, _styles.resizerStyles);
|
|
498
|
-
var showSizeGuide = selected || isResizing;
|
|
499
|
-
var label = layout === 'full-width' ? intl.formatMessage(_resizableMediaSingleMessages.messages.fullWidthImage) : "".concat(this.state.size.width, " x ").concat(this.state.size.height);
|
|
500
494
|
var maxWidth = this.calcMaxWidth(lineLength, containerWidth, fullWidthMode);
|
|
501
495
|
return (0, _react2.jsx)("div", {
|
|
502
496
|
ref: this.saveWrapper,
|
|
@@ -522,14 +516,10 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
|
|
|
522
516
|
snap: this.state.snaps,
|
|
523
517
|
resizeRatio: _utils2.nonWrappedLayouts.includes(layout) ? 2 : 1,
|
|
524
518
|
"data-testid": resizerNextTestId
|
|
525
|
-
},
|
|
526
|
-
label: label,
|
|
527
|
-
containerWidth: this.state.size.width
|
|
528
|
-
}), children));
|
|
519
|
+
}, children));
|
|
529
520
|
}
|
|
530
521
|
}]);
|
|
531
522
|
return ResizableMediaSingleNext;
|
|
532
|
-
}(_react.default.Component);
|
|
533
|
-
|
|
534
|
-
var _default = (0, _reactIntlNext.injectIntl)(ResizableMediaSingleNext);
|
|
523
|
+
}(_react.default.Component);
|
|
524
|
+
var _default = ResizableMediaSingleNext;
|
|
535
525
|
exports.default = _default;
|
|
@@ -36,7 +36,6 @@ var _transforms = require("../../list/transforms");
|
|
|
36
36
|
var _paste = require("@atlaskit/editor-common/paste");
|
|
37
37
|
var _utils5 = require("../../tasks-and-decisions/utils");
|
|
38
38
|
var _utils6 = require("../../annotation/utils");
|
|
39
|
-
var _betterTypeHistory = require("../../base/pm-plugins/better-type-history");
|
|
40
39
|
var _clipboardTextSerializer = require("./clipboard-text-serializer");
|
|
41
40
|
var _tinyMCE = require("../util/tinyMCE");
|
|
42
41
|
var _utils7 = require("@atlaskit/editor-tables/utils");
|
|
@@ -212,8 +211,9 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
|
|
|
212
211
|
});
|
|
213
212
|
return tableExists;
|
|
214
213
|
});
|
|
215
|
-
if (!isPastingTextInsidePlaceholderText && !isPastingTable && !isPastingOverLayoutColumns) {
|
|
216
|
-
|
|
214
|
+
if (!isPastingTextInsidePlaceholderText && !isPastingTable && !isPastingOverLayoutColumns && pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.dependencies.betterTypeHistory) {
|
|
215
|
+
var _pluginInjectionApi$d;
|
|
216
|
+
tr = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.betterTypeHistory) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions.flagPasteEvent(tr);
|
|
217
217
|
}
|
|
218
218
|
(0, _card.addLinkMetadata)(view.state.selection, tr, {
|
|
219
219
|
action: isPlainText ? _analytics2.ACTION.PASTED_AS_PLAIN : _analytics2.ACTION.PASTED,
|
|
@@ -241,14 +241,14 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
|
|
|
241
241
|
// force a "paste as plain text" action by clearing the markdownSlice.
|
|
242
242
|
markdownSlice = !((_markdownSlice = markdownSlice) !== null && _markdownSlice !== void 0 && _markdownSlice.size) ? undefined : markdownSlice;
|
|
243
243
|
if (markdownSlice) {
|
|
244
|
-
var _pluginInjectionApi$
|
|
244
|
+
var _pluginInjectionApi$d2, _pluginInjectionApi$d3;
|
|
245
245
|
// linkify text prior to converting to macro
|
|
246
246
|
if ((0, _analytics.handlePasteLinkOnSelectedTextWithAnalytics)(view, event, markdownSlice, _analytics2.PasteTypes.markdown)(state, dispatch)) {
|
|
247
247
|
return true;
|
|
248
248
|
}
|
|
249
249
|
|
|
250
250
|
// run macro autoconvert prior to other conversions
|
|
251
|
-
if ((0, _handlers.handleMacroAutoConvert)(text, markdownSlice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$
|
|
251
|
+
if ((0, _handlers.handleMacroAutoConvert)(text, markdownSlice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : (_pluginInjectionApi$d3 = _pluginInjectionApi$d2.actions) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : _pluginInjectionApi$d3.queueCardsFromChangedTr, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
|
|
252
252
|
// TODO: handleMacroAutoConvert dispatch twice, so we can't use the helper
|
|
253
253
|
(0, _analytics.sendPasteAnalyticsEvent)(view, event, markdownSlice, {
|
|
254
254
|
type: _analytics2.PasteTypes.markdown
|
|
@@ -313,7 +313,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
|
|
|
313
313
|
|
|
314
314
|
// finally, handle rich-text copy-paste
|
|
315
315
|
if (isRichText) {
|
|
316
|
-
var _pluginInjectionApi$
|
|
316
|
+
var _pluginInjectionApi$d4, _pluginInjectionApi$d5;
|
|
317
317
|
// linkify the text where possible
|
|
318
318
|
slice = (0, _utils.linkifyContent)(state.schema)(slice);
|
|
319
319
|
if ((0, _analytics.handlePasteLinkOnSelectedTextWithAnalytics)(view, event, slice, _analytics2.PasteTypes.richText)(state, dispatch)) {
|
|
@@ -321,7 +321,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
|
|
|
321
321
|
}
|
|
322
322
|
|
|
323
323
|
// run macro autoconvert prior to other conversions
|
|
324
|
-
if ((0, _handlers.handleMacroAutoConvert)(text, slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$
|
|
324
|
+
if ((0, _handlers.handleMacroAutoConvert)(text, slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d4 = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : (_pluginInjectionApi$d5 = _pluginInjectionApi$d4.actions) === null || _pluginInjectionApi$d5 === void 0 ? void 0 : _pluginInjectionApi$d5.queueCardsFromChangedTr, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
|
|
325
325
|
// TODO: handleMacroAutoConvert dispatch twice, so we can't use the helper
|
|
326
326
|
(0, _analytics.sendPasteAnalyticsEvent)(view, event, slice, {
|
|
327
327
|
type: _analytics2.PasteTypes.richText
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.version = exports.nextMajorVersion = exports.name = void 0;
|
|
7
7
|
var name = "@atlaskit/editor-core";
|
|
8
8
|
exports.name = name;
|
|
9
|
-
var version = "187.
|
|
9
|
+
var version = "187.17.0";
|
|
10
10
|
exports.version = version;
|
|
11
11
|
var nextMajorVersion = function nextMajorVersion() {
|
|
12
12
|
return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
|
package/dist/cjs/version.json
CHANGED
|
@@ -9,7 +9,6 @@ import disableSpellcheckingPlugin from './pm-plugins/disable-spell-checking';
|
|
|
9
9
|
import contextIdentifierPlugin from './pm-plugins/context-identifier';
|
|
10
10
|
import newlinePreserveMarksPlugin from './pm-plugins/newline-preserve-marks';
|
|
11
11
|
import inlineCursorTargetPlugin from './pm-plugins/inline-cursor-target';
|
|
12
|
-
import betterTypeHistoryPlugin from './pm-plugins/better-type-history';
|
|
13
12
|
import scrollGutter from './pm-plugins/scroll-gutter';
|
|
14
13
|
import { keymap } from '@atlaskit/editor-common/keymaps';
|
|
15
14
|
import frozenEditor from './pm-plugins/frozen-editor';
|
|
@@ -75,12 +74,6 @@ const basePlugin = (options, api) => {
|
|
|
75
74
|
dispatch,
|
|
76
75
|
providerFactory
|
|
77
76
|
}) => contextIdentifierPlugin(dispatch, providerFactory)
|
|
78
|
-
}, {
|
|
79
|
-
name: 'betterTypeHistory',
|
|
80
|
-
plugin: ({
|
|
81
|
-
dispatch,
|
|
82
|
-
providerFactory
|
|
83
|
-
}) => betterTypeHistoryPlugin()
|
|
84
77
|
});
|
|
85
78
|
if (options && options.allowScrollGutter) {
|
|
86
79
|
plugins.push({
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import createPlugin from './pm-plugins/main';
|
|
2
|
+
import { pluginKey } from './pm-plugins/plugin-key';
|
|
3
|
+
/**
|
|
4
|
+
* This plugin is aiming to improve undo behaviour for some of our more custom applications, very specific text
|
|
5
|
+
* paste events, splitting blocks of text, new lines.
|
|
6
|
+
*/
|
|
7
|
+
const betterTypeHistory = () => {
|
|
8
|
+
return {
|
|
9
|
+
name: 'betterTypeHistory',
|
|
10
|
+
actions: {
|
|
11
|
+
flagPasteEvent(tr) {
|
|
12
|
+
tr.setMeta(pluginKey, true);
|
|
13
|
+
return tr;
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
pmPlugins() {
|
|
17
|
+
return [{
|
|
18
|
+
name: 'betterTypeHistory',
|
|
19
|
+
plugin: () => createPlugin()
|
|
20
|
+
}];
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
export default betterTypeHistory;
|
|
@@ -3,8 +3,8 @@ import { TextSelection } from '@atlaskit/editor-prosemirror/state';
|
|
|
3
3
|
import { Fragment } from '@atlaskit/editor-prosemirror/model';
|
|
4
4
|
import { closeHistory } from '@atlaskit/editor-prosemirror/history';
|
|
5
5
|
import { ReplaceStep, ReplaceAroundStep } from '@atlaskit/editor-prosemirror/transform';
|
|
6
|
-
import { PluginKey } from '@atlaskit/editor-prosemirror/state';
|
|
7
6
|
import { extractSliceFromStep } from '../../../utils/step';
|
|
7
|
+
import { pluginKey } from './plugin-key';
|
|
8
8
|
const getEnterKeyboardActionStep = trs => {
|
|
9
9
|
const firstTr = trs.length === 1 && trs[0];
|
|
10
10
|
if (!firstTr || !firstTr.docChanged || !firstTr.isGeneric || !(firstTr.selection instanceof TextSelection)) {
|
|
@@ -33,7 +33,6 @@ const isSliceAddingNewlineChar = (slice, schema) => {
|
|
|
33
33
|
const newLine = Fragment.from(schema.text('\n'));
|
|
34
34
|
return slice.content.eq(newLine);
|
|
35
35
|
};
|
|
36
|
-
export const pluginKey = new PluginKey('betterTypeHistoryPlugin');
|
|
37
36
|
export default (() => {
|
|
38
37
|
return new SafePlugin({
|
|
39
38
|
key: pluginKey,
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { default as basePlugin } from './base';
|
|
2
2
|
export { default as blockTypePlugin } from './block-type';
|
|
3
3
|
export { pluginKey as blockPluginStateKey } from './block-type';
|
|
4
|
+
export { default as betterTypeHistoryPlugin } from './better-type-history';
|
|
4
5
|
export { default as clearMarksOnChangeToEmptyDocumentPlugin } from './clear-marks-on-change-to-empty-document';
|
|
5
6
|
export { default as codeBlockPlugin } from './code-block';
|
|
6
7
|
export { default as collabEditPlugin } from './collab-edit';
|
|
@@ -302,7 +302,7 @@ export default class MediaSingleNode extends Component {
|
|
|
302
302
|
gutterOffset: MEDIA_SINGLE_GUTTER_SIZE
|
|
303
303
|
})
|
|
304
304
|
};
|
|
305
|
-
const
|
|
305
|
+
const resizableMediaSingleProps = {
|
|
306
306
|
view: view,
|
|
307
307
|
getPos: getPos,
|
|
308
308
|
updateSize: this.updateSize,
|
|
@@ -339,7 +339,7 @@ export default class MediaSingleNode extends Component {
|
|
|
339
339
|
ref: this.captionPlaceHolderRef,
|
|
340
340
|
onClick: this.clickPlaceholder
|
|
341
341
|
}));
|
|
342
|
-
return canResize ? getBooleanFF('platform.editor.media.extended-resize-experience') ? jsx(ResizableMediaSingleNext,
|
|
342
|
+
return canResize ? getBooleanFF('platform.editor.media.extended-resize-experience') ? jsx(ResizableMediaSingleNext, resizableMediaSingleProps, MediaChildren) : jsx(ResizableMediaSingle, _extends({}, resizableMediaSingleProps, {
|
|
343
343
|
lineLength: contentWidthForLegacyExperience
|
|
344
344
|
}), MediaChildren) : jsx(MediaSingle, mediaSingleProps, MediaChildren);
|
|
345
345
|
}
|
|
@@ -9,9 +9,6 @@ import { nonWrappedLayouts, setNodeSelection } from '@atlaskit/editor-common/uti
|
|
|
9
9
|
import { akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
|
|
10
10
|
import { wrapperStyle } from './styled';
|
|
11
11
|
import { ResizerNext } from '@atlaskit/editor-common/resizer';
|
|
12
|
-
import ResizeLabel from '../../../../ui/Resizer/ResizeLabel';
|
|
13
|
-
import { injectIntl } from 'react-intl-next';
|
|
14
|
-
import { messages } from './resizable-media-single-messages';
|
|
15
12
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
16
13
|
import classnames from 'classnames';
|
|
17
14
|
import { richMediaClassName, resizerStyles } from '@atlaskit/editor-common/styles';
|
|
@@ -391,7 +388,6 @@ class ResizableMediaSingleNext extends React.Component {
|
|
|
391
388
|
fullWidthMode,
|
|
392
389
|
selected,
|
|
393
390
|
children,
|
|
394
|
-
intl,
|
|
395
391
|
lineLength
|
|
396
392
|
} = this.props;
|
|
397
393
|
const {
|
|
@@ -414,8 +410,6 @@ class ResizableMediaSingleNext extends React.Component {
|
|
|
414
410
|
'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
|
|
415
411
|
});
|
|
416
412
|
const resizerNextClassName = classnames(className, resizerStyles);
|
|
417
|
-
const showSizeGuide = selected || isResizing;
|
|
418
|
-
const label = layout === 'full-width' ? intl.formatMessage(messages.fullWidthImage) : `${this.state.size.width} x ${this.state.size.height}`;
|
|
419
413
|
const maxWidth = this.calcMaxWidth(lineLength, containerWidth, fullWidthMode);
|
|
420
414
|
return jsx("div", {
|
|
421
415
|
ref: this.saveWrapper,
|
|
@@ -441,13 +435,7 @@ class ResizableMediaSingleNext extends React.Component {
|
|
|
441
435
|
snap: this.state.snaps,
|
|
442
436
|
resizeRatio: nonWrappedLayouts.includes(layout) ? 2 : 1,
|
|
443
437
|
"data-testid": resizerNextTestId
|
|
444
|
-
},
|
|
445
|
-
label: label,
|
|
446
|
-
containerWidth: this.state.size.width
|
|
447
|
-
}), children));
|
|
438
|
+
}, children));
|
|
448
439
|
}
|
|
449
440
|
}
|
|
450
|
-
|
|
451
|
-
// for testing purpose
|
|
452
|
-
export { ResizableMediaSingleNext as UnwrappedResizableMediaSingleNext };
|
|
453
|
-
export default injectIntl(ResizableMediaSingleNext);
|
|
441
|
+
export default ResizableMediaSingleNext;
|
|
@@ -21,7 +21,6 @@ import { upgradeTextToLists, splitParagraphs } from '../../list/transforms';
|
|
|
21
21
|
import { md } from '@atlaskit/editor-common/paste';
|
|
22
22
|
import { transformSliceToDecisionList } from '../../tasks-and-decisions/utils';
|
|
23
23
|
import { containsAnyAnnotations, stripNonExistingAnnotations } from '../../annotation/utils';
|
|
24
|
-
import { pluginKey as betterTypePluginKey } from '../../base/pm-plugins/better-type-history';
|
|
25
24
|
import { clipboardTextSerializer } from './clipboard-text-serializer';
|
|
26
25
|
import { htmlHasIncompleteTable, tryRebuildCompleteTableHtml, isPastedFromTinyMCEConfluence } from '../util/tinyMCE';
|
|
27
26
|
import { handlePaste as handlePasteTable } from '@atlaskit/editor-tables/utils';
|
|
@@ -178,8 +177,9 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
|
|
|
178
177
|
});
|
|
179
178
|
return tableExists;
|
|
180
179
|
});
|
|
181
|
-
if (!isPastingTextInsidePlaceholderText && !isPastingTable && !isPastingOverLayoutColumns) {
|
|
182
|
-
|
|
180
|
+
if (!isPastingTextInsidePlaceholderText && !isPastingTable && !isPastingOverLayoutColumns && pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.dependencies.betterTypeHistory) {
|
|
181
|
+
var _pluginInjectionApi$d;
|
|
182
|
+
tr = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.betterTypeHistory) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions.flagPasteEvent(tr);
|
|
183
183
|
}
|
|
184
184
|
addLinkMetadata(view.state.selection, tr, {
|
|
185
185
|
action: isPlainText ? ACTION.PASTED_AS_PLAIN : ACTION.PASTED,
|
|
@@ -207,14 +207,14 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
|
|
|
207
207
|
// force a "paste as plain text" action by clearing the markdownSlice.
|
|
208
208
|
markdownSlice = !((_markdownSlice = markdownSlice) !== null && _markdownSlice !== void 0 && _markdownSlice.size) ? undefined : markdownSlice;
|
|
209
209
|
if (markdownSlice) {
|
|
210
|
-
var _pluginInjectionApi$
|
|
210
|
+
var _pluginInjectionApi$d2, _pluginInjectionApi$d3;
|
|
211
211
|
// linkify text prior to converting to macro
|
|
212
212
|
if (handlePasteLinkOnSelectedTextWithAnalytics(view, event, markdownSlice, PasteTypes.markdown)(state, dispatch)) {
|
|
213
213
|
return true;
|
|
214
214
|
}
|
|
215
215
|
|
|
216
216
|
// run macro autoconvert prior to other conversions
|
|
217
|
-
if (handleMacroAutoConvert(text, markdownSlice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$
|
|
217
|
+
if (handleMacroAutoConvert(text, markdownSlice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : (_pluginInjectionApi$d3 = _pluginInjectionApi$d2.actions) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : _pluginInjectionApi$d3.queueCardsFromChangedTr, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
|
|
218
218
|
// TODO: handleMacroAutoConvert dispatch twice, so we can't use the helper
|
|
219
219
|
sendPasteAnalyticsEvent(view, event, markdownSlice, {
|
|
220
220
|
type: PasteTypes.markdown
|
|
@@ -281,7 +281,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
|
|
|
281
281
|
|
|
282
282
|
// finally, handle rich-text copy-paste
|
|
283
283
|
if (isRichText) {
|
|
284
|
-
var _pluginInjectionApi$
|
|
284
|
+
var _pluginInjectionApi$d4, _pluginInjectionApi$d5;
|
|
285
285
|
// linkify the text where possible
|
|
286
286
|
slice = linkifyContent(state.schema)(slice);
|
|
287
287
|
if (handlePasteLinkOnSelectedTextWithAnalytics(view, event, slice, PasteTypes.richText)(state, dispatch)) {
|
|
@@ -289,7 +289,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
|
|
|
289
289
|
}
|
|
290
290
|
|
|
291
291
|
// run macro autoconvert prior to other conversions
|
|
292
|
-
if (handleMacroAutoConvert(text, slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$
|
|
292
|
+
if (handleMacroAutoConvert(text, slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d4 = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : (_pluginInjectionApi$d5 = _pluginInjectionApi$d4.actions) === null || _pluginInjectionApi$d5 === void 0 ? void 0 : _pluginInjectionApi$d5.queueCardsFromChangedTr, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
|
|
293
293
|
// TODO: handleMacroAutoConvert dispatch twice, so we can't use the helper
|
|
294
294
|
sendPasteAnalyticsEvent(view, event, slice, {
|
|
295
295
|
type: PasteTypes.richText
|
package/dist/es2019/version.json
CHANGED
|
@@ -12,7 +12,6 @@ import disableSpellcheckingPlugin from './pm-plugins/disable-spell-checking';
|
|
|
12
12
|
import contextIdentifierPlugin from './pm-plugins/context-identifier';
|
|
13
13
|
import newlinePreserveMarksPlugin from './pm-plugins/newline-preserve-marks';
|
|
14
14
|
import inlineCursorTargetPlugin from './pm-plugins/inline-cursor-target';
|
|
15
|
-
import betterTypeHistoryPlugin from './pm-plugins/better-type-history';
|
|
16
15
|
import scrollGutter from './pm-plugins/scroll-gutter';
|
|
17
16
|
import { keymap } from '@atlaskit/editor-common/keymaps';
|
|
18
17
|
import frozenEditor from './pm-plugins/frozen-editor';
|
|
@@ -89,13 +88,6 @@ var basePlugin = function basePlugin(options, api) {
|
|
|
89
88
|
providerFactory = _ref4.providerFactory;
|
|
90
89
|
return contextIdentifierPlugin(dispatch, providerFactory);
|
|
91
90
|
}
|
|
92
|
-
}, {
|
|
93
|
-
name: 'betterTypeHistory',
|
|
94
|
-
plugin: function plugin(_ref5) {
|
|
95
|
-
var dispatch = _ref5.dispatch,
|
|
96
|
-
providerFactory = _ref5.providerFactory;
|
|
97
|
-
return betterTypeHistoryPlugin();
|
|
98
|
-
}
|
|
99
91
|
});
|
|
100
92
|
if (options && options.allowScrollGutter) {
|
|
101
93
|
plugins.push({
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import createPlugin from './pm-plugins/main';
|
|
2
|
+
import { pluginKey } from './pm-plugins/plugin-key';
|
|
3
|
+
/**
|
|
4
|
+
* This plugin is aiming to improve undo behaviour for some of our more custom applications, very specific text
|
|
5
|
+
* paste events, splitting blocks of text, new lines.
|
|
6
|
+
*/
|
|
7
|
+
var betterTypeHistory = function betterTypeHistory() {
|
|
8
|
+
return {
|
|
9
|
+
name: 'betterTypeHistory',
|
|
10
|
+
actions: {
|
|
11
|
+
flagPasteEvent: function flagPasteEvent(tr) {
|
|
12
|
+
tr.setMeta(pluginKey, true);
|
|
13
|
+
return tr;
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
pmPlugins: function pmPlugins() {
|
|
17
|
+
return [{
|
|
18
|
+
name: 'betterTypeHistory',
|
|
19
|
+
plugin: function plugin() {
|
|
20
|
+
return createPlugin();
|
|
21
|
+
}
|
|
22
|
+
}];
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export default betterTypeHistory;
|
|
@@ -3,8 +3,8 @@ import { TextSelection } from '@atlaskit/editor-prosemirror/state';
|
|
|
3
3
|
import { Fragment } from '@atlaskit/editor-prosemirror/model';
|
|
4
4
|
import { closeHistory } from '@atlaskit/editor-prosemirror/history';
|
|
5
5
|
import { ReplaceStep, ReplaceAroundStep } from '@atlaskit/editor-prosemirror/transform';
|
|
6
|
-
import { PluginKey } from '@atlaskit/editor-prosemirror/state';
|
|
7
6
|
import { extractSliceFromStep } from '../../../utils/step';
|
|
7
|
+
import { pluginKey } from './plugin-key';
|
|
8
8
|
var getEnterKeyboardActionStep = function getEnterKeyboardActionStep(trs) {
|
|
9
9
|
var firstTr = trs.length === 1 && trs[0];
|
|
10
10
|
if (!firstTr || !firstTr.docChanged || !firstTr.isGeneric || !(firstTr.selection instanceof TextSelection)) {
|
|
@@ -33,7 +33,6 @@ var isSliceAddingNewlineChar = function isSliceAddingNewlineChar(slice, schema)
|
|
|
33
33
|
var newLine = Fragment.from(schema.text('\n'));
|
|
34
34
|
return slice.content.eq(newLine);
|
|
35
35
|
};
|
|
36
|
-
export var pluginKey = new PluginKey('betterTypeHistoryPlugin');
|
|
37
36
|
export default (function () {
|
|
38
37
|
return new SafePlugin({
|
|
39
38
|
key: pluginKey,
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { default as basePlugin } from './base';
|
|
2
2
|
export { default as blockTypePlugin } from './block-type';
|
|
3
3
|
export { pluginKey as blockPluginStateKey } from './block-type';
|
|
4
|
+
export { default as betterTypeHistoryPlugin } from './better-type-history';
|
|
4
5
|
export { default as clearMarksOnChangeToEmptyDocumentPlugin } from './clear-marks-on-change-to-empty-document';
|
|
5
6
|
export { default as codeBlockPlugin } from './code-block';
|
|
6
7
|
export { default as collabEditPlugin } from './collab-edit';
|
|
@@ -386,7 +386,7 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
|
|
|
386
386
|
gutterOffset: MEDIA_SINGLE_GUTTER_SIZE
|
|
387
387
|
})
|
|
388
388
|
};
|
|
389
|
-
var
|
|
389
|
+
var resizableMediaSingleProps = _objectSpread({
|
|
390
390
|
view: view,
|
|
391
391
|
getPos: getPos,
|
|
392
392
|
updateSize: this.updateSize,
|
|
@@ -420,7 +420,7 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
|
|
|
420
420
|
ref: this.captionPlaceHolderRef,
|
|
421
421
|
onClick: this.clickPlaceholder
|
|
422
422
|
}));
|
|
423
|
-
return canResize ? getBooleanFF('platform.editor.media.extended-resize-experience') ? jsx(ResizableMediaSingleNext,
|
|
423
|
+
return canResize ? getBooleanFF('platform.editor.media.extended-resize-experience') ? jsx(ResizableMediaSingleNext, resizableMediaSingleProps, MediaChildren) : jsx(ResizableMediaSingle, _extends({}, resizableMediaSingleProps, {
|
|
424
424
|
lineLength: contentWidthForLegacyExperience
|
|
425
425
|
}), MediaChildren) : jsx(MediaSingle, mediaSingleProps, MediaChildren);
|
|
426
426
|
}
|
|
@@ -20,9 +20,6 @@ import { nonWrappedLayouts, setNodeSelection } from '@atlaskit/editor-common/uti
|
|
|
20
20
|
import { akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
|
|
21
21
|
import { wrapperStyle } from './styled';
|
|
22
22
|
import { ResizerNext } from '@atlaskit/editor-common/resizer';
|
|
23
|
-
import ResizeLabel from '../../../../ui/Resizer/ResizeLabel';
|
|
24
|
-
import { injectIntl } from 'react-intl-next';
|
|
25
|
-
import { messages } from './resizable-media-single-messages';
|
|
26
23
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
27
24
|
import classnames from 'classnames';
|
|
28
25
|
import { richMediaClassName, resizerStyles } from '@atlaskit/editor-common/styles';
|
|
@@ -467,7 +464,6 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
|
|
|
467
464
|
fullWidthMode = _this$props8.fullWidthMode,
|
|
468
465
|
selected = _this$props8.selected,
|
|
469
466
|
children = _this$props8.children,
|
|
470
|
-
intl = _this$props8.intl,
|
|
471
467
|
lineLength = _this$props8.lineLength;
|
|
472
468
|
var _this$state = this.state,
|
|
473
469
|
isResizing = _this$state.isResizing,
|
|
@@ -488,8 +484,6 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
|
|
|
488
484
|
'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
|
|
489
485
|
});
|
|
490
486
|
var resizerNextClassName = classnames(className, resizerStyles);
|
|
491
|
-
var showSizeGuide = selected || isResizing;
|
|
492
|
-
var label = layout === 'full-width' ? intl.formatMessage(messages.fullWidthImage) : "".concat(this.state.size.width, " x ").concat(this.state.size.height);
|
|
493
487
|
var maxWidth = this.calcMaxWidth(lineLength, containerWidth, fullWidthMode);
|
|
494
488
|
return jsx("div", {
|
|
495
489
|
ref: this.saveWrapper,
|
|
@@ -515,13 +509,9 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
|
|
|
515
509
|
snap: this.state.snaps,
|
|
516
510
|
resizeRatio: nonWrappedLayouts.includes(layout) ? 2 : 1,
|
|
517
511
|
"data-testid": resizerNextTestId
|
|
518
|
-
},
|
|
519
|
-
label: label,
|
|
520
|
-
containerWidth: this.state.size.width
|
|
521
|
-
}), children));
|
|
512
|
+
}, children));
|
|
522
513
|
}
|
|
523
514
|
}]);
|
|
524
515
|
return ResizableMediaSingleNext;
|
|
525
|
-
}(React.Component);
|
|
526
|
-
export
|
|
527
|
-
export default injectIntl(ResizableMediaSingleNext);
|
|
516
|
+
}(React.Component);
|
|
517
|
+
export default ResizableMediaSingleNext;
|
|
@@ -23,7 +23,6 @@ import { upgradeTextToLists, splitParagraphs } from '../../list/transforms';
|
|
|
23
23
|
import { md } from '@atlaskit/editor-common/paste';
|
|
24
24
|
import { transformSliceToDecisionList } from '../../tasks-and-decisions/utils';
|
|
25
25
|
import { containsAnyAnnotations, stripNonExistingAnnotations } from '../../annotation/utils';
|
|
26
|
-
import { pluginKey as betterTypePluginKey } from '../../base/pm-plugins/better-type-history';
|
|
27
26
|
import { clipboardTextSerializer } from './clipboard-text-serializer';
|
|
28
27
|
import { htmlHasIncompleteTable, tryRebuildCompleteTableHtml, isPastedFromTinyMCEConfluence } from '../util/tinyMCE';
|
|
29
28
|
import { handlePaste as handlePasteTable } from '@atlaskit/editor-tables/utils';
|
|
@@ -198,8 +197,9 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
|
|
|
198
197
|
});
|
|
199
198
|
return tableExists;
|
|
200
199
|
});
|
|
201
|
-
if (!isPastingTextInsidePlaceholderText && !isPastingTable && !isPastingOverLayoutColumns) {
|
|
202
|
-
|
|
200
|
+
if (!isPastingTextInsidePlaceholderText && !isPastingTable && !isPastingOverLayoutColumns && pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.dependencies.betterTypeHistory) {
|
|
201
|
+
var _pluginInjectionApi$d;
|
|
202
|
+
tr = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.betterTypeHistory) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions.flagPasteEvent(tr);
|
|
203
203
|
}
|
|
204
204
|
addLinkMetadata(view.state.selection, tr, {
|
|
205
205
|
action: isPlainText ? ACTION.PASTED_AS_PLAIN : ACTION.PASTED,
|
|
@@ -227,14 +227,14 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
|
|
|
227
227
|
// force a "paste as plain text" action by clearing the markdownSlice.
|
|
228
228
|
markdownSlice = !((_markdownSlice = markdownSlice) !== null && _markdownSlice !== void 0 && _markdownSlice.size) ? undefined : markdownSlice;
|
|
229
229
|
if (markdownSlice) {
|
|
230
|
-
var _pluginInjectionApi$
|
|
230
|
+
var _pluginInjectionApi$d2, _pluginInjectionApi$d3;
|
|
231
231
|
// linkify text prior to converting to macro
|
|
232
232
|
if (handlePasteLinkOnSelectedTextWithAnalytics(view, event, markdownSlice, PasteTypes.markdown)(state, dispatch)) {
|
|
233
233
|
return true;
|
|
234
234
|
}
|
|
235
235
|
|
|
236
236
|
// run macro autoconvert prior to other conversions
|
|
237
|
-
if (handleMacroAutoConvert(text, markdownSlice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$
|
|
237
|
+
if (handleMacroAutoConvert(text, markdownSlice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : (_pluginInjectionApi$d3 = _pluginInjectionApi$d2.actions) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : _pluginInjectionApi$d3.queueCardsFromChangedTr, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
|
|
238
238
|
// TODO: handleMacroAutoConvert dispatch twice, so we can't use the helper
|
|
239
239
|
sendPasteAnalyticsEvent(view, event, markdownSlice, {
|
|
240
240
|
type: PasteTypes.markdown
|
|
@@ -299,7 +299,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
|
|
|
299
299
|
|
|
300
300
|
// finally, handle rich-text copy-paste
|
|
301
301
|
if (isRichText) {
|
|
302
|
-
var _pluginInjectionApi$
|
|
302
|
+
var _pluginInjectionApi$d4, _pluginInjectionApi$d5;
|
|
303
303
|
// linkify the text where possible
|
|
304
304
|
slice = linkifyContent(state.schema)(slice);
|
|
305
305
|
if (handlePasteLinkOnSelectedTextWithAnalytics(view, event, slice, PasteTypes.richText)(state, dispatch)) {
|
|
@@ -307,7 +307,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
|
|
|
307
307
|
}
|
|
308
308
|
|
|
309
309
|
// run macro autoconvert prior to other conversions
|
|
310
|
-
if (handleMacroAutoConvert(text, slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$
|
|
310
|
+
if (handleMacroAutoConvert(text, slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d4 = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : (_pluginInjectionApi$d5 = _pluginInjectionApi$d4.actions) === null || _pluginInjectionApi$d5 === void 0 ? void 0 : _pluginInjectionApi$d5.queueCardsFromChangedTr, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
|
|
311
311
|
// TODO: handleMacroAutoConvert dispatch twice, so we can't use the helper
|
|
312
312
|
sendPasteAnalyticsEvent(view, event, slice, {
|
|
313
313
|
type: PasteTypes.richText
|
package/dist/esm/version.json
CHANGED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
|
|
2
|
+
import type { Transaction } from '@atlaskit/editor-prosemirror/state';
|
|
3
|
+
export type BetterTypeHistoryAPI = {
|
|
4
|
+
flagPasteEvent: (transaction: Transaction) => Transaction;
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* This plugin is aiming to improve undo behaviour for some of our more custom applications, very specific text
|
|
8
|
+
* paste events, splitting blocks of text, new lines.
|
|
9
|
+
*/
|
|
10
|
+
declare const betterTypeHistory: NextEditorPlugin<'betterTypeHistory', {
|
|
11
|
+
actions: BetterTypeHistoryAPI;
|
|
12
|
+
}>;
|
|
13
|
+
export default betterTypeHistory;
|
|
@@ -2,6 +2,7 @@ export { default as basePlugin } from './base';
|
|
|
2
2
|
export { default as blockTypePlugin } from './block-type';
|
|
3
3
|
export { pluginKey as blockPluginStateKey } from './block-type';
|
|
4
4
|
export type { BlockTypeState } from './block-type';
|
|
5
|
+
export { default as betterTypeHistoryPlugin } from './better-type-history';
|
|
5
6
|
export { default as clearMarksOnChangeToEmptyDocumentPlugin } from './clear-marks-on-change-to-empty-document';
|
|
6
7
|
export { default as codeBlockPlugin } from './code-block';
|
|
7
8
|
export { default as collabEditPlugin } from './collab-edit';
|
|
@@ -6,7 +6,6 @@ import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema'
|
|
|
6
6
|
import type { MediaClientConfig } from '@atlaskit/media-core';
|
|
7
7
|
import type { Props } from './types';
|
|
8
8
|
import type { Dimensions, HandleResize, HandleResizeStart, Position, Snap } from '@atlaskit/editor-common/resizer';
|
|
9
|
-
import type { WrappedComponentProps } from 'react-intl-next';
|
|
10
9
|
import type { GuidelineConfig, GuidelineSnapsReference } from '@atlaskit/editor-common/guideline';
|
|
11
10
|
type State = {
|
|
12
11
|
offsetLeft: number;
|
|
@@ -17,7 +16,7 @@ type State = {
|
|
|
17
16
|
snaps: Snap;
|
|
18
17
|
};
|
|
19
18
|
export declare const resizerNextTestId = "mediaSingle.resizerNext.testid";
|
|
20
|
-
type ResizableMediaSingleNextProps = Props
|
|
19
|
+
type ResizableMediaSingleNextProps = Props;
|
|
21
20
|
declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSingleNextProps, State> {
|
|
22
21
|
private guidelines;
|
|
23
22
|
constructor(props: ResizableMediaSingleNextProps);
|
|
@@ -72,8 +71,4 @@ declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSin
|
|
|
72
71
|
handleResizeStop: HandleResize;
|
|
73
72
|
render(): jsx.JSX.Element;
|
|
74
73
|
}
|
|
75
|
-
export
|
|
76
|
-
declare const _default: React.FC<import("react-intl-next").WithIntlProps<ResizableMediaSingleNextProps>> & {
|
|
77
|
-
WrappedComponent: React.ComponentType<ResizableMediaSingleNextProps>;
|
|
78
|
-
};
|
|
79
|
-
export default _default;
|
|
74
|
+
export default ResizableMediaSingleNext;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
|
|
2
|
-
import { CardOptions } from '@atlaskit/editor-common/card';
|
|
1
|
+
import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
|
|
2
|
+
import type { CardOptions } from '@atlaskit/editor-common/card';
|
|
3
3
|
import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
|
|
4
4
|
import type { cardPlugin } from '@atlaskit/editor-plugin-card';
|
|
5
|
+
import type betterTypeHistoryPlugin from '../better-type-history';
|
|
5
6
|
export type PastePluginOptions = {
|
|
6
7
|
cardOptions?: CardOptions;
|
|
7
8
|
sanitizePrivateContent?: boolean;
|
|
@@ -10,6 +11,7 @@ declare const pastePlugin: NextEditorPlugin<'paste', {
|
|
|
10
11
|
pluginConfiguration: PastePluginOptions;
|
|
11
12
|
dependencies: [
|
|
12
13
|
typeof featureFlagsPlugin,
|
|
14
|
+
typeof betterTypeHistoryPlugin,
|
|
13
15
|
OptionalPlugin<typeof cardPlugin>
|
|
14
16
|
];
|
|
15
17
|
}>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
|
|
2
|
+
import type { Transaction } from '@atlaskit/editor-prosemirror/state';
|
|
3
|
+
export type BetterTypeHistoryAPI = {
|
|
4
|
+
flagPasteEvent: (transaction: Transaction) => Transaction;
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* This plugin is aiming to improve undo behaviour for some of our more custom applications, very specific text
|
|
8
|
+
* paste events, splitting blocks of text, new lines.
|
|
9
|
+
*/
|
|
10
|
+
declare const betterTypeHistory: NextEditorPlugin<'betterTypeHistory', {
|
|
11
|
+
actions: BetterTypeHistoryAPI;
|
|
12
|
+
}>;
|
|
13
|
+
export default betterTypeHistory;
|
|
@@ -2,6 +2,7 @@ export { default as basePlugin } from './base';
|
|
|
2
2
|
export { default as blockTypePlugin } from './block-type';
|
|
3
3
|
export { pluginKey as blockPluginStateKey } from './block-type';
|
|
4
4
|
export type { BlockTypeState } from './block-type';
|
|
5
|
+
export { default as betterTypeHistoryPlugin } from './better-type-history';
|
|
5
6
|
export { default as clearMarksOnChangeToEmptyDocumentPlugin } from './clear-marks-on-change-to-empty-document';
|
|
6
7
|
export { default as codeBlockPlugin } from './code-block';
|
|
7
8
|
export { default as collabEditPlugin } from './collab-edit';
|
package/dist/types-ts4.5/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.d.ts
CHANGED
|
@@ -6,7 +6,6 @@ import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema'
|
|
|
6
6
|
import type { MediaClientConfig } from '@atlaskit/media-core';
|
|
7
7
|
import type { Props } from './types';
|
|
8
8
|
import type { Dimensions, HandleResize, HandleResizeStart, Position, Snap } from '@atlaskit/editor-common/resizer';
|
|
9
|
-
import type { WrappedComponentProps } from 'react-intl-next';
|
|
10
9
|
import type { GuidelineConfig, GuidelineSnapsReference } from '@atlaskit/editor-common/guideline';
|
|
11
10
|
type State = {
|
|
12
11
|
offsetLeft: number;
|
|
@@ -17,7 +16,7 @@ type State = {
|
|
|
17
16
|
snaps: Snap;
|
|
18
17
|
};
|
|
19
18
|
export declare const resizerNextTestId = "mediaSingle.resizerNext.testid";
|
|
20
|
-
type ResizableMediaSingleNextProps = Props
|
|
19
|
+
type ResizableMediaSingleNextProps = Props;
|
|
21
20
|
declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSingleNextProps, State> {
|
|
22
21
|
private guidelines;
|
|
23
22
|
constructor(props: ResizableMediaSingleNextProps);
|
|
@@ -72,8 +71,4 @@ declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSin
|
|
|
72
71
|
handleResizeStop: HandleResize;
|
|
73
72
|
render(): jsx.JSX.Element;
|
|
74
73
|
}
|
|
75
|
-
export
|
|
76
|
-
declare const _default: React.FC<import("react-intl-next").WithIntlProps<ResizableMediaSingleNextProps>> & {
|
|
77
|
-
WrappedComponent: React.ComponentType<ResizableMediaSingleNextProps>;
|
|
78
|
-
};
|
|
79
|
-
export default _default;
|
|
74
|
+
export default ResizableMediaSingleNext;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
|
|
2
|
-
import { CardOptions } from '@atlaskit/editor-common/card';
|
|
1
|
+
import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
|
|
2
|
+
import type { CardOptions } from '@atlaskit/editor-common/card';
|
|
3
3
|
import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
|
|
4
4
|
import type { cardPlugin } from '@atlaskit/editor-plugin-card';
|
|
5
|
+
import type betterTypeHistoryPlugin from '../better-type-history';
|
|
5
6
|
export type PastePluginOptions = {
|
|
6
7
|
cardOptions?: CardOptions;
|
|
7
8
|
sanitizePrivateContent?: boolean;
|
|
@@ -10,6 +11,7 @@ declare const pastePlugin: NextEditorPlugin<'paste', {
|
|
|
10
11
|
pluginConfiguration: PastePluginOptions;
|
|
11
12
|
dependencies: [
|
|
12
13
|
typeof featureFlagsPlugin,
|
|
14
|
+
typeof betterTypeHistoryPlugin,
|
|
13
15
|
OptionalPlugin<typeof cardPlugin>
|
|
14
16
|
];
|
|
15
17
|
}>;
|
package/package.json
CHANGED
package/report.api.md
CHANGED
|
@@ -30,7 +30,7 @@ import type { AnalyticsEventPayload as AnalyticsEventPayload_2 } from '@atlaskit
|
|
|
30
30
|
import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
|
|
31
31
|
import { AnnotationTypes } from '@atlaskit/adf-schema';
|
|
32
32
|
import { BrowserFreezetracking } from '@atlaskit/editor-common/types';
|
|
33
|
-
import { CardOptions } from '@atlaskit/editor-common/card';
|
|
33
|
+
import type { CardOptions } from '@atlaskit/editor-common/card';
|
|
34
34
|
import { CardProvider } from '@atlaskit/editor-common/provider-factory';
|
|
35
35
|
import { clearEditorContent } from '@atlaskit/editor-common/commands';
|
|
36
36
|
import type { CollabEditOptions } from '@atlaskit/editor-common/collab';
|
package/tmp/api-report-tmp.d.ts
CHANGED
|
@@ -19,7 +19,7 @@ import type { AnalyticsEventPayload as AnalyticsEventPayload_2 } from '@atlaskit
|
|
|
19
19
|
import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
|
|
20
20
|
import { AnnotationTypes } from '@atlaskit/adf-schema';
|
|
21
21
|
import { BrowserFreezetracking } from '@atlaskit/editor-common/types';
|
|
22
|
-
import { CardOptions } from '@atlaskit/editor-common/card';
|
|
22
|
+
import type { CardOptions } from '@atlaskit/editor-common/card';
|
|
23
23
|
import { CardProvider } from '@atlaskit/editor-common/provider-factory';
|
|
24
24
|
import { clearEditorContent } from '@atlaskit/editor-common/commands';
|
|
25
25
|
import type { CollabEditOptions } from '@atlaskit/editor-common/collab';
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.messages = void 0;
|
|
7
|
-
var _reactIntlNext = require("react-intl-next");
|
|
8
|
-
var messages = (0, _reactIntlNext.defineMessages)({
|
|
9
|
-
fullWidthImage: {
|
|
10
|
-
id: 'fabric.editor.image.fullWidthImage',
|
|
11
|
-
defaultMessage: 'Full width image',
|
|
12
|
-
description: 'The image has reached its full width'
|
|
13
|
-
}
|
|
14
|
-
});
|
|
15
|
-
exports.messages = messages;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = require("@emotion/react");
|
|
8
|
-
var _styles = require("./styles");
|
|
9
|
-
/** @jsx jsx */
|
|
10
|
-
|
|
11
|
-
var ResizeLabelBreakoutWidth = 110;
|
|
12
|
-
var ResizeLabel = function ResizeLabel(props) {
|
|
13
|
-
return (0, _react.jsx)("div", {
|
|
14
|
-
css: _styles.wrapper
|
|
15
|
-
}, (0, _react.jsx)("span", {
|
|
16
|
-
css: [_styles.text, props.containerWidth < ResizeLabelBreakoutWidth && _styles.smallText]
|
|
17
|
-
}, props.label));
|
|
18
|
-
};
|
|
19
|
-
var _default = ResizeLabel;
|
|
20
|
-
exports.default = _default;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.wrapper = exports.text = exports.smallText = void 0;
|
|
8
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
9
|
-
var _react = require("@emotion/react");
|
|
10
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
11
|
-
var _templateObject, _templateObject2, _templateObject3;
|
|
12
|
-
var wrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n font-size: ", ";\n width: 100%;\n text-align: center;\n position: absolute;\n transform: translateY(-125%);\n top: 0;\n"])), "var(--ds-font-size-100, 14px)");
|
|
13
|
-
exports.wrapper = wrapper;
|
|
14
|
-
var text = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: inline-block;\n border-radius: 6px;\n min-width: 75px;\n background-color: ", ";\n color: ", ";\n padding: ", " ", ";\n letter-spacing: 0.5px;\n"])), "var(--ds-text-accent-blue, ".concat(_colors.B300, ")"), "var(--ds-text-inverse, white)", "var(--ds-space-050, 4px)", "var(--ds-space-200, 16px)");
|
|
15
|
-
exports.text = text;
|
|
16
|
-
var smallText = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n letter-spacing: -0.5px;\n font-size: ", ";\n min-width: 27px;\n padding: ", " ", ";\n"])), "var(--ds-font-size-050, 8px)", "var(--ds-space-0, 0px)", "var(--ds-space-025, 2px)");
|
|
17
|
-
exports.smallText = smallText;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/** @jsx jsx */
|
|
2
|
-
import { jsx } from '@emotion/react';
|
|
3
|
-
import { wrapper, text, smallText } from './styles';
|
|
4
|
-
const ResizeLabelBreakoutWidth = 110;
|
|
5
|
-
const ResizeLabel = props => {
|
|
6
|
-
return jsx("div", {
|
|
7
|
-
css: wrapper
|
|
8
|
-
}, jsx("span", {
|
|
9
|
-
css: [text, props.containerWidth < ResizeLabelBreakoutWidth && smallText]
|
|
10
|
-
}, props.label));
|
|
11
|
-
};
|
|
12
|
-
export default ResizeLabel;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { css } from '@emotion/react';
|
|
2
|
-
import { B300 } from '@atlaskit/theme/colors';
|
|
3
|
-
export const wrapper = css`
|
|
4
|
-
font-size: ${"var(--ds-font-size-100, 14px)"};
|
|
5
|
-
width: 100%;
|
|
6
|
-
text-align: center;
|
|
7
|
-
position: absolute;
|
|
8
|
-
transform: translateY(-125%);
|
|
9
|
-
top: 0;
|
|
10
|
-
`;
|
|
11
|
-
export const text = css`
|
|
12
|
-
display: inline-block;
|
|
13
|
-
border-radius: 6px;
|
|
14
|
-
min-width: 75px;
|
|
15
|
-
background-color: ${`var(--ds-text-accent-blue, ${B300})`};
|
|
16
|
-
color: ${"var(--ds-text-inverse, white)"};
|
|
17
|
-
padding: ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-200, 16px)"};
|
|
18
|
-
letter-spacing: 0.5px;
|
|
19
|
-
`;
|
|
20
|
-
export const smallText = css`
|
|
21
|
-
letter-spacing: -0.5px;
|
|
22
|
-
font-size: ${"var(--ds-font-size-050, 8px)"};
|
|
23
|
-
min-width: 27px;
|
|
24
|
-
padding: ${"var(--ds-space-0, 0px)"} ${"var(--ds-space-025, 2px)"};
|
|
25
|
-
`;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/** @jsx jsx */
|
|
2
|
-
import { jsx } from '@emotion/react';
|
|
3
|
-
import { wrapper, text, smallText } from './styles';
|
|
4
|
-
var ResizeLabelBreakoutWidth = 110;
|
|
5
|
-
var ResizeLabel = function ResizeLabel(props) {
|
|
6
|
-
return jsx("div", {
|
|
7
|
-
css: wrapper
|
|
8
|
-
}, jsx("span", {
|
|
9
|
-
css: [text, props.containerWidth < ResizeLabelBreakoutWidth && smallText]
|
|
10
|
-
}, props.label));
|
|
11
|
-
};
|
|
12
|
-
export default ResizeLabel;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
var _templateObject, _templateObject2, _templateObject3;
|
|
3
|
-
import { css } from '@emotion/react';
|
|
4
|
-
import { B300 } from '@atlaskit/theme/colors';
|
|
5
|
-
export var wrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-size: ", ";\n width: 100%;\n text-align: center;\n position: absolute;\n transform: translateY(-125%);\n top: 0;\n"])), "var(--ds-font-size-100, 14px)");
|
|
6
|
-
export var text = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: inline-block;\n border-radius: 6px;\n min-width: 75px;\n background-color: ", ";\n color: ", ";\n padding: ", " ", ";\n letter-spacing: 0.5px;\n"])), "var(--ds-text-accent-blue, ".concat(B300, ")"), "var(--ds-text-inverse, white)", "var(--ds-space-050, 4px)", "var(--ds-space-200, 16px)");
|
|
7
|
-
export var smallText = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n letter-spacing: -0.5px;\n font-size: ", ";\n min-width: 27px;\n padding: ", " ", ";\n"])), "var(--ds-font-size-050, 8px)", "var(--ds-space-0, 0px)", "var(--ds-space-025, 2px)");
|