@atlaskit/editor-plugin-media-insert 30.1.2 → 30.1.4
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 +16 -0
- package/dist/cjs/ui/LocalMedia.js +6 -6
- package/dist/cjs/ui/MediaFromURL.js +19 -14
- package/dist/cjs/ui/MediaInsertPicker.js +7 -6
- package/dist/es2019/ui/LocalMedia.js +3 -3
- package/dist/es2019/ui/MediaFromURL.js +10 -5
- package/dist/es2019/ui/MediaInsertPicker.js +4 -1
- package/dist/esm/ui/LocalMedia.js +3 -3
- package/dist/esm/ui/MediaFromURL.js +10 -5
- package/dist/esm/ui/MediaInsertPicker.js +4 -1
- package/package.json +4 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-media-insert
|
|
2
2
|
|
|
3
|
+
## 30.1.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 30.1.3
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`656801b9e097c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/656801b9e097c) -
|
|
14
|
+
VOLTC-331 - Migrate updated package usage in platform/editor: rewrite barrel imports of
|
|
15
|
+
voltCompliant provider packages to deep/subpath imports (consumer-side debarrel). No public API
|
|
16
|
+
changes.
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 30.1.2
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
@@ -11,13 +11,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
11
11
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
var _reactIntl = require("react-intl");
|
|
14
|
-
var
|
|
14
|
+
var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
|
|
15
15
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
16
16
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
17
17
|
var _upload = _interopRequireDefault(require("@atlaskit/icon/core/upload"));
|
|
18
|
-
var
|
|
18
|
+
var _browser = require("@atlaskit/media-picker/browser");
|
|
19
19
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
20
|
-
var
|
|
20
|
+
var _message = _interopRequireDefault(require("@atlaskit/section-message/message"));
|
|
21
21
|
var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
|
|
22
22
|
var _useAnalyticsEvents2 = require("./useAnalyticsEvents");
|
|
23
23
|
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); }
|
|
@@ -160,9 +160,9 @@ var LocalMedia = exports.LocalMedia = /*#__PURE__*/_react.default.forwardRef(fun
|
|
|
160
160
|
return /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
|
|
161
161
|
grow: "fill",
|
|
162
162
|
space: "space.200"
|
|
163
|
-
}, uploadState.error && /*#__PURE__*/_react.default.createElement(
|
|
163
|
+
}, uploadState.error && /*#__PURE__*/_react.default.createElement(_message.default, {
|
|
164
164
|
appearance: "error"
|
|
165
|
-
}, uploadState.error === 'upload_fail' ? strings.networkError : strings.genericError), /*#__PURE__*/_react.default.createElement(
|
|
165
|
+
}, uploadState.error === 'upload_fail' ? strings.networkError : strings.genericError), /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
166
166
|
id: "local-media-upload-button"
|
|
167
167
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
168
168
|
,
|
|
@@ -182,7 +182,7 @@ var LocalMedia = exports.LocalMedia = /*#__PURE__*/_react.default.forwardRef(fun
|
|
|
182
182
|
type: 'open'
|
|
183
183
|
});
|
|
184
184
|
}
|
|
185
|
-
}, buttonText), uploadMediaClientConfig && uploadParams && /*#__PURE__*/_react.default.createElement(
|
|
185
|
+
}, buttonText), uploadMediaClientConfig && uploadParams && /*#__PURE__*/_react.default.createElement(_browser.BrowserLoader, {
|
|
186
186
|
isOpen: uploadState.isOpen
|
|
187
187
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
188
188
|
,
|
|
@@ -17,15 +17,20 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
17
17
|
var _reactIntl = require("react-intl");
|
|
18
18
|
var _adfSchema = require("@atlaskit/adf-schema");
|
|
19
19
|
var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
|
|
20
|
-
var
|
|
20
|
+
var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
|
|
21
21
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
22
22
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
23
|
-
var _form =
|
|
23
|
+
var _form = _interopRequireDefault(require("@atlaskit/form/form"));
|
|
24
|
+
var _errorMessage = require("@atlaskit/form/error-message");
|
|
25
|
+
var _field = _interopRequireDefault(require("@atlaskit/form/field"));
|
|
26
|
+
var _formFooter = require("@atlaskit/form/form-footer");
|
|
27
|
+
var _helperMessage = require("@atlaskit/form/helper-message");
|
|
28
|
+
var _messageWrapper = require("@atlaskit/form/message-wrapper");
|
|
24
29
|
var _growDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/grow-diagonal"));
|
|
25
|
-
var
|
|
30
|
+
var _getMediaClient = require("@atlaskit/media-client-react/get-media-client");
|
|
26
31
|
var _primitives = require("@atlaskit/primitives");
|
|
27
|
-
var
|
|
28
|
-
var
|
|
32
|
+
var _message = _interopRequireDefault(require("@atlaskit/section-message/message"));
|
|
33
|
+
var _textField = _interopRequireDefault(require("@atlaskit/textfield/text-field"));
|
|
29
34
|
var _MediaCard = require("./MediaCard");
|
|
30
35
|
var _useAnalyticsEvents2 = require("./useAnalyticsEvents");
|
|
31
36
|
var _excluded = ["value", "onChange"];
|
|
@@ -147,7 +152,7 @@ function MediaFromURL(_ref) {
|
|
|
147
152
|
}
|
|
148
153
|
return _context.abrupt("return");
|
|
149
154
|
case 1:
|
|
150
|
-
mediaClient = (0,
|
|
155
|
+
mediaClient = (0, _getMediaClient.getMediaClient)(uploadMediaClientConfig);
|
|
151
156
|
collection = uploadParams === null || uploadParams === void 0 ? void 0 : uploadParams.collection;
|
|
152
157
|
onUploadCommencedAnalytics('url');
|
|
153
158
|
_context.prev = 2;
|
|
@@ -314,7 +319,7 @@ function MediaFromURL(_ref) {
|
|
|
314
319
|
}, /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
|
|
315
320
|
space: "space.150",
|
|
316
321
|
grow: "fill"
|
|
317
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
322
|
+
}, /*#__PURE__*/_react.default.createElement(_field.default, {
|
|
318
323
|
isRequired: true,
|
|
319
324
|
name: "inputUrl"
|
|
320
325
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
@@ -332,7 +337,7 @@ function MediaFromURL(_ref) {
|
|
|
332
337
|
return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
|
|
333
338
|
space: "space.150",
|
|
334
339
|
grow: "fill"
|
|
335
|
-
}, /*#__PURE__*/_react.default.createElement(_primitives.Box, null, /*#__PURE__*/_react.default.createElement(
|
|
340
|
+
}, /*#__PURE__*/_react.default.createElement(_primitives.Box, null, /*#__PURE__*/_react.default.createElement(_textField.default
|
|
336
341
|
// Ignored via go/ees005
|
|
337
342
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
338
343
|
, (0, _extends2.default)({}, rest, {
|
|
@@ -360,13 +365,13 @@ function MediaFromURL(_ref) {
|
|
|
360
365
|
formProps.onSubmit();
|
|
361
366
|
}
|
|
362
367
|
}
|
|
363
|
-
})), customizedHelperMessage && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(
|
|
368
|
+
})), customizedHelperMessage && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_helperMessage.HelperMessage, null, customizedHelperMessage)), /*#__PURE__*/_react.default.createElement(_messageWrapper.MessageWrapper, null, error && /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
|
|
364
369
|
as: "span"
|
|
365
370
|
}, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && !isOnlyExternalLinks && /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
|
|
366
371
|
xcss: PreviewBoxStyles,
|
|
367
372
|
alignItems: "center",
|
|
368
373
|
justifyContent: "center"
|
|
369
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
374
|
+
}, /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
370
375
|
type: "button"
|
|
371
376
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
372
377
|
,
|
|
@@ -391,14 +396,14 @@ function MediaFromURL(_ref) {
|
|
|
391
396
|
}, /*#__PURE__*/_react.default.createElement(_MediaCard.MediaCard, {
|
|
392
397
|
attrs: previewState.previewInfo,
|
|
393
398
|
mediaProvider: mediaProvider
|
|
394
|
-
})), /*#__PURE__*/_react.default.createElement(
|
|
399
|
+
})), /*#__PURE__*/_react.default.createElement(_messageWrapper.MessageWrapper, null, previewState.error && /*#__PURE__*/_react.default.createElement(_message.default, {
|
|
395
400
|
appearance: "error"
|
|
396
|
-
}, strings.errorMessage), previewState.warning && /*#__PURE__*/_react.default.createElement(
|
|
401
|
+
}, strings.errorMessage), previewState.warning && /*#__PURE__*/_react.default.createElement(_message.default, {
|
|
397
402
|
appearance: "warning"
|
|
398
|
-
}, strings.warning)), /*#__PURE__*/_react.default.createElement(
|
|
403
|
+
}, strings.warning)), /*#__PURE__*/_react.default.createElement(_formFooter.FormFooter, null, /*#__PURE__*/_react.default.createElement(_buttonGroup.default, null, /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
399
404
|
appearance: "subtle",
|
|
400
405
|
onClick: onCancel
|
|
401
|
-
}, strings.cancel), /*#__PURE__*/_react.default.createElement(
|
|
406
|
+
}, strings.cancel), /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
402
407
|
type: "button",
|
|
403
408
|
appearance: "primary",
|
|
404
409
|
isDisabled: isOnlyExternalLinks ? !input || !isValidInput(input, customizedUrlValidation) : !previewState.previewInfo && !previewState.warning
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -18,14 +17,16 @@ var _ui = require("@atlaskit/editor-common/ui");
|
|
|
18
17
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
19
18
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
20
19
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
21
|
-
var _tabs =
|
|
20
|
+
var _tabs = _interopRequireDefault(require("@atlaskit/tabs/tabs"));
|
|
21
|
+
var _tabList = _interopRequireDefault(require("@atlaskit/tabs/tab-list"));
|
|
22
|
+
var _useTab2 = _interopRequireDefault(require("@atlaskit/tabs/use-tab"));
|
|
23
|
+
var _useTabPanel = _interopRequireDefault(require("@atlaskit/tabs/use-tab-panel"));
|
|
22
24
|
var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
|
|
23
25
|
var _useFocusEditor = require("./hooks/use-focus-editor");
|
|
24
26
|
var _useUnholyAutofocus2 = require("./hooks/use-unholy-autofocus");
|
|
25
27
|
var _LocalMedia = require("./LocalMedia");
|
|
26
28
|
var _MediaFromURL = require("./MediaFromURL");
|
|
27
29
|
var _MediaInsertWrapper = require("./MediaInsertWrapper");
|
|
28
|
-
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); }
|
|
29
30
|
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
31
|
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
32
|
var PopupWithListeners = (0, _ui.withOuterListeners)(_ui.Popup);
|
|
@@ -57,7 +58,7 @@ var TabWithAnalytics = function TabWithAnalytics(_ref) {
|
|
|
57
58
|
onSelectTabForAnalytics = _ref.onSelectTabForAnalytics,
|
|
58
59
|
selectedTabIndex = _ref.selectedTabIndex,
|
|
59
60
|
tabCount = _ref.tabCount;
|
|
60
|
-
var _useTab = (0,
|
|
61
|
+
var _useTab = (0, _useTab2.default)(),
|
|
61
62
|
onClick = _useTab.onClick,
|
|
62
63
|
id = _useTab.id,
|
|
63
64
|
ariaControls = _useTab['aria-controls'],
|
|
@@ -104,7 +105,7 @@ var CustomTabPanel = function CustomTabPanel(_ref2) {
|
|
|
104
105
|
var children = _ref2.children,
|
|
105
106
|
_ref2$disablePaddingB = _ref2.disablePaddingBlockEnd,
|
|
106
107
|
disablePaddingBlockEnd = _ref2$disablePaddingB === void 0 ? false : _ref2$disablePaddingB;
|
|
107
|
-
var tabPanelAttributes = (0,
|
|
108
|
+
var tabPanelAttributes = (0, _useTabPanel.default)();
|
|
108
109
|
return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
|
|
109
110
|
paddingBlockEnd: disablePaddingBlockEnd ? 'space.0' : 'space.150'
|
|
110
111
|
// Ignored via go/ees005
|
|
@@ -310,7 +311,7 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
|
|
|
310
311
|
onChange: handleTabChange
|
|
311
312
|
}, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
312
313
|
paddingBlockEnd: "space.150"
|
|
313
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
314
|
+
}, /*#__PURE__*/_react.default.createElement(_tabList.default, null, registeredTabs.map(function (tab, index) {
|
|
314
315
|
return /*#__PURE__*/_react.default.createElement(TabWithAnalytics, {
|
|
315
316
|
key: tab.key,
|
|
316
317
|
onSelectTabForAnalytics: setSelectedTabAnalyticsMetadata,
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React, { useCallback } from 'react';
|
|
2
2
|
import { useIntl } from 'react-intl';
|
|
3
|
-
import Button from '@atlaskit/button/
|
|
3
|
+
import Button from '@atlaskit/button/default/button';
|
|
4
4
|
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
5
5
|
import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
|
|
6
6
|
import UploadIcon from '@atlaskit/icon/core/upload';
|
|
7
|
-
import { Browser } from '@atlaskit/media-picker';
|
|
7
|
+
import { BrowserLoader as Browser } from '@atlaskit/media-picker/browser';
|
|
8
8
|
import { Stack } from '@atlaskit/primitives/compiled';
|
|
9
|
-
import SectionMessage from '@atlaskit/section-message';
|
|
9
|
+
import SectionMessage from '@atlaskit/section-message/message';
|
|
10
10
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
11
11
|
import { useAnalyticsEvents } from './useAnalyticsEvents';
|
|
12
12
|
const INITIAL_UPLOAD_STATE = Object.freeze({
|
|
@@ -3,16 +3,21 @@ import React, { Fragment } from 'react';
|
|
|
3
3
|
import { useIntl } from 'react-intl';
|
|
4
4
|
import { isSafeUrl } from '@atlaskit/adf-schema';
|
|
5
5
|
import ButtonGroup from '@atlaskit/button/button-group';
|
|
6
|
-
import Button from '@atlaskit/button/
|
|
6
|
+
import Button from '@atlaskit/button/default/button';
|
|
7
7
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
8
8
|
import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
|
|
9
|
-
import Form
|
|
9
|
+
import Form from '@atlaskit/form/form';
|
|
10
|
+
import { ErrorMessage } from '@atlaskit/form/error-message';
|
|
11
|
+
import Field from '@atlaskit/form/field';
|
|
12
|
+
import { FormFooter } from '@atlaskit/form/form-footer';
|
|
13
|
+
import { HelperMessage } from '@atlaskit/form/helper-message';
|
|
14
|
+
import { MessageWrapper } from '@atlaskit/form/message-wrapper';
|
|
10
15
|
import ExpandIcon from '@atlaskit/icon/core/grow-diagonal';
|
|
11
|
-
import { getMediaClient } from '@atlaskit/media-client-react';
|
|
16
|
+
import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
|
|
12
17
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
13
18
|
import { Box, Flex, Inline, Stack, xcss } from '@atlaskit/primitives';
|
|
14
|
-
import SectionMessage from '@atlaskit/section-message';
|
|
15
|
-
import TextField from '@atlaskit/textfield';
|
|
19
|
+
import SectionMessage from '@atlaskit/section-message/message';
|
|
20
|
+
import TextField from '@atlaskit/textfield/text-field';
|
|
16
21
|
import { MediaCard } from './MediaCard';
|
|
17
22
|
import { useAnalyticsEvents } from './useAnalyticsEvents';
|
|
18
23
|
|
|
@@ -9,7 +9,10 @@ import { PlainOutsideClickTargetRefContext, Popup, withOuterListeners } from '@a
|
|
|
9
9
|
import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
|
|
10
10
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
11
11
|
import { Box, Focusable, Text } from '@atlaskit/primitives/compiled';
|
|
12
|
-
import Tabs
|
|
12
|
+
import Tabs from '@atlaskit/tabs/tabs';
|
|
13
|
+
import TabList from '@atlaskit/tabs/tab-list';
|
|
14
|
+
import useTab from '@atlaskit/tabs/use-tab';
|
|
15
|
+
import useTabPanel from '@atlaskit/tabs/use-tab-panel';
|
|
13
16
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
14
17
|
import { useFocusEditor } from './hooks/use-focus-editor';
|
|
15
18
|
import { useUnholyAutofocus } from './hooks/use-unholy-autofocus';
|
|
@@ -5,13 +5,13 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
5
5
|
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; }
|
|
6
6
|
import React, { useCallback } from 'react';
|
|
7
7
|
import { useIntl } from 'react-intl';
|
|
8
|
-
import Button from '@atlaskit/button/
|
|
8
|
+
import Button from '@atlaskit/button/default/button';
|
|
9
9
|
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
10
10
|
import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
|
|
11
11
|
import UploadIcon from '@atlaskit/icon/core/upload';
|
|
12
|
-
import { Browser } from '@atlaskit/media-picker';
|
|
12
|
+
import { BrowserLoader as Browser } from '@atlaskit/media-picker/browser';
|
|
13
13
|
import { Stack } from '@atlaskit/primitives/compiled';
|
|
14
|
-
import SectionMessage from '@atlaskit/section-message';
|
|
14
|
+
import SectionMessage from '@atlaskit/section-message/message';
|
|
15
15
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
16
16
|
import { useAnalyticsEvents } from './useAnalyticsEvents';
|
|
17
17
|
var INITIAL_UPLOAD_STATE = Object.freeze({
|
|
@@ -11,16 +11,21 @@ import React, { Fragment } from 'react';
|
|
|
11
11
|
import { useIntl } from 'react-intl';
|
|
12
12
|
import { isSafeUrl } from '@atlaskit/adf-schema';
|
|
13
13
|
import ButtonGroup from '@atlaskit/button/button-group';
|
|
14
|
-
import Button from '@atlaskit/button/
|
|
14
|
+
import Button from '@atlaskit/button/default/button';
|
|
15
15
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
16
16
|
import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
|
|
17
|
-
import Form
|
|
17
|
+
import Form from '@atlaskit/form/form';
|
|
18
|
+
import { ErrorMessage } from '@atlaskit/form/error-message';
|
|
19
|
+
import Field from '@atlaskit/form/field';
|
|
20
|
+
import { FormFooter } from '@atlaskit/form/form-footer';
|
|
21
|
+
import { HelperMessage } from '@atlaskit/form/helper-message';
|
|
22
|
+
import { MessageWrapper } from '@atlaskit/form/message-wrapper';
|
|
18
23
|
import ExpandIcon from '@atlaskit/icon/core/grow-diagonal';
|
|
19
|
-
import { getMediaClient } from '@atlaskit/media-client-react';
|
|
24
|
+
import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
|
|
20
25
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
21
26
|
import { Box, Flex, Inline, Stack, xcss } from '@atlaskit/primitives';
|
|
22
|
-
import SectionMessage from '@atlaskit/section-message';
|
|
23
|
-
import TextField from '@atlaskit/textfield';
|
|
27
|
+
import SectionMessage from '@atlaskit/section-message/message';
|
|
28
|
+
import TextField from '@atlaskit/textfield/text-field';
|
|
24
29
|
import { MediaCard } from './MediaCard';
|
|
25
30
|
import { useAnalyticsEvents } from './useAnalyticsEvents';
|
|
26
31
|
|
|
@@ -12,7 +12,10 @@ import { PlainOutsideClickTargetRefContext, Popup, withOuterListeners } from '@a
|
|
|
12
12
|
import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
|
|
13
13
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
14
14
|
import { Box, Focusable, Text } from '@atlaskit/primitives/compiled';
|
|
15
|
-
import Tabs
|
|
15
|
+
import Tabs from '@atlaskit/tabs/tabs';
|
|
16
|
+
import TabList from '@atlaskit/tabs/tab-list';
|
|
17
|
+
import useTab from '@atlaskit/tabs/use-tab';
|
|
18
|
+
import useTabPanel from '@atlaskit/tabs/use-tab-panel';
|
|
16
19
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
17
20
|
import { useFocusEditor } from './hooks/use-focus-editor';
|
|
18
21
|
import { useUnholyAutofocus } from './hooks/use-unholy-autofocus';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-media-insert",
|
|
3
|
-
"version": "30.1.
|
|
3
|
+
"version": "30.1.4",
|
|
4
4
|
"description": "Media Insert plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
"atlaskit:src": "src/index.ts",
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@atlaskit/adf-schema": "^57.0.0",
|
|
25
|
+
"@atlaskit/analytics-next": "^12.3.0",
|
|
25
26
|
"@atlaskit/button": "^25.2.0",
|
|
26
27
|
"@atlaskit/editor-plugin-analytics": "^15.0.0",
|
|
27
28
|
"@atlaskit/editor-plugin-connectivity": "^15.0.0",
|
|
@@ -32,7 +33,7 @@
|
|
|
32
33
|
"@atlaskit/editor-ui-control-model": "^2.8.0",
|
|
33
34
|
"@atlaskit/form": "^17.1.0",
|
|
34
35
|
"@atlaskit/icon": "^37.5.0",
|
|
35
|
-
"@atlaskit/media-card": "^81.
|
|
36
|
+
"@atlaskit/media-card": "^81.8.0",
|
|
36
37
|
"@atlaskit/media-client": "^37.5.0",
|
|
37
38
|
"@atlaskit/media-client-react": "^6.2.0",
|
|
38
39
|
"@atlaskit/media-picker": "^72.3.0",
|
|
@@ -41,7 +42,7 @@
|
|
|
41
42
|
"@atlaskit/section-message": "^10.1.0",
|
|
42
43
|
"@atlaskit/tabs": "^21.1.0",
|
|
43
44
|
"@atlaskit/textfield": "^10.1.0",
|
|
44
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
45
|
+
"@atlaskit/tmp-editor-statsig": "^160.0.0",
|
|
45
46
|
"@babel/runtime": "^7.0.0"
|
|
46
47
|
},
|
|
47
48
|
"peerDependencies": {
|