@atlaskit/editor-plugin-media-insert 8.1.0 → 8.1.2

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.
Files changed (5) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/cjs/ui/MediaInsertPicker.js +23 -23
  3. package/dist/es2019/ui/MediaInsertPicker.js +25 -24
  4. package/dist/esm/ui/MediaInsertPicker.js +24 -24
  5. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @atlaskit/editor-plugin-media-insert
2
2
 
3
+ ## 8.1.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#191913](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/191913)
8
+ [`6d1e56695e91d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6d1e56695e91d) -
9
+ EDITOR-1131 Bump adf-schema package to 50.0.0
10
+ - Updated dependencies
11
+
12
+ ## 8.1.1
13
+
14
+ ### Patch Changes
15
+
16
+ - [#190588](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/190588)
17
+ [`b22e308cfd320`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b22e308cfd320) -
18
+ Replace experiment key platform_editor_useSharedPluginStateSelector with
19
+ platform_editor_useSharedPluginStateWithSelector
20
+ - Updated dependencies
21
+
3
22
  ## 8.1.0
4
23
 
5
24
  ### Minor Changes
package/dist/cjs/ui/MediaInsertPicker.js CHANGED
@@ -14,12 +14,10 @@ var _getDomRefFromSelection = require("@atlaskit/editor-common/get-dom-ref-from-
14
14
  var _hooks = require("@atlaskit/editor-common/hooks");
15
15
  var _messages = require("@atlaskit/editor-common/messages");
16
16
  var _ui = require("@atlaskit/editor-common/ui");
17
- var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
18
17
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
19
18
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
20
19
  var _compiled = require("@atlaskit/primitives/compiled");
21
20
  var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
22
- var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
23
21
  var _useFocusEditor = require("./hooks/use-focus-editor");
24
22
  var _useUnholyAutofocus2 = require("./hooks/use-unholy-autofocus");
25
23
  var _LocalMedia = require("./LocalMedia");
@@ -46,8 +44,26 @@ var CustomTabPanel = function CustomTabPanel(_ref) {
46
44
  }), children)
47
45
  );
48
46
  };
47
+ var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (pluginInjectionApi) {
48
+ return (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['media', 'mediaInsert'], function (states) {
49
+ var _states$mediaState, _states$mediaInsertSt, _states$mediaInsertSt2;
50
+ return {
51
+ mediaProvider: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.mediaProvider,
52
+ isOpen: (_states$mediaInsertSt = states.mediaInsertState) === null || _states$mediaInsertSt === void 0 ? void 0 : _states$mediaInsertSt.isOpen,
53
+ mountInfo: (_states$mediaInsertSt2 = states.mediaInsertState) === null || _states$mediaInsertSt2 === void 0 ? void 0 : _states$mediaInsertSt2.mountInfo
54
+ };
55
+ });
56
+ }, function (pluginInjectionApi) {
57
+ var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['media', 'mediaInsert']),
58
+ mediaState = _useSharedPluginState.mediaState,
59
+ mediaInsertState = _useSharedPluginState.mediaInsertState;
60
+ return {
61
+ mediaProvider: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider,
62
+ isOpen: mediaInsertState === null || mediaInsertState === void 0 ? void 0 : mediaInsertState.isOpen,
63
+ mountInfo: mediaInsertState === null || mediaInsertState === void 0 ? void 0 : mediaInsertState.mountInfo
64
+ };
65
+ });
49
66
  var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_ref2) {
50
- var _useSharedPluginState, _useSharedPluginState2, _useSharedPluginState3;
51
67
  var api = _ref2.api,
52
68
  editorView = _ref2.editorView,
53
69
  dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
@@ -60,26 +76,10 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
60
76
  insertFile = _ref2.insertFile,
61
77
  _ref2$isOnlyExternalL = _ref2.isOnlyExternalLinks,
62
78
  isOnlyExternalLinks = _ref2$isOnlyExternalL === void 0 ? false : _ref2$isOnlyExternalL;
63
- var _ref3 = (_useSharedPluginState = (_useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['mediaInsert'], {
64
- disabled: (0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
65
- })) === null || _useSharedPluginState2 === void 0 ? void 0 : _useSharedPluginState2.mediaInsertState) !== null && _useSharedPluginState !== void 0 ? _useSharedPluginState : {},
66
- oldIsOpen = _ref3.isOpen,
67
- oldMountInfo = _ref3.mountInfo;
68
- var oldMediaProvider = (_useSharedPluginState3 = (0, _hooks.useSharedPluginState)(api, ['media'], {
69
- disabled: (0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
70
- })) === null || _useSharedPluginState3 === void 0 || (_useSharedPluginState3 = _useSharedPluginState3.mediaState) === null || _useSharedPluginState3 === void 0 ? void 0 : _useSharedPluginState3.mediaProvider;
71
- var isOpenSelector = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'mediaInsert.isOpen', {
72
- disabled: !(0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
73
- });
74
- var mountInfoSelector = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'mediaInsert.mountInfo', {
75
- disabled: !(0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
76
- });
77
- var mediaProviderSelector = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'media.mediaProvider', {
78
- disabled: !(0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
79
- });
80
- var isOpen = (0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstateselector', 'isEnabled', true) ? isOpenSelector : oldIsOpen;
81
- var mountInfo = (0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstateselector', 'isEnabled', true) ? mountInfoSelector : oldMountInfo;
82
- var mediaProvider = (0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstateselector', 'isEnabled', true) ? mediaProviderSelector : oldMediaProvider;
79
+ var _useSharedState = useSharedState(api),
80
+ mediaProvider = _useSharedState.mediaProvider,
81
+ isOpen = _useSharedState.isOpen,
82
+ mountInfo = _useSharedState.mountInfo;
83
83
  var targetRef;
84
84
  var mountPoint;
85
85
  if (mountInfo) {
package/dist/es2019/ui/MediaInsertPicker.js CHANGED
@@ -3,15 +3,13 @@ import React from 'react';
3
3
  import { useIntl } from 'react-intl-next';
4
4
  import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
5
5
  import { getDomRefFromSelection } from '@atlaskit/editor-common/get-dom-ref-from-selection';
6
- import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
6
+ import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
7
7
  import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
8
8
  import { PlainOutsideClickTargetRefContext, Popup, withOuterListeners } from '@atlaskit/editor-common/ui';
9
- import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
10
9
  import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
11
10
  import { fg } from '@atlaskit/platform-feature-flags';
12
11
  import { Box } from '@atlaskit/primitives/compiled';
13
12
  import Tabs, { Tab, TabList, useTabPanel } from '@atlaskit/tabs';
14
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
15
13
  import { useFocusEditor } from './hooks/use-focus-editor';
16
14
  import { useUnholyAutofocus } from './hooks/use-unholy-autofocus';
17
15
  import { LocalMedia } from './LocalMedia';
@@ -38,6 +36,26 @@ const CustomTabPanel = ({
38
36
  }), children)
39
37
  );
40
38
  };
39
+ const useSharedState = sharedPluginStateHookMigratorFactory(pluginInjectionApi => {
40
+ return useSharedPluginStateWithSelector(pluginInjectionApi, ['media', 'mediaInsert'], states => {
41
+ var _states$mediaState, _states$mediaInsertSt, _states$mediaInsertSt2;
42
+ return {
43
+ mediaProvider: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.mediaProvider,
44
+ isOpen: (_states$mediaInsertSt = states.mediaInsertState) === null || _states$mediaInsertSt === void 0 ? void 0 : _states$mediaInsertSt.isOpen,
45
+ mountInfo: (_states$mediaInsertSt2 = states.mediaInsertState) === null || _states$mediaInsertSt2 === void 0 ? void 0 : _states$mediaInsertSt2.mountInfo
46
+ };
47
+ });
48
+ }, pluginInjectionApi => {
49
+ const {
50
+ mediaState,
51
+ mediaInsertState
52
+ } = useSharedPluginState(pluginInjectionApi, ['media', 'mediaInsert']);
53
+ return {
54
+ mediaProvider: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider,
55
+ isOpen: mediaInsertState === null || mediaInsertState === void 0 ? void 0 : mediaInsertState.isOpen,
56
+ mountInfo: mediaInsertState === null || mediaInsertState === void 0 ? void 0 : mediaInsertState.mountInfo
57
+ };
58
+ });
41
59
  export const MediaInsertPicker = ({
42
60
  api,
43
61
  editorView,
@@ -51,28 +69,11 @@ export const MediaInsertPicker = ({
51
69
  insertFile,
52
70
  isOnlyExternalLinks = false
53
71
  }) => {
54
- var _useSharedPluginState, _useSharedPluginState2, _useSharedPluginState3, _useSharedPluginState4;
55
72
  const {
56
- isOpen: oldIsOpen,
57
- mountInfo: oldMountInfo
58
- } = (_useSharedPluginState = (_useSharedPluginState2 = useSharedPluginState(api, ['mediaInsert'], {
59
- disabled: expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
60
- })) === null || _useSharedPluginState2 === void 0 ? void 0 : _useSharedPluginState2.mediaInsertState) !== null && _useSharedPluginState !== void 0 ? _useSharedPluginState : {};
61
- const oldMediaProvider = (_useSharedPluginState3 = useSharedPluginState(api, ['media'], {
62
- disabled: expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
63
- })) === null || _useSharedPluginState3 === void 0 ? void 0 : (_useSharedPluginState4 = _useSharedPluginState3.mediaState) === null || _useSharedPluginState4 === void 0 ? void 0 : _useSharedPluginState4.mediaProvider;
64
- const isOpenSelector = useSharedPluginStateSelector(api, 'mediaInsert.isOpen', {
65
- disabled: !expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
66
- });
67
- const mountInfoSelector = useSharedPluginStateSelector(api, 'mediaInsert.mountInfo', {
68
- disabled: !expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
69
- });
70
- const mediaProviderSelector = useSharedPluginStateSelector(api, 'media.mediaProvider', {
71
- disabled: !expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
72
- });
73
- const isOpen = expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true) ? isOpenSelector : oldIsOpen;
74
- const mountInfo = expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true) ? mountInfoSelector : oldMountInfo;
75
- const mediaProvider = expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true) ? mediaProviderSelector : oldMediaProvider;
73
+ mediaProvider,
74
+ isOpen,
75
+ mountInfo
76
+ } = useSharedState(api);
76
77
  let targetRef;
77
78
  let mountPoint;
78
79
  if (mountInfo) {
package/dist/esm/ui/MediaInsertPicker.js CHANGED
@@ -3,15 +3,13 @@ import React from 'react';
3
3
  import { useIntl } from 'react-intl-next';
4
4
  import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
5
5
  import { getDomRefFromSelection } from '@atlaskit/editor-common/get-dom-ref-from-selection';
6
- import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
6
+ import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
7
7
  import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
8
8
  import { PlainOutsideClickTargetRefContext, Popup, withOuterListeners } from '@atlaskit/editor-common/ui';
9
- import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
10
9
  import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
11
10
  import { fg } from '@atlaskit/platform-feature-flags';
12
11
  import { Box } from '@atlaskit/primitives/compiled';
13
12
  import Tabs, { Tab, TabList, useTabPanel } from '@atlaskit/tabs';
14
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
15
13
  import { useFocusEditor } from './hooks/use-focus-editor';
16
14
  import { useUnholyAutofocus } from './hooks/use-unholy-autofocus';
17
15
  import { LocalMedia } from './LocalMedia';
@@ -37,8 +35,26 @@ var CustomTabPanel = function CustomTabPanel(_ref) {
37
35
  }), children)
38
36
  );
39
37
  };
38
+ var useSharedState = sharedPluginStateHookMigratorFactory(function (pluginInjectionApi) {
39
+ return useSharedPluginStateWithSelector(pluginInjectionApi, ['media', 'mediaInsert'], function (states) {
40
+ var _states$mediaState, _states$mediaInsertSt, _states$mediaInsertSt2;
41
+ return {
42
+ mediaProvider: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.mediaProvider,
43
+ isOpen: (_states$mediaInsertSt = states.mediaInsertState) === null || _states$mediaInsertSt === void 0 ? void 0 : _states$mediaInsertSt.isOpen,
44
+ mountInfo: (_states$mediaInsertSt2 = states.mediaInsertState) === null || _states$mediaInsertSt2 === void 0 ? void 0 : _states$mediaInsertSt2.mountInfo
45
+ };
46
+ });
47
+ }, function (pluginInjectionApi) {
48
+ var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['media', 'mediaInsert']),
49
+ mediaState = _useSharedPluginState.mediaState,
50
+ mediaInsertState = _useSharedPluginState.mediaInsertState;
51
+ return {
52
+ mediaProvider: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider,
53
+ isOpen: mediaInsertState === null || mediaInsertState === void 0 ? void 0 : mediaInsertState.isOpen,
54
+ mountInfo: mediaInsertState === null || mediaInsertState === void 0 ? void 0 : mediaInsertState.mountInfo
55
+ };
56
+ });
40
57
  export var MediaInsertPicker = function MediaInsertPicker(_ref2) {
41
- var _useSharedPluginState, _useSharedPluginState2, _useSharedPluginState3;
42
58
  var api = _ref2.api,
43
59
  editorView = _ref2.editorView,
44
60
  dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
@@ -51,26 +67,10 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref2) {
51
67
  insertFile = _ref2.insertFile,
52
68
  _ref2$isOnlyExternalL = _ref2.isOnlyExternalLinks,
53
69
  isOnlyExternalLinks = _ref2$isOnlyExternalL === void 0 ? false : _ref2$isOnlyExternalL;
54
- var _ref3 = (_useSharedPluginState = (_useSharedPluginState2 = useSharedPluginState(api, ['mediaInsert'], {
55
- disabled: expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
56
- })) === null || _useSharedPluginState2 === void 0 ? void 0 : _useSharedPluginState2.mediaInsertState) !== null && _useSharedPluginState !== void 0 ? _useSharedPluginState : {},
57
- oldIsOpen = _ref3.isOpen,
58
- oldMountInfo = _ref3.mountInfo;
59
- var oldMediaProvider = (_useSharedPluginState3 = useSharedPluginState(api, ['media'], {
60
- disabled: expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
61
- })) === null || _useSharedPluginState3 === void 0 || (_useSharedPluginState3 = _useSharedPluginState3.mediaState) === null || _useSharedPluginState3 === void 0 ? void 0 : _useSharedPluginState3.mediaProvider;
62
- var isOpenSelector = useSharedPluginStateSelector(api, 'mediaInsert.isOpen', {
63
- disabled: !expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
64
- });
65
- var mountInfoSelector = useSharedPluginStateSelector(api, 'mediaInsert.mountInfo', {
66
- disabled: !expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
67
- });
68
- var mediaProviderSelector = useSharedPluginStateSelector(api, 'media.mediaProvider', {
69
- disabled: !expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
70
- });
71
- var isOpen = expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true) ? isOpenSelector : oldIsOpen;
72
- var mountInfo = expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true) ? mountInfoSelector : oldMountInfo;
73
- var mediaProvider = expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true) ? mediaProviderSelector : oldMediaProvider;
70
+ var _useSharedState = useSharedState(api),
71
+ mediaProvider = _useSharedState.mediaProvider,
72
+ isOpen = _useSharedState.isOpen,
73
+ mountInfo = _useSharedState.mountInfo;
74
74
  var targetRef;
75
75
  var mountPoint;
76
76
  if (mountInfo) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-media-insert",
3
- "version": "8.1.0",
3
+ "version": "8.1.2",
4
4
  "description": "Media Insert plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -24,29 +24,29 @@
24
24
  ".": "./src/index.ts"
25
25
  },
26
26
  "dependencies": {
27
- "@atlaskit/adf-schema": "^49.0.6",
28
- "@atlaskit/button": "^23.2.0",
27
+ "@atlaskit/adf-schema": "^50.0.1",
28
+ "@atlaskit/button": "^23.3.0",
29
29
  "@atlaskit/editor-plugin-analytics": "^3.0.0",
30
30
  "@atlaskit/editor-plugin-media": "^5.2.0",
31
31
  "@atlaskit/editor-prosemirror": "7.0.0",
32
32
  "@atlaskit/editor-shared-styles": "^3.5.0",
33
33
  "@atlaskit/form": "^12.0.0",
34
- "@atlaskit/icon": "^27.5.0",
34
+ "@atlaskit/icon": "^27.7.0",
35
35
  "@atlaskit/media-card": "^79.4.0",
36
- "@atlaskit/media-client": "^35.1.0",
36
+ "@atlaskit/media-client": "^35.2.0",
37
37
  "@atlaskit/media-client-react": "^4.1.0",
38
38
  "@atlaskit/media-picker": "^70.0.0",
39
39
  "@atlaskit/platform-feature-flags": "^1.1.0",
40
- "@atlaskit/primitives": "^14.10.0",
41
- "@atlaskit/section-message": "^8.2.0",
40
+ "@atlaskit/primitives": "^14.11.0",
41
+ "@atlaskit/section-message": "^8.5.0",
42
42
  "@atlaskit/tabs": "^18.1.0",
43
43
  "@atlaskit/textfield": "^8.0.0",
44
- "@atlaskit/tmp-editor-statsig": "^9.9.0",
44
+ "@atlaskit/tmp-editor-statsig": "^9.17.0",
45
45
  "@babel/runtime": "^7.0.0",
46
46
  "react-intl-next": "npm:react-intl@^5.18.1"
47
47
  },
48
48
  "peerDependencies": {
49
- "@atlaskit/editor-common": "^107.9.0",
49
+ "@atlaskit/editor-common": "^107.12.0",
50
50
  "@atlaskit/tokens": "^5.6.0",
51
51
  "react": "^18.2.0",
52
52
  "react-dom": "^18.2.0"