@atlaskit/editor-plugin-media 1.8.1 → 1.9.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/.eslintrc.js +10 -0
- package/CHANGELOG.md +17 -0
- package/dist/cjs/commands/linking.js +0 -6
- package/dist/cjs/nodeviews/mediaGroup.js +1 -1
- package/dist/cjs/nodeviews/mediaInline.js +3 -3
- package/dist/cjs/nodeviews/mediaNodeView/index.js +1 -1
- package/dist/cjs/nodeviews/mediaNodeView/media.js +3 -3
- package/dist/cjs/nodeviews/mediaSingle.js +3 -3
- package/dist/cjs/pm-plugins/alt-text/ui/AltTextEdit.js +45 -17
- package/dist/cjs/pm-plugins/keymap-media-single.js +0 -1
- package/dist/cjs/pm-plugins/main.js +2 -2
- package/dist/cjs/toolbar/alt-text.js +2 -2
- package/dist/cjs/toolbar/filePreviewItem.js +2 -2
- package/dist/cjs/toolbar/index.js +2 -2
- package/dist/cjs/toolbar/linking-toolbar-appearance.js +2 -2
- package/dist/cjs/toolbar/mediaInline.js +2 -2
- package/dist/cjs/ui/ImageBorder/styles.js +8 -6
- package/dist/cjs/ui/Media/DropPlaceholder.js +21 -6
- package/dist/cjs/ui/MediaLinkingToolbar.js +3 -3
- package/dist/cjs/ui/MediaPicker/PickerFacadeProvider.js +1 -1
- package/dist/cjs/ui/MediaPicker/index.js +1 -1
- package/dist/cjs/ui/PixelEntry/index.js +2 -2
- package/dist/cjs/ui/ResizableMediaSingle/ResizableMediaSingleNext.js +1 -1
- package/dist/cjs/ui/ResizableMediaSingle/index.js +1 -1
- package/dist/cjs/ui/ResizableMediaSingle/styled.js +1 -0
- package/dist/cjs/ui/ResizableMediaSingle/styles.js +2 -2
- package/dist/es2019/commands/linking.js +0 -6
- package/dist/es2019/pm-plugins/alt-text/ui/AltTextEdit.js +44 -45
- package/dist/es2019/pm-plugins/keymap-media-single.js +0 -1
- package/dist/es2019/ui/ImageBorder/styles.js +6 -4
- package/dist/es2019/ui/Media/DropPlaceholder.js +20 -20
- package/dist/es2019/ui/ResizableMediaSingle/styled.js +1 -0
- package/dist/esm/commands/linking.js +0 -6
- package/dist/esm/nodeviews/mediaGroup.js +1 -1
- package/dist/esm/nodeviews/mediaInline.js +1 -1
- package/dist/esm/nodeviews/mediaNodeView/index.js +1 -1
- package/dist/esm/nodeviews/mediaNodeView/media.js +1 -1
- package/dist/esm/nodeviews/mediaSingle.js +1 -1
- package/dist/esm/pm-plugins/alt-text/ui/AltTextEdit.js +45 -16
- package/dist/esm/pm-plugins/keymap-media-single.js +0 -1
- package/dist/esm/ui/ImageBorder/styles.js +5 -3
- package/dist/esm/ui/Media/DropPlaceholder.js +20 -6
- package/dist/esm/ui/MediaLinkingToolbar.js +1 -1
- package/dist/esm/ui/MediaPicker/PickerFacadeProvider.js +1 -1
- package/dist/esm/ui/MediaPicker/index.js +1 -1
- package/dist/esm/ui/ResizableMediaSingle/ResizableMediaSingleNext.js +1 -1
- package/dist/esm/ui/ResizableMediaSingle/index.js +1 -1
- package/dist/esm/ui/ResizableMediaSingle/styled.js +1 -0
- package/package.json +7 -7
package/.eslintrc.js
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
module.exports = {
|
|
2
2
|
rules: {
|
|
3
3
|
'@atlaskit/design-system/consistent-css-prop-usage': 'warn',
|
|
4
|
+
'@typescript-eslint/no-unused-vars': [
|
|
5
|
+
'error',
|
|
6
|
+
{
|
|
7
|
+
args: 'none',
|
|
8
|
+
vars: 'local',
|
|
9
|
+
varsIgnorePattern: '^_',
|
|
10
|
+
ignoreRestSiblings: true,
|
|
11
|
+
},
|
|
12
|
+
],
|
|
13
|
+
'no-unused-vars': 'off',
|
|
4
14
|
},
|
|
5
15
|
};
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-media
|
|
2
2
|
|
|
3
|
+
## 1.9.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#80857](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80857) [`ad7674680f2d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ad7674680f2d) - [ux] Changed spacing styles to use design token instead of static values
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
13
|
+
## 1.8.2
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- [#80518](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80518) [`e0d5e8fd9495`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e0d5e8fd9495) - Migrates some style calls to a slightly different object syntax and other minor cleanup around eslint rules.
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
3
20
|
## 1.8.1
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
|
@@ -122,7 +122,6 @@ function toggleLinkMark(tr, state, _ref) {
|
|
|
122
122
|
if (!node || node.type !== media) {
|
|
123
123
|
return; //No op
|
|
124
124
|
}
|
|
125
|
-
|
|
126
125
|
if (forceRemove) {
|
|
127
126
|
return false;
|
|
128
127
|
}
|
|
@@ -130,11 +129,9 @@ function toggleLinkMark(tr, state, _ref) {
|
|
|
130
129
|
if (prevAttrs && prevAttrs.href === href) {
|
|
131
130
|
return; //No op
|
|
132
131
|
}
|
|
133
|
-
|
|
134
132
|
if (href.trim() === '') {
|
|
135
133
|
return false; // remove
|
|
136
134
|
}
|
|
137
|
-
|
|
138
135
|
return _objectSpread(_objectSpread({}, prevAttrs), {}, {
|
|
139
136
|
href: href
|
|
140
137
|
});
|
|
@@ -146,7 +143,6 @@ function toggleLinkMark(tr, state, _ref) {
|
|
|
146
143
|
if (!node || node.type !== mediaInline) {
|
|
147
144
|
return; //No op
|
|
148
145
|
}
|
|
149
|
-
|
|
150
146
|
if (forceRemove) {
|
|
151
147
|
return false;
|
|
152
148
|
}
|
|
@@ -154,11 +150,9 @@ function toggleLinkMark(tr, state, _ref) {
|
|
|
154
150
|
if (prevAttrs && prevAttrs.href === href) {
|
|
155
151
|
return; //No op
|
|
156
152
|
}
|
|
157
|
-
|
|
158
153
|
if (href.trim() === '') {
|
|
159
154
|
return false; // remove
|
|
160
155
|
}
|
|
161
|
-
|
|
162
156
|
return _objectSpread(_objectSpread({}, prevAttrs), {}, {
|
|
163
157
|
href: href
|
|
164
158
|
});
|
|
@@ -29,7 +29,7 @@ var _mediaNodeUpdater = require("./mediaNodeUpdater");
|
|
|
29
29
|
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; }
|
|
30
30
|
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; }
|
|
31
31
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
32
|
-
function _isNativeReflectConstruct() {
|
|
32
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
33
33
|
var isMediaGroupSelectedFromProps = function isMediaGroupSelectedFromProps(props) {
|
|
34
34
|
/**
|
|
35
35
|
* ED-19831
|
|
@@ -27,10 +27,10 @@ var _mediaUi = require("@atlaskit/media-ui");
|
|
|
27
27
|
var _isType = require("../utils/is-type");
|
|
28
28
|
var _mediaNodeUpdater = require("./mediaNodeUpdater");
|
|
29
29
|
var _styles = require("./styles");
|
|
30
|
-
function _getRequireWildcardCache(
|
|
31
|
-
function _interopRequireWildcard(
|
|
30
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
31
|
+
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 && Object.prototype.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; }
|
|
32
32
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
33
|
-
function _isNativeReflectConstruct() {
|
|
33
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
34
34
|
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; }
|
|
35
35
|
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; }
|
|
36
36
|
var createMediaNodeUpdater = exports.createMediaNodeUpdater = function createMediaNodeUpdater(props) {
|
|
@@ -27,7 +27,7 @@ var _excluded = ["width", "height"];
|
|
|
27
27
|
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
28
|
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
29
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
30
|
-
function _isNativeReflectConstruct() {
|
|
30
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
31
31
|
var MediaNodeWithProviders = function MediaNodeWithProviders(_ref) {
|
|
32
32
|
var pluginInjectionApi = _ref.pluginInjectionApi,
|
|
33
33
|
innerComponent = _ref.innerComponent;
|
|
@@ -23,10 +23,10 @@ var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
|
|
|
23
23
|
var _mediaCard = require("@atlaskit/media-card");
|
|
24
24
|
var _pluginKey = require("../../pm-plugins/plugin-key");
|
|
25
25
|
var _styles = require("../styles");
|
|
26
|
-
function _getRequireWildcardCache(
|
|
27
|
-
function _interopRequireWildcard(
|
|
26
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
27
|
+
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 && Object.prototype.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; }
|
|
28
28
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
29
|
-
function _isNativeReflectConstruct() {
|
|
29
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
30
30
|
// This is being used by DropPlaceholder now
|
|
31
31
|
var MEDIA_HEIGHT = exports.MEDIA_HEIGHT = 125;
|
|
32
32
|
var FILE_WIDTH = exports.FILE_WIDTH = 156;
|
|
@@ -39,12 +39,12 @@ var _mediaCommon = require("../utils/media-common");
|
|
|
39
39
|
var _helpers = require("./helpers");
|
|
40
40
|
var _mediaNodeUpdater = require("./mediaNodeUpdater");
|
|
41
41
|
var _styles = require("./styles");
|
|
42
|
-
function _getRequireWildcardCache(
|
|
43
|
-
function _interopRequireWildcard(
|
|
42
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
43
|
+
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 && Object.prototype.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
44
|
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; }
|
|
45
45
|
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; }
|
|
46
46
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
47
|
-
function _isNativeReflectConstruct() {
|
|
47
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
|
|
48
48
|
var figureWrapperStyles = (0, _react2.css)({
|
|
49
49
|
margin: 0
|
|
50
50
|
});
|
|
@@ -12,7 +12,6 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
|
|
|
12
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
16
15
|
var _react = _interopRequireDefault(require("react"));
|
|
17
16
|
var _react2 = require("@emotion/react");
|
|
18
17
|
var _reactIntlNext = require("react-intl-next");
|
|
@@ -26,19 +25,48 @@ var _chevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/che
|
|
|
26
25
|
var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/cross-circle"));
|
|
27
26
|
var _colors = require("@atlaskit/theme/colors");
|
|
28
27
|
var _commands = require("../commands");
|
|
29
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
30
|
-
/** @jsx jsx */
|
|
31
28
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
32
|
-
function _isNativeReflectConstruct() {
|
|
29
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
|
|
33
30
|
var CONTAINER_WIDTH_IN_PX = exports.CONTAINER_WIDTH_IN_PX = _ui.RECENT_SEARCH_WIDTH_IN_PX;
|
|
34
31
|
var MAX_ALT_TEXT_LENGTH = exports.MAX_ALT_TEXT_LENGTH = 510; // double tweet length
|
|
35
32
|
|
|
36
|
-
var
|
|
37
|
-
var
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
33
|
+
var supportTextStyles = (0, _react2.css)({
|
|
34
|
+
color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
|
|
35
|
+
fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(12),
|
|
36
|
+
padding: "var(--ds-space-150, 12px)".concat(" ", "var(--ds-space-500, 40px)"),
|
|
37
|
+
lineHeight: '20px',
|
|
38
|
+
borderTop: "1px solid ".concat("var(--ds-border, ".concat(_colors.N30, ")")),
|
|
39
|
+
margin: 0
|
|
40
|
+
});
|
|
41
|
+
var containerStyles = (0, _react2.css)({
|
|
42
|
+
width: "".concat(CONTAINER_WIDTH_IN_PX, "px"),
|
|
43
|
+
display: 'flex',
|
|
44
|
+
flexDirection: 'column',
|
|
45
|
+
overflow: 'auto',
|
|
46
|
+
lineHeight: 2
|
|
47
|
+
});
|
|
48
|
+
var inputWrapperStyles = (0, _react2.css)({
|
|
49
|
+
display: 'flex',
|
|
50
|
+
lineHeight: 0,
|
|
51
|
+
padding: "var(--ds-space-075, 6px)".concat(" 0"),
|
|
52
|
+
alignItems: 'center'
|
|
53
|
+
});
|
|
54
|
+
var validationWrapperStyles = (0, _react2.css)({
|
|
55
|
+
display: 'flex',
|
|
56
|
+
lineHeight: 0,
|
|
57
|
+
padding: "var(--ds-space-150, 12px)".concat(" ", "var(--ds-space-300, 24px)", " ", "var(--ds-space-150, 12px)", " 0"),
|
|
58
|
+
margin: "0 ".concat("var(--ds-space-150, 12px)", " 0 ", "var(--ds-space-500, 40px)"),
|
|
59
|
+
borderTop: "1px solid ".concat("var(--ds-border-danger, ".concat(_colors.R400, ")")),
|
|
60
|
+
alignItems: 'start',
|
|
61
|
+
flexDirection: 'column'
|
|
62
|
+
});
|
|
63
|
+
var buttonWrapperStyles = (0, _react2.css)({
|
|
64
|
+
display: 'flex',
|
|
65
|
+
padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)")
|
|
66
|
+
});
|
|
67
|
+
var clearTextStyles = (0, _react2.css)({
|
|
68
|
+
color: "var(--ds-icon-subtle, ".concat(_colors.N80, ")")
|
|
69
|
+
});
|
|
42
70
|
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
43
71
|
var AltTextEditComponent = exports.AltTextEditComponent = /*#__PURE__*/function (_React$Component) {
|
|
44
72
|
(0, _inherits2.default)(AltTextEditComponent, _React$Component);
|
|
@@ -151,11 +179,11 @@ var AltTextEditComponent = exports.AltTextEditComponent = /*#__PURE__*/function
|
|
|
151
179
|
});
|
|
152
180
|
var hasErrors = !!errorsList.length;
|
|
153
181
|
return (0, _react2.jsx)("div", {
|
|
154
|
-
css:
|
|
182
|
+
css: containerStyles
|
|
155
183
|
}, (0, _react2.jsx)("section", {
|
|
156
|
-
css:
|
|
184
|
+
css: inputWrapperStyles
|
|
157
185
|
}, (0, _react2.jsx)("div", {
|
|
158
|
-
css:
|
|
186
|
+
css: buttonWrapperStyles
|
|
159
187
|
}, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
|
|
160
188
|
title: formatMessage(_media.altTextMessages.back),
|
|
161
189
|
icon: (0, _react2.jsx)(_chevronLeftLarge.default, {
|
|
@@ -178,12 +206,12 @@ var AltTextEditComponent = exports.AltTextEditComponent = /*#__PURE__*/function
|
|
|
178
206
|
ariaInvalid: hasErrors,
|
|
179
207
|
autoFocus: true
|
|
180
208
|
}), showClearTextButton && (0, _react2.jsx)("div", {
|
|
181
|
-
css:
|
|
209
|
+
css: buttonWrapperStyles
|
|
182
210
|
}, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
|
|
183
211
|
testId: "alt-text-clear-button",
|
|
184
212
|
title: formatMessage(_media.altTextMessages.clear),
|
|
185
213
|
icon: (0, _react2.jsx)("span", {
|
|
186
|
-
css:
|
|
214
|
+
css: clearTextStyles
|
|
187
215
|
}, (0, _react2.jsx)(_crossCircle.default, {
|
|
188
216
|
label: formatMessage(_media.altTextMessages.clear)
|
|
189
217
|
})),
|
|
@@ -193,9 +221,9 @@ var AltTextEditComponent = exports.AltTextEditComponent = /*#__PURE__*/function
|
|
|
193
221
|
id: "errors-list",
|
|
194
222
|
ref: this.errorsListRef,
|
|
195
223
|
"aria-live": "assertive",
|
|
196
|
-
css:
|
|
224
|
+
css: validationWrapperStyles
|
|
197
225
|
}, errorsList), (0, _react2.jsx)("p", {
|
|
198
|
-
css:
|
|
226
|
+
css: supportTextStyles,
|
|
199
227
|
id: "support-text"
|
|
200
228
|
}, formatMessage(_media.altTextMessages.supportText)));
|
|
201
229
|
}
|
|
@@ -148,7 +148,6 @@ var maybeRemoveMediaSingleNode = function maybeRemoveMediaSingleNode(schema) {
|
|
|
148
148
|
if (isEmptyNodeInSchema($from.parent) && !(0, _selection.atTheEndOfDoc)(state)) {
|
|
149
149
|
tr.replace($from.pos - 1, $from.pos + $from.parent.nodeSize - 1); // Remove node
|
|
150
150
|
}
|
|
151
|
-
|
|
152
151
|
dispatch(tr);
|
|
153
152
|
});
|
|
154
153
|
}
|
|
@@ -43,8 +43,8 @@ var _mediaInline2 = require("../utils/media-inline");
|
|
|
43
43
|
var _mediaSingle2 = require("../utils/media-single");
|
|
44
44
|
var _mediaTaskManager = require("./mediaTaskManager");
|
|
45
45
|
var _pluginKey = require("./plugin-key");
|
|
46
|
-
function _getRequireWildcardCache(
|
|
47
|
-
function _interopRequireWildcard(
|
|
46
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
47
|
+
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 && Object.prototype.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; }
|
|
48
48
|
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
|
49
49
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
50
50
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
@@ -15,8 +15,8 @@ var _commands = require("../pm-plugins/alt-text/commands");
|
|
|
15
15
|
var _AltTextEdit = _interopRequireWildcard(require("../pm-plugins/alt-text/ui/AltTextEdit"));
|
|
16
16
|
var _mediaCommon = require("../utils/media-common");
|
|
17
17
|
var _commands2 = require("./commands");
|
|
18
|
-
function _getRequireWildcardCache(
|
|
19
|
-
function _interopRequireWildcard(
|
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
19
|
+
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 && Object.prototype.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; }
|
|
20
20
|
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; }
|
|
21
21
|
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; }
|
|
22
22
|
var testId = 'alt-text-edit-button';
|
|
@@ -14,8 +14,8 @@ var _filePreview = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/f
|
|
|
14
14
|
var _mediaUi = require("@atlaskit/media-ui");
|
|
15
15
|
var _mediaViewer = require("@atlaskit/media-viewer");
|
|
16
16
|
var _utils = require("./utils");
|
|
17
|
-
function _getRequireWildcardCache(
|
|
18
|
-
function _interopRequireWildcard(
|
|
17
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
18
|
+
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 && Object.prototype.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; }
|
|
19
19
|
var FilePreviewItem = exports.FilePreviewItem = function FilePreviewItem(_ref) {
|
|
20
20
|
var mediaPluginState = _ref.mediaPluginState,
|
|
21
21
|
intl = _ref.intl;
|
|
@@ -42,8 +42,8 @@ var _linking3 = require("./linking");
|
|
|
42
42
|
var _linkingToolbarAppearance = require("./linking-toolbar-appearance");
|
|
43
43
|
var _mediaInline2 = require("./mediaInline");
|
|
44
44
|
var _utils2 = require("./utils");
|
|
45
|
-
function _getRequireWildcardCache(
|
|
46
|
-
function _interopRequireWildcard(
|
|
45
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
46
|
+
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 && Object.prototype.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; }
|
|
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
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; }
|
|
49
49
|
var mediaTypeMessages = {
|
|
@@ -21,8 +21,8 @@ var _checkMediaType = require("../utils/check-media-type");
|
|
|
21
21
|
var _currentMediaNode = require("../utils/current-media-node");
|
|
22
22
|
var _templateObject;
|
|
23
23
|
/** @jsx jsx */
|
|
24
|
-
function _getRequireWildcardCache(
|
|
25
|
-
function _interopRequireWildcard(
|
|
24
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
25
|
+
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 && Object.prototype.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; }
|
|
26
26
|
// need this wrapper, need to have 4px between items.
|
|
27
27
|
var wrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n margin-right: ", ";\n"])), "var(--ds-space-050, 4px)");
|
|
28
28
|
var LinkToolbarAppearance = exports.LinkToolbarAppearance = function LinkToolbarAppearance(_ref) {
|
|
@@ -27,8 +27,8 @@ var _imageBorder = require("./imageBorder");
|
|
|
27
27
|
var _linkingToolbarAppearance = require("./linking-toolbar-appearance");
|
|
28
28
|
var _utils = require("./utils");
|
|
29
29
|
var _index = require("./index");
|
|
30
|
-
function _getRequireWildcardCache(
|
|
31
|
-
function _interopRequireWildcard(
|
|
30
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
31
|
+
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 && Object.prototype.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; }
|
|
32
32
|
var generateMediaInlineFloatingToolbar = exports.generateMediaInlineFloatingToolbar = function generateMediaInlineFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi) {
|
|
33
33
|
var _pluginInjectionApi$a, _pluginInjectionApi$f;
|
|
34
34
|
var options = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
|
|
@@ -12,9 +12,11 @@ var _uiColor = require("@atlaskit/editor-common/ui-color");
|
|
|
12
12
|
var _colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
|
|
13
13
|
var colors = _colors;
|
|
14
14
|
var _constants = require("@atlaskit/theme/constants");
|
|
15
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
16
|
+
/* eslint-disable @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation*/
|
|
17
|
+
// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
|
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
19
|
+
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 && Object.prototype.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; }
|
|
18
20
|
// menuItemDimensions and itemSpacing are copied from
|
|
19
21
|
// packages/editor/editor-core/src/plugins/floating-toolbar/ui/DropdownMenu.tsx
|
|
20
22
|
|
|
@@ -38,15 +40,15 @@ var buttonStyle = exports.buttonStyle = function buttonStyle(selected) {
|
|
|
38
40
|
};
|
|
39
41
|
|
|
40
42
|
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
41
|
-
var buttonWrapperStyle = exports.buttonWrapperStyle = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n border: 1px solid transparent;\n margin:
|
|
43
|
+
var buttonWrapperStyle = exports.buttonWrapperStyle = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n border: 1px solid transparent;\n margin: ", ";\n font-size: 0;\n display: flex;\n align-items: center;\n padding: ", ";\n border-radius: 6px;\n &:focus-within,\n &:focus,\n &:hover {\n border-color: ", " !important;\n }\n"])), "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _colors.N50);
|
|
42
44
|
var line = exports.line = function line(size, selected) {
|
|
43
45
|
return (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 12px;\n height: ", "px;\n background-color: ", ";\n border-radius: 90px;\n transform: translate(-50%, -50%) rotate(135deg);\n }\n"])), size, selected ? "var(--ds-icon-inverse, ".concat(_colors.N0, ")") : "var(--ds-icon, #44546F)");
|
|
44
46
|
};
|
|
45
47
|
var getHoverStyles = function getHoverStyles(selector) {
|
|
46
|
-
return "&:hover ".concat(selector, " {\n background: ", "var(--ds-background-neutral-subtle-hovered, ".concat(colors.N20A, ")"), ";\n\n &:hover {\n background: ", "var(--ds-background-neutral-hovered, ".concat(colors.N30A, ")"), ";\n }
|
|
48
|
+
return "&:hover ".concat(selector, " {\n background: ", "var(--ds-background-neutral-subtle-hovered, ".concat(colors.N20A, ")"), ";\n\n &:hover {\n background: ", "var(--ds-background-neutral-hovered, ".concat(colors.N30A, ")"), ";\n }\n }");
|
|
47
49
|
};
|
|
48
50
|
var toolbarButtonWrapper = exports.toolbarButtonWrapper = function toolbarButtonWrapper(_ref) {
|
|
49
51
|
var enabled = _ref.enabled,
|
|
50
52
|
isOpen = _ref.isOpen;
|
|
51
|
-
return (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n .image-border-toolbar-btn {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n padding: 0;\n & > span {\n margin: 0;\n }\n }\n .image-border-toolbar-dropdown {\n padding: 0;\n & > span {\n margin: 0;\n }\n width: 16px !important;\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n margin-left:
|
|
53
|
+
return (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n .image-border-toolbar-btn {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n padding: 0;\n & > span {\n margin: 0;\n }\n }\n .image-border-toolbar-dropdown {\n padding: 0;\n & > span {\n margin: 0;\n }\n width: 16px !important;\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n margin-left: ", ";\n }\n\n ", "\n ", "\n"])), "var(--ds-space-025, 2px)", !enabled && getHoverStyles('.image-border-toolbar-btn'), !isOpen && !enabled && getHoverStyles('.image-border-toolbar-dropdown'));
|
|
52
54
|
};
|
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
9
8
|
var _react = require("@emotion/react");
|
|
10
9
|
var _reactIntlNext = require("react-intl-next");
|
|
11
10
|
var _adfSchema = require("@atlaskit/adf-schema");
|
|
@@ -14,15 +13,31 @@ var _documentFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/docum
|
|
|
14
13
|
var _colors = require("@atlaskit/theme/colors");
|
|
15
14
|
var _constants = require("@atlaskit/theme/constants");
|
|
16
15
|
var _media2 = require("../../nodeviews/mediaNodeView/media");
|
|
17
|
-
var _templateObject, _templateObject2;
|
|
18
16
|
/** @jsx jsx */
|
|
19
|
-
|
|
20
|
-
var
|
|
17
|
+
|
|
18
|
+
var iconWrapperStyles = (0, _react.css)({
|
|
19
|
+
color: "var(--ds-icon-accent-blue, ".concat((0, _adfSchema.hexToRgba)(_colors.B400, 0.4) || _colors.B400, ")"),
|
|
20
|
+
background: "var(--ds-background-accent-blue-subtle, ".concat((0, _adfSchema.hexToRgba)(_colors.B300, 0.6) || _colors.B300, ")"),
|
|
21
|
+
borderRadius: "".concat((0, _constants.borderRadius)(), "px"),
|
|
22
|
+
margin: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-050, 4px)", " ", "var(--ds-space-300, 24px)"),
|
|
23
|
+
width: "".concat(_media2.FILE_WIDTH, "px"),
|
|
24
|
+
minHeight: "".concat(_media2.MEDIA_HEIGHT, "px"),
|
|
25
|
+
display: 'flex',
|
|
26
|
+
alignItems: 'center',
|
|
27
|
+
justifyContent: 'center'
|
|
28
|
+
});
|
|
29
|
+
var dropLineStyles = (0, _react.css)({
|
|
30
|
+
background: "var(--ds-border-focused, ".concat(_colors.B200, ")"),
|
|
31
|
+
borderRadius: "".concat((0, _constants.borderRadius)(), "px"),
|
|
32
|
+
margin: "var(--ds-space-025, 2px)".concat(" 0"),
|
|
33
|
+
width: '100%',
|
|
34
|
+
height: '2px'
|
|
35
|
+
});
|
|
21
36
|
var IconWrapperComponent = function IconWrapperComponent(props) {
|
|
22
37
|
var intl = props.intl;
|
|
23
38
|
var dropPlaceholderLabel = _media.dropPlaceholderMessages.dropPlaceholderLabel;
|
|
24
39
|
return (0, _react.jsx)("div", {
|
|
25
|
-
css:
|
|
40
|
+
css: iconWrapperStyles
|
|
26
41
|
}, (0, _react.jsx)(_documentFilled.default, {
|
|
27
42
|
label: intl.formatMessage(dropPlaceholderLabel),
|
|
28
43
|
size: "medium"
|
|
@@ -33,6 +48,6 @@ var _default = exports.default = function _default(_ref) {
|
|
|
33
48
|
var _ref$type = _ref.type,
|
|
34
49
|
type = _ref$type === void 0 ? 'group' : _ref$type;
|
|
35
50
|
return type === 'single' ? (0, _react.jsx)("div", {
|
|
36
|
-
css:
|
|
51
|
+
css: dropLineStyles
|
|
37
52
|
}) : (0, _react.jsx)(IntlIconWrapper, null);
|
|
38
53
|
};
|
|
@@ -28,10 +28,10 @@ var _colors = require("@atlaskit/theme/colors");
|
|
|
28
28
|
var _templateObject, _templateObject2;
|
|
29
29
|
/** @jsx jsx */
|
|
30
30
|
// Common Translations will live here
|
|
31
|
-
function _getRequireWildcardCache(
|
|
32
|
-
function _interopRequireWildcard(
|
|
31
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
32
|
+
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 && Object.prototype.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; }
|
|
33
33
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
34
|
-
function _isNativeReflectConstruct() {
|
|
34
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
35
35
|
var validationWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n line-height: 0;\n padding: ", " ", "\n ", " 0;\n margin: 0 ", " 0 ", ";\n border-top: 1px solid ", ";\n align-items: start;\n display: flex;\n flex-direction: column;\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-300, 24px)", "var(--ds-space-150, 12px)", "var(--ds-space-050, 4px)", "var(--ds-space-400, 32px)", "var(--ds-border-danger, ".concat(_colors.R400, ")"));
|
|
36
36
|
var buttonWrapper = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n padding: ", " ", "\n ", " 0px;\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", "var(--ds-space-050, 4px)");
|
|
37
37
|
|
|
@@ -19,7 +19,7 @@ var _reactDom = require("react-dom");
|
|
|
19
19
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
20
20
|
var _pickerFacade = _interopRequireDefault(require("../../picker-facade"));
|
|
21
21
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
22
|
-
function _isNativeReflectConstruct() {
|
|
22
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
23
23
|
var dummyMediaPickerObject = {
|
|
24
24
|
on: function on() {},
|
|
25
25
|
removeAllListeners: function removeAllListeners() {},
|
|
@@ -19,7 +19,7 @@ var _BrowserWrapper = require("./BrowserWrapper");
|
|
|
19
19
|
var _ClipboardWrapper = require("./ClipboardWrapper");
|
|
20
20
|
var _DropzoneWrapper = require("./DropzoneWrapper");
|
|
21
21
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
22
|
-
function _isNativeReflectConstruct() {
|
|
22
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
23
23
|
var MediaPicker = function MediaPicker(_ref) {
|
|
24
24
|
var _editorDom$parentElem;
|
|
25
25
|
var api = _ref.api,
|
|
@@ -17,8 +17,8 @@ var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
|
|
|
17
17
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
18
18
|
var _constants = require("./constants");
|
|
19
19
|
var _styles = require("./styles");
|
|
20
|
-
function _getRequireWildcardCache(
|
|
21
|
-
function _interopRequireWildcard(
|
|
20
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
21
|
+
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 && Object.prototype.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; }
|
|
22
22
|
/** @jsx jsx */
|
|
23
23
|
|
|
24
24
|
var PixelEntry = exports.PixelEntry = function PixelEntry(_ref) {
|