@atlaskit/editor-plugin-media 3.0.9 → 3.0.11
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 +19 -0
- package/dist/cjs/mediaPlugin.js +14 -15
- package/dist/cjs/nodeviews/lazy-media-group.js +4 -3
- package/dist/cjs/nodeviews/lazy-media-inline.js +4 -3
- package/dist/cjs/nodeviews/lazy-media-single.js +1 -2
- package/dist/cjs/nodeviews/lazy-media.js +1 -2
- package/dist/cjs/nodeviews/mediaGroupNext.js +1 -2
- package/dist/cjs/nodeviews/mediaNodeUpdater.js +140 -140
- package/dist/cjs/nodeviews/mediaNodeView/media.js +1 -2
- package/dist/cjs/nodeviews/mediaSingle.js +1 -2
- package/dist/cjs/nodeviews/mediaSingleNext.js +1 -2
- package/dist/cjs/pm-plugins/main.js +1 -2
- package/dist/cjs/pm-plugins/pixel-resizing/ui/pixel-entry.js +1 -2
- package/dist/cjs/ui/CaptionPlaceholder/index.js +1 -2
- package/dist/cjs/ui/CommentBadge/index.js +1 -2
- package/dist/cjs/ui/ImageBorder/styles.js +1 -2
- package/dist/cjs/ui/MediaLinkingToolbar.js +1 -2
- package/dist/cjs/ui/MediaViewer/MediaViewerContainer.js +1 -2
- package/dist/cjs/ui/ResizableMediaSingle/ResizableMediaSingleNext.js +1 -2
- package/dist/cjs/ui/ResizableMediaSingle/styles.js +1 -2
- package/dist/cjs/ui/toolbar/comments.js +0 -2
- package/dist/cjs/ui/toolbar/index.js +33 -47
- package/dist/cjs/ui/toolbar/linking-toolbar-appearance.js +2 -5
- package/dist/cjs/ui/toolbar/mediaInline.js +24 -39
- package/dist/cjs/ui/toolbar/utils.js +68 -1
- package/dist/es2019/nodeviews/lazy-media-group.js +3 -1
- package/dist/es2019/nodeviews/lazy-media-inline.js +3 -1
- package/dist/es2019/ui/toolbar/comments.js +0 -2
- package/dist/es2019/ui/toolbar/index.js +34 -47
- package/dist/es2019/ui/toolbar/linking-toolbar-appearance.js +1 -3
- package/dist/es2019/ui/toolbar/mediaInline.js +22 -36
- package/dist/es2019/ui/toolbar/utils.js +62 -0
- package/dist/esm/mediaPlugin.js +13 -13
- package/dist/esm/nodeviews/lazy-media-group.js +3 -1
- package/dist/esm/nodeviews/lazy-media-inline.js +3 -1
- package/dist/esm/nodeviews/mediaNodeUpdater.js +140 -140
- package/dist/esm/ui/toolbar/comments.js +0 -2
- package/dist/esm/ui/toolbar/index.js +34 -47
- package/dist/esm/ui/toolbar/linking-toolbar-appearance.js +1 -3
- package/dist/esm/ui/toolbar/mediaInline.js +24 -38
- package/dist/esm/ui/toolbar/utils.js +67 -0
- package/dist/types/ui/toolbar/commands.d.ts +1 -1
- package/dist/types/ui/toolbar/utils.d.ts +4 -1
- package/dist/types-ts4.5/ui/toolbar/commands.d.ts +1 -1
- package/dist/types-ts4.5/ui/toolbar/utils.d.ts +4 -1
- package/package.json +6 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-media
|
|
2
2
|
|
|
3
|
+
## 3.0.11
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#163183](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/163183)
|
|
8
|
+
[`90c987607095d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/90c987607095d) -
|
|
9
|
+
Disable lazy node view behind an experiment
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 3.0.10
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- [#161063](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/161063)
|
|
17
|
+
[`1a976ba4cbdc4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1a976ba4cbdc4) -
|
|
18
|
+
[ED-26871] Remove icon fallback for toolbar icons and create an utility function that returns size
|
|
19
|
+
option dropdown config for inline and block node types
|
|
20
|
+
- Updated dependencies
|
|
21
|
+
|
|
3
22
|
## 3.0.9
|
|
4
23
|
|
|
5
24
|
### Patch Changes
|
package/dist/cjs/mediaPlugin.js
CHANGED
|
@@ -41,8 +41,7 @@ var _MediaPicker = require("./ui/MediaPicker");
|
|
|
41
41
|
var _PortalWrapper = require("./ui/MediaViewer/PortalWrapper");
|
|
42
42
|
var _toolbar = require("./ui/toolbar");
|
|
43
43
|
var _ToolbarMedia = _interopRequireDefault(require("./ui/ToolbarMedia"));
|
|
44
|
-
function
|
|
45
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
44
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
46
45
|
var useMediaPickerSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
|
|
47
46
|
var onPopupToggle = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'media.onPopupToggle');
|
|
48
47
|
var setBrowseFn = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'media.setBrowseFn');
|
|
@@ -268,15 +267,15 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref3) {
|
|
|
268
267
|
if (options && options.allowLinking) {
|
|
269
268
|
pmPlugins.push({
|
|
270
269
|
name: 'mediaLinking',
|
|
271
|
-
plugin: function plugin(
|
|
272
|
-
var dispatch =
|
|
270
|
+
plugin: function plugin(_ref0) {
|
|
271
|
+
var dispatch = _ref0.dispatch;
|
|
273
272
|
return (0, _linking.default)(dispatch);
|
|
274
273
|
}
|
|
275
274
|
});
|
|
276
275
|
pmPlugins.push({
|
|
277
276
|
name: 'mediaLinkingKeymap',
|
|
278
|
-
plugin: function plugin(
|
|
279
|
-
var schema =
|
|
277
|
+
plugin: function plugin(_ref1) {
|
|
278
|
+
var schema = _ref1.schema;
|
|
280
279
|
return (0, _keymap3.default)(schema);
|
|
281
280
|
}
|
|
282
281
|
});
|
|
@@ -318,9 +317,9 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref3) {
|
|
|
318
317
|
});
|
|
319
318
|
return pmPlugins;
|
|
320
319
|
},
|
|
321
|
-
contentComponent: function contentComponent(
|
|
322
|
-
var editorView =
|
|
323
|
-
appearance =
|
|
320
|
+
contentComponent: function contentComponent(_ref10) {
|
|
321
|
+
var editorView = _ref10.editorView,
|
|
322
|
+
appearance = _ref10.appearance;
|
|
324
323
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(MediaViewerFunctionalComponent, {
|
|
325
324
|
api: api,
|
|
326
325
|
editorView: editorView
|
|
@@ -330,10 +329,10 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref3) {
|
|
|
330
329
|
api: api
|
|
331
330
|
}));
|
|
332
331
|
},
|
|
333
|
-
secondaryToolbarComponent: function secondaryToolbarComponent(
|
|
334
|
-
var editorView =
|
|
335
|
-
eventDispatcher =
|
|
336
|
-
disabled =
|
|
332
|
+
secondaryToolbarComponent: function secondaryToolbarComponent(_ref11) {
|
|
333
|
+
var editorView = _ref11.editorView,
|
|
334
|
+
eventDispatcher = _ref11.eventDispatcher,
|
|
335
|
+
disabled = _ref11.disabled;
|
|
337
336
|
return /*#__PURE__*/_react.default.createElement(_ToolbarMedia.default, {
|
|
338
337
|
isDisabled: disabled,
|
|
339
338
|
isReducedSpacing: true,
|
|
@@ -341,8 +340,8 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref3) {
|
|
|
341
340
|
});
|
|
342
341
|
},
|
|
343
342
|
pluginsOptions: {
|
|
344
|
-
quickInsert: function quickInsert(
|
|
345
|
-
var formatMessage =
|
|
343
|
+
quickInsert: function quickInsert(_ref12) {
|
|
344
|
+
var formatMessage = _ref12.formatMessage;
|
|
346
345
|
return (0, _platformFeatureFlags.fg)('platform_editor_add_media_from_url_rollout') ? [] : [{
|
|
347
346
|
id: 'media',
|
|
348
347
|
title: formatMessage(_messages.toolbarInsertBlockMessages.mediaFiles),
|
|
@@ -9,12 +9,13 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
|
9
9
|
var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
|
|
10
10
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
11
11
|
var _mediaGroup = require("./mediaGroup");
|
|
12
|
-
function
|
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
14
13
|
var lazyMediaGroupView = exports.lazyMediaGroupView = function lazyMediaGroupView(portalProviderAPI, eventDispatcher, providerFactory) {
|
|
15
14
|
var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
|
16
15
|
var api = arguments.length > 4 ? arguments[4] : undefined;
|
|
17
|
-
if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
|
|
16
|
+
if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false) || (0, _experiments.editorExperiment)('platform_editor_exp_disable_lnv', true, {
|
|
17
|
+
exposure: true
|
|
18
|
+
})) {
|
|
18
19
|
return (0, _mediaGroup.ReactMediaGroupNode)(portalProviderAPI, eventDispatcher, providerFactory, options, api);
|
|
19
20
|
}
|
|
20
21
|
return (0, _lazyNodeView.withLazyLoading)({
|
|
@@ -9,10 +9,11 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
|
9
9
|
var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
|
|
10
10
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
11
11
|
var _mediaInline = require("./mediaInline");
|
|
12
|
-
function
|
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
14
13
|
var lazyMediaInlineView = exports.lazyMediaInlineView = function lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) {
|
|
15
|
-
if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
|
|
14
|
+
if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false) || (0, _experiments.editorExperiment)('platform_editor_exp_disable_lnv', true, {
|
|
15
|
+
exposure: true
|
|
16
|
+
})) {
|
|
16
17
|
return (0, _mediaInline.ReactMediaInlineNode)(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent);
|
|
17
18
|
}
|
|
18
19
|
return (0, _lazyNodeView.withLazyLoading)({
|
|
@@ -10,8 +10,7 @@ var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
|
|
|
10
10
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
11
11
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
12
12
|
var _mediaSingle = require("./mediaSingle");
|
|
13
|
-
function
|
|
14
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
15
14
|
var lazyMediaSingleView = exports.lazyMediaSingleView = function lazyMediaSingleView(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) {
|
|
16
15
|
var options = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
|
|
17
16
|
if ((0, _platformFeatureFlags.fg)('platform_editor_ssr_media') || (0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
|
|
@@ -10,8 +10,7 @@ var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
|
|
|
10
10
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
11
11
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
12
12
|
var _mediaNodeView = require("./mediaNodeView");
|
|
13
|
-
function
|
|
14
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
15
14
|
var lazyMediaView = exports.lazyMediaView = function lazyMediaView(portalProviderAPI, eventDispatcher, providerFactory) {
|
|
16
15
|
var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
|
17
16
|
var api = arguments.length > 4 ? arguments[4] : undefined;
|
|
@@ -22,8 +22,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
|
22
22
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
23
23
|
var _pluginKey = require("../pm-plugins/plugin-key");
|
|
24
24
|
var _mediaNodeUpdater = require("./mediaNodeUpdater");
|
|
25
|
-
function
|
|
26
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
25
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
27
26
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
28
27
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
29
28
|
var getIdentifier = function getIdentifier(item) {
|