@atlaskit/editor-plugin-media 8.4.5 → 8.4.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/nodeviews/mediaNodeUpdater.js +3 -1
- package/dist/cjs/nodeviews/toDOM-fixes/media.js +2 -2
- package/dist/cjs/nodeviews/toDOM-fixes/mediaInline.js +1 -1
- package/dist/cjs/pm-plugins/main.js +3 -1
- package/dist/cjs/pm-plugins/pixel-resizing/ui/pixel-entry.js +2 -2
- package/dist/cjs/ui/CaptionPlaceholder/index.js +1 -1
- package/dist/es2019/nodeviews/mediaNodeUpdater.js +3 -0
- package/dist/es2019/nodeviews/toDOM-fixes/media.js +2 -2
- package/dist/es2019/nodeviews/toDOM-fixes/mediaInline.js +1 -1
- package/dist/es2019/pm-plugins/main.js +2 -0
- package/dist/es2019/pm-plugins/pixel-resizing/ui/pixel-entry.js +2 -2
- package/dist/es2019/ui/CaptionPlaceholder/index.js +1 -1
- package/dist/esm/nodeviews/mediaNodeUpdater.js +3 -0
- package/dist/esm/nodeviews/toDOM-fixes/media.js +2 -2
- package/dist/esm/nodeviews/toDOM-fixes/mediaInline.js +1 -1
- package/dist/esm/pm-plugins/main.js +2 -0
- package/dist/esm/pm-plugins/pixel-resizing/ui/pixel-entry.js +2 -2
- package/dist/esm/ui/CaptionPlaceholder/index.js +1 -1
- package/package.json +11 -11
package/CHANGELOG.md
CHANGED
|
@@ -22,7 +22,7 @@ var _pluginKey = require("../pm-plugins/plugin-key");
|
|
|
22
22
|
var _batchMediaNodeAttrs = require("../pm-plugins/utils/batchMediaNodeAttrs");
|
|
23
23
|
var _mediaCommon = require("../pm-plugins/utils/media-common");
|
|
24
24
|
var _excluded = ["authProvider"],
|
|
25
|
-
_excluded2 = ["authProvider"];
|
|
25
|
+
_excluded2 = ["authProvider"]; // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
26
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; }
|
|
27
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; }
|
|
28
28
|
var isMediaTypeSupported = function isMediaTypeSupported(type) {
|
|
@@ -531,6 +531,7 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
|
|
|
531
531
|
destination: {
|
|
532
532
|
collection: currentCollectionName,
|
|
533
533
|
authProvider: uploadMediaClientConfig.authProvider,
|
|
534
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
534
535
|
occurrenceKey: (0, _v.default)()
|
|
535
536
|
}
|
|
536
537
|
});
|
|
@@ -680,6 +681,7 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
|
|
|
680
681
|
destination: {
|
|
681
682
|
collection: currentCollectionName,
|
|
682
683
|
authProvider: uploadMediaClientConfig.authProvider,
|
|
684
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
683
685
|
occurrenceKey: (0, _v.default)()
|
|
684
686
|
},
|
|
685
687
|
traceContext: traceContext
|
|
@@ -41,7 +41,7 @@ var mediaSpecWithFixedToDOM = exports.mediaSpecWithFixedToDOM = function mediaSp
|
|
|
41
41
|
return ['img', _objectSpread(_objectSpread({}, attrs), {}, {
|
|
42
42
|
src: node.attrs.url,
|
|
43
43
|
style: (0, _lazyNodeView.convertToInlineCss)({
|
|
44
|
-
backgroundColor: "var(--ds-background-neutral, #
|
|
44
|
+
backgroundColor: "var(--ds-background-neutral, #0515240F)",
|
|
45
45
|
outline: 'none',
|
|
46
46
|
width: "var(--ak-editor-media-card-width, 100%)",
|
|
47
47
|
height: "var(--ak-editor-media-card-height, 100%)"
|
|
@@ -81,7 +81,7 @@ var mediaSpecWithFixedToDOM = exports.mediaSpecWithFixedToDOM = function mediaSp
|
|
|
81
81
|
}
|
|
82
82
|
return ['div', _objectSpread(_objectSpread({}, attrs), {}, {
|
|
83
83
|
styles: (0, _lazyNodeView.convertToInlineCss)({
|
|
84
|
-
backgroundColor: "var(--ak-editor-media-card-background-color, ".concat("var(--ds-background-neutral, #
|
|
84
|
+
backgroundColor: "var(--ak-editor-media-card-background-color, ".concat("var(--ds-background-neutral, #0515240F)", ")"),
|
|
85
85
|
outline: 'none'
|
|
86
86
|
})
|
|
87
87
|
})];
|
|
@@ -11,7 +11,7 @@ var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
|
11
11
|
var _toDOMAttrs = require("./toDOMAttrs");
|
|
12
12
|
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; }
|
|
13
13
|
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; }
|
|
14
|
-
var skeletonStyling = "background: ".concat("var(--ds-background-neutral, #
|
|
14
|
+
var skeletonStyling = "background: ".concat("var(--ds-background-neutral, #0515240F)", ";");
|
|
15
15
|
// Matches media
|
|
16
16
|
var fallbackAspectRatio = 1.25;
|
|
17
17
|
|
|
@@ -45,7 +45,8 @@ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol
|
|
|
45
45
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
46
46
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
47
47
|
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; }
|
|
48
|
-
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; } //
|
|
48
|
+
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; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
49
|
+
// Ignored via go/ees005
|
|
49
50
|
// eslint-disable-next-line import/no-namespace
|
|
50
51
|
var MEDIA_CONTENT_WRAP_CLASS_NAME = exports.MEDIA_CONTENT_WRAP_CLASS_NAME = 'media-content-wrap';
|
|
51
52
|
var MEDIA_PLUGIN_IS_RESIZING_KEY = exports.MEDIA_PLUGIN_IS_RESIZING_KEY = 'mediaSinglePlugin.isResizing';
|
|
@@ -970,6 +971,7 @@ var createPlugin = exports.createPlugin = function createPlugin(_schema, options
|
|
|
970
971
|
if (pos === null || pos === undefined) {
|
|
971
972
|
return _view2.DecorationSet.create(state.doc, mediaNodes);
|
|
972
973
|
}
|
|
974
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
973
975
|
var dropPlaceholderKey = (0, _uuid.default)();
|
|
974
976
|
var dropPlaceholders = [_view2.Decoration.widget(pos, function () {
|
|
975
977
|
return createDropPlaceholder(intl, nodeViewPortalProviderAPI, dropPlaceholderKey, mediaOptions && mediaOptions.allowDropzoneDropLine);
|
|
@@ -272,7 +272,7 @@ var fieldStyles = (0, _react2.css)({
|
|
|
272
272
|
var dividerStyles = (0, _primitives.xcss)({
|
|
273
273
|
width: '1px',
|
|
274
274
|
height: "var(--ds-space-500, 40px)",
|
|
275
|
-
background: "var(--ds-border, #
|
|
275
|
+
background: "var(--ds-border, #0B120E24)",
|
|
276
276
|
marginInlineEnd: 'space.050'
|
|
277
277
|
});
|
|
278
278
|
var PixelEntryComponentNext = exports.PixelEntryComponentNext = function PixelEntryComponentNext(_ref5) {
|
|
@@ -368,7 +368,7 @@ var PixelEntryComponentNext = exports.PixelEntryComponentNext = function PixelEn
|
|
|
368
368
|
icon: function icon() {
|
|
369
369
|
return (0, _react2.jsx)(_cross.default, {
|
|
370
370
|
label: "",
|
|
371
|
-
color: "var(--ds-icon-subtlest, #
|
|
371
|
+
color: "var(--ds-icon-subtlest, #6B6E76)"
|
|
372
372
|
});
|
|
373
373
|
},
|
|
374
374
|
label: formatMessage(_media.pixelEntryMessages.closePixelEntry),
|
|
@@ -27,7 +27,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
27
27
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
28
28
|
var placeholder = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tcolor: ", ";\n\twidth: 100%;\n\ttext-align: center;\n\tmargin-top: ", " !important;\n\tdisplay: block;\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-space-100, 8px)");
|
|
29
29
|
var placeholderText = (0, _react2.css)({
|
|
30
|
-
color: "var(--ds-text-subtlest, #
|
|
30
|
+
color: "var(--ds-text-subtlest, #6B6E76)"
|
|
31
31
|
});
|
|
32
32
|
var placeholderButton = (0, _primitives.xcss)({
|
|
33
33
|
width: '100%',
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
2
3
|
import uuidV4 from 'uuid/v4';
|
|
3
4
|
import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
4
5
|
import { DEFAULT_IMAGE_HEIGHT, DEFAULT_IMAGE_WIDTH } from '@atlaskit/editor-common/media-single';
|
|
@@ -304,6 +305,7 @@ export class MediaNodeUpdater {
|
|
|
304
305
|
destination: {
|
|
305
306
|
collection: currentCollectionName,
|
|
306
307
|
authProvider: uploadMediaClientConfig.authProvider,
|
|
308
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
307
309
|
occurrenceKey: uuidV4()
|
|
308
310
|
}
|
|
309
311
|
});
|
|
@@ -375,6 +377,7 @@ export class MediaNodeUpdater {
|
|
|
375
377
|
destination: {
|
|
376
378
|
collection: currentCollectionName,
|
|
377
379
|
authProvider: uploadMediaClientConfig.authProvider,
|
|
380
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
378
381
|
occurrenceKey: uuidV4()
|
|
379
382
|
},
|
|
380
383
|
traceContext
|
|
@@ -34,7 +34,7 @@ export const mediaSpecWithFixedToDOM = () => {
|
|
|
34
34
|
...attrs,
|
|
35
35
|
src: node.attrs.url,
|
|
36
36
|
style: convertToInlineCss({
|
|
37
|
-
backgroundColor: `${"var(--ds-background-neutral, #
|
|
37
|
+
backgroundColor: `${"var(--ds-background-neutral, #0515240F)"}`,
|
|
38
38
|
outline: 'none',
|
|
39
39
|
width: `var(--ak-editor-media-card-width, 100%)`,
|
|
40
40
|
height: `var(--ak-editor-media-card-height, 100%)`
|
|
@@ -75,7 +75,7 @@ export const mediaSpecWithFixedToDOM = () => {
|
|
|
75
75
|
return ['div', {
|
|
76
76
|
...attrs,
|
|
77
77
|
styles: convertToInlineCss({
|
|
78
|
-
backgroundColor: `var(--ak-editor-media-card-background-color, ${"var(--ds-background-neutral, #
|
|
78
|
+
backgroundColor: `var(--ak-editor-media-card-background-color, ${"var(--ds-background-neutral, #0515240F)"})`,
|
|
79
79
|
outline: 'none'
|
|
80
80
|
})
|
|
81
81
|
}];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { mediaInline } from '@atlaskit/adf-schema';
|
|
2
2
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
3
3
|
import { getMediaAttrs } from './toDOMAttrs';
|
|
4
|
-
const skeletonStyling = `background: ${"var(--ds-background-neutral, #
|
|
4
|
+
const skeletonStyling = `background: ${"var(--ds-background-neutral, #0515240F)"};`;
|
|
5
5
|
// Matches media
|
|
6
6
|
const fallbackAspectRatio = 1.25;
|
|
7
7
|
|
|
@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
import assert from 'assert';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { RawIntlProvider } from 'react-intl-next';
|
|
5
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
5
6
|
import uuid from 'uuid';
|
|
6
7
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
7
8
|
import { mediaInlineImagesEnabled } from '@atlaskit/editor-common/media-inline';
|
|
@@ -858,6 +859,7 @@ export const createPlugin = (_schema, options, getIntl, pluginInjectionApi, node
|
|
|
858
859
|
if (pos === null || pos === undefined) {
|
|
859
860
|
return DecorationSet.create(state.doc, mediaNodes);
|
|
860
861
|
}
|
|
862
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
861
863
|
const dropPlaceholderKey = uuid();
|
|
862
864
|
const dropPlaceholders = [Decoration.widget(pos, () => {
|
|
863
865
|
return createDropPlaceholder(intl, nodeViewPortalProviderAPI, dropPlaceholderKey, mediaOptions && mediaOptions.allowDropzoneDropLine);
|
|
@@ -253,7 +253,7 @@ const fieldStyles = css({
|
|
|
253
253
|
const dividerStyles = xcss({
|
|
254
254
|
width: '1px',
|
|
255
255
|
height: "var(--ds-space-500, 40px)",
|
|
256
|
-
background: "var(--ds-border, #
|
|
256
|
+
background: "var(--ds-border, #0B120E24)",
|
|
257
257
|
marginInlineEnd: 'space.050'
|
|
258
258
|
});
|
|
259
259
|
export const PixelEntryComponentNext = ({
|
|
@@ -349,7 +349,7 @@ export const PixelEntryComponentNext = ({
|
|
|
349
349
|
}), jsx(IconButton, {
|
|
350
350
|
icon: () => jsx(CrossIcon, {
|
|
351
351
|
label: "",
|
|
352
|
-
color: "var(--ds-icon-subtlest, #
|
|
352
|
+
color: "var(--ds-icon-subtlest, #6B6E76)"
|
|
353
353
|
}),
|
|
354
354
|
label: formatMessage(messages.closePixelEntry),
|
|
355
355
|
appearance: "subtle",
|
|
@@ -8,6 +8,7 @@ var _excluded = ["authProvider"],
|
|
|
8
8
|
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; }
|
|
9
9
|
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) { _defineProperty(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; }
|
|
10
10
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
11
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
11
12
|
import uuidV4 from 'uuid/v4';
|
|
12
13
|
import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
13
14
|
import { DEFAULT_IMAGE_HEIGHT, DEFAULT_IMAGE_WIDTH } from '@atlaskit/editor-common/media-single';
|
|
@@ -524,6 +525,7 @@ export var MediaNodeUpdater = /*#__PURE__*/function () {
|
|
|
524
525
|
destination: {
|
|
525
526
|
collection: currentCollectionName,
|
|
526
527
|
authProvider: uploadMediaClientConfig.authProvider,
|
|
528
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
527
529
|
occurrenceKey: uuidV4()
|
|
528
530
|
}
|
|
529
531
|
});
|
|
@@ -673,6 +675,7 @@ export var MediaNodeUpdater = /*#__PURE__*/function () {
|
|
|
673
675
|
destination: {
|
|
674
676
|
collection: currentCollectionName,
|
|
675
677
|
authProvider: uploadMediaClientConfig.authProvider,
|
|
678
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
676
679
|
occurrenceKey: uuidV4()
|
|
677
680
|
},
|
|
678
681
|
traceContext: traceContext
|
|
@@ -35,7 +35,7 @@ export var mediaSpecWithFixedToDOM = function mediaSpecWithFixedToDOM() {
|
|
|
35
35
|
return ['img', _objectSpread(_objectSpread({}, attrs), {}, {
|
|
36
36
|
src: node.attrs.url,
|
|
37
37
|
style: convertToInlineCss({
|
|
38
|
-
backgroundColor: "var(--ds-background-neutral, #
|
|
38
|
+
backgroundColor: "var(--ds-background-neutral, #0515240F)",
|
|
39
39
|
outline: 'none',
|
|
40
40
|
width: "var(--ak-editor-media-card-width, 100%)",
|
|
41
41
|
height: "var(--ak-editor-media-card-height, 100%)"
|
|
@@ -75,7 +75,7 @@ export var mediaSpecWithFixedToDOM = function mediaSpecWithFixedToDOM() {
|
|
|
75
75
|
}
|
|
76
76
|
return ['div', _objectSpread(_objectSpread({}, attrs), {}, {
|
|
77
77
|
styles: convertToInlineCss({
|
|
78
|
-
backgroundColor: "var(--ak-editor-media-card-background-color, ".concat("var(--ds-background-neutral, #
|
|
78
|
+
backgroundColor: "var(--ak-editor-media-card-background-color, ".concat("var(--ds-background-neutral, #0515240F)", ")"),
|
|
79
79
|
outline: 'none'
|
|
80
80
|
})
|
|
81
81
|
})];
|
|
@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
4
4
|
import { mediaInline } from '@atlaskit/adf-schema';
|
|
5
5
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
6
6
|
import { getMediaAttrs } from './toDOMAttrs';
|
|
7
|
-
var skeletonStyling = "background: ".concat("var(--ds-background-neutral, #
|
|
7
|
+
var skeletonStyling = "background: ".concat("var(--ds-background-neutral, #0515240F)", ";");
|
|
8
8
|
// Matches media
|
|
9
9
|
var fallbackAspectRatio = 1.25;
|
|
10
10
|
|
|
@@ -11,6 +11,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
11
11
|
import assert from 'assert';
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import { RawIntlProvider } from 'react-intl-next';
|
|
14
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
14
15
|
import uuid from 'uuid';
|
|
15
16
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
16
17
|
import { mediaInlineImagesEnabled } from '@atlaskit/editor-common/media-inline';
|
|
@@ -962,6 +963,7 @@ export var createPlugin = function createPlugin(_schema, options, getIntl, plugi
|
|
|
962
963
|
if (pos === null || pos === undefined) {
|
|
963
964
|
return DecorationSet.create(state.doc, mediaNodes);
|
|
964
965
|
}
|
|
966
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
965
967
|
var dropPlaceholderKey = uuid();
|
|
966
968
|
var dropPlaceholders = [Decoration.widget(pos, function () {
|
|
967
969
|
return createDropPlaceholder(intl, nodeViewPortalProviderAPI, dropPlaceholderKey, mediaOptions && mediaOptions.allowDropzoneDropLine);
|
|
@@ -260,7 +260,7 @@ var fieldStyles = css({
|
|
|
260
260
|
var dividerStyles = xcss({
|
|
261
261
|
width: '1px',
|
|
262
262
|
height: "var(--ds-space-500, 40px)",
|
|
263
|
-
background: "var(--ds-border, #
|
|
263
|
+
background: "var(--ds-border, #0B120E24)",
|
|
264
264
|
marginInlineEnd: 'space.050'
|
|
265
265
|
});
|
|
266
266
|
export var PixelEntryComponentNext = function PixelEntryComponentNext(_ref5) {
|
|
@@ -356,7 +356,7 @@ export var PixelEntryComponentNext = function PixelEntryComponentNext(_ref5) {
|
|
|
356
356
|
icon: function icon() {
|
|
357
357
|
return jsx(CrossIcon, {
|
|
358
358
|
label: "",
|
|
359
|
-
color: "var(--ds-icon-subtlest, #
|
|
359
|
+
color: "var(--ds-icon-subtlest, #6B6E76)"
|
|
360
360
|
});
|
|
361
361
|
},
|
|
362
362
|
label: formatMessage(messages.closePixelEntry),
|
|
@@ -19,7 +19,7 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
|
19
19
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
20
20
|
var placeholder = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tcolor: ", ";\n\twidth: 100%;\n\ttext-align: center;\n\tmargin-top: ", " !important;\n\tdisplay: block;\n"])), "var(--ds-text-subtlest, ".concat(N200, ")"), "var(--ds-space-100, 8px)");
|
|
21
21
|
var placeholderText = css({
|
|
22
|
-
color: "var(--ds-text-subtlest, #
|
|
22
|
+
color: "var(--ds-text-subtlest, #6B6E76)"
|
|
23
23
|
});
|
|
24
24
|
var placeholderButton = xcss({
|
|
25
25
|
width: '100%',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-media",
|
|
3
|
-
"version": "8.4.
|
|
3
|
+
"version": "8.4.7",
|
|
4
4
|
"description": "Media plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"@atlaskit/adf-schema": "^51.3.2",
|
|
33
33
|
"@atlaskit/analytics-namespaced-context": "^7.1.0",
|
|
34
34
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
35
|
-
"@atlaskit/button": "^23.
|
|
35
|
+
"@atlaskit/button": "^23.6.0",
|
|
36
36
|
"@atlaskit/editor-palette": "^2.1.0",
|
|
37
37
|
"@atlaskit/editor-plugin-analytics": "^6.2.0",
|
|
38
38
|
"@atlaskit/editor-plugin-annotation": "^6.2.0",
|
|
@@ -44,18 +44,18 @@
|
|
|
44
44
|
"@atlaskit/editor-plugin-focus": "^5.0.0",
|
|
45
45
|
"@atlaskit/editor-plugin-grid": "^6.0.0",
|
|
46
46
|
"@atlaskit/editor-plugin-guideline": "^6.0.0",
|
|
47
|
-
"@atlaskit/editor-plugin-interaction": "^
|
|
47
|
+
"@atlaskit/editor-plugin-interaction": "^10.0.0",
|
|
48
48
|
"@atlaskit/editor-plugin-selection": "^6.1.0",
|
|
49
49
|
"@atlaskit/editor-plugin-toolbar": "^3.4.0",
|
|
50
50
|
"@atlaskit/editor-plugin-width": "^7.0.0",
|
|
51
51
|
"@atlaskit/editor-prosemirror": "7.0.0",
|
|
52
|
-
"@atlaskit/editor-shared-styles": "^3.
|
|
52
|
+
"@atlaskit/editor-shared-styles": "^3.9.0",
|
|
53
53
|
"@atlaskit/editor-tables": "^2.9.0",
|
|
54
54
|
"@atlaskit/form": "^14.2.0",
|
|
55
|
-
"@atlaskit/icon": "^
|
|
56
|
-
"@atlaskit/icon-lab": "^5.
|
|
55
|
+
"@atlaskit/icon": "^29.0.0",
|
|
56
|
+
"@atlaskit/icon-lab": "^5.12.0",
|
|
57
57
|
"@atlaskit/media-card": "^79.6.0",
|
|
58
|
-
"@atlaskit/media-client": "^35.
|
|
58
|
+
"@atlaskit/media-client": "^35.6.0",
|
|
59
59
|
"@atlaskit/media-client-react": "^4.1.0",
|
|
60
60
|
"@atlaskit/media-common": "^12.3.0",
|
|
61
61
|
"@atlaskit/media-filmstrip": "^51.1.0",
|
|
@@ -66,9 +66,9 @@
|
|
|
66
66
|
"@atlaskit/primitives": "^16.1.0",
|
|
67
67
|
"@atlaskit/textfield": "^8.0.0",
|
|
68
68
|
"@atlaskit/theme": "^21.0.0",
|
|
69
|
-
"@atlaskit/tmp-editor-statsig": "^13.
|
|
70
|
-
"@atlaskit/tokens": "^
|
|
71
|
-
"@atlaskit/tooltip": "^20.
|
|
69
|
+
"@atlaskit/tmp-editor-statsig": "^13.35.0",
|
|
70
|
+
"@atlaskit/tokens": "^8.0.0",
|
|
71
|
+
"@atlaskit/tooltip": "^20.8.0",
|
|
72
72
|
"@babel/runtime": "^7.0.0",
|
|
73
73
|
"@emotion/react": "^11.7.1",
|
|
74
74
|
"bind-event-listener": "^3.0.0",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"uuid": "^3.1.0"
|
|
79
79
|
},
|
|
80
80
|
"peerDependencies": {
|
|
81
|
-
"@atlaskit/editor-common": "^110.
|
|
81
|
+
"@atlaskit/editor-common": "^110.27.0",
|
|
82
82
|
"@atlaskit/media-core": "^37.0.0",
|
|
83
83
|
"react": "^18.2.0",
|
|
84
84
|
"react-dom": "^18.2.0",
|