@atlaskit/editor-plugin-extension 6.2.2 → 6.2.3
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 +8 -0
- package/dist/cjs/ui/ConfigPanel/ConfigPanel.js +2 -11
- package/dist/cjs/ui/useConfigPanelPluginHook.js +4 -15
- package/dist/es2019/ui/ConfigPanel/ConfigPanel.js +2 -12
- package/dist/es2019/ui/useConfigPanelPluginHook.js +2 -14
- package/dist/esm/ui/ConfigPanel/ConfigPanel.js +3 -12
- package/dist/esm/ui/useConfigPanelPluginHook.js +5 -16
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-extension
|
|
2
2
|
|
|
3
|
+
## 6.2.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`68ccd99b31cea`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/68ccd99b31cea) -
|
|
8
|
+
[ED-29105] cleans up usages of sharedPluginStateHookMigratorFactory
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 6.2.2
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -493,15 +493,6 @@ var selector = function selector(states) {
|
|
|
493
493
|
contextIdentifierProvider: (_states$contextIdenti = states.contextIdentifierState) === null || _states$contextIdenti === void 0 ? void 0 : _states$contextIdenti.contextIdentifierProvider
|
|
494
494
|
};
|
|
495
495
|
};
|
|
496
|
-
var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
|
|
497
|
-
return (0, _hooks.useSharedPluginStateWithSelector)(api, ['contextIdentifier'], selector);
|
|
498
|
-
}, function (api) {
|
|
499
|
-
var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['contextIdentifier']),
|
|
500
|
-
contextIdentifierState = _useSharedPluginState.contextIdentifierState;
|
|
501
|
-
return {
|
|
502
|
-
contextIdentifierProvider: contextIdentifierState === null || contextIdentifierState === void 0 ? void 0 : contextIdentifierState.contextIdentifierProvider
|
|
503
|
-
};
|
|
504
|
-
});
|
|
505
496
|
function ConfigFormIntlWithBoundary(_ref6) {
|
|
506
497
|
var api = _ref6.api,
|
|
507
498
|
fields = _ref6.fields,
|
|
@@ -517,8 +508,8 @@ function ConfigFormIntlWithBoundary(_ref6) {
|
|
|
517
508
|
firstVisibleFieldName = _ref6.firstVisibleFieldName,
|
|
518
509
|
errorMessage = _ref6.errorMessage,
|
|
519
510
|
disableFields = _ref6.disableFields;
|
|
520
|
-
var
|
|
521
|
-
contextIdentifierProvider =
|
|
511
|
+
var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['contextIdentifier'], selector),
|
|
512
|
+
contextIdentifierProvider = _useSharedPluginState.contextIdentifierProvider;
|
|
522
513
|
return /*#__PURE__*/_react.default.createElement(_FormErrorBoundary.FormErrorBoundary, {
|
|
523
514
|
contextIdentifierProvider: contextIdentifierProvider,
|
|
524
515
|
extensionKey: extensionManifest.key,
|
|
@@ -35,26 +35,15 @@ var selector = function selector(states) {
|
|
|
35
35
|
processParametersAfter: (_states$extensionStat3 = states.extensionState) === null || _states$extensionStat3 === void 0 ? void 0 : _states$extensionStat3.processParametersAfter
|
|
36
36
|
};
|
|
37
37
|
};
|
|
38
|
-
var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
|
|
39
|
-
return (0, _hooks.useSharedPluginStateWithSelector)(api, ['extension'], selector);
|
|
40
|
-
}, function (api) {
|
|
41
|
-
var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['extension']),
|
|
42
|
-
extensionState = _useSharedPluginState.extensionState;
|
|
43
|
-
return {
|
|
44
|
-
showContextPanel: extensionState === null || extensionState === void 0 ? void 0 : extensionState.showContextPanel,
|
|
45
|
-
extensionProvider: extensionState === null || extensionState === void 0 ? void 0 : extensionState.extensionProvider,
|
|
46
|
-
processParametersAfter: extensionState === null || extensionState === void 0 ? void 0 : extensionState.processParametersAfter
|
|
47
|
-
};
|
|
48
|
-
});
|
|
49
38
|
function useConfigPanelPluginHook(_ref) {
|
|
50
39
|
var editorView = _ref.editorView,
|
|
51
40
|
configPanelId = _ref.configPanelId,
|
|
52
41
|
api = _ref.api;
|
|
53
42
|
var editorState = editorView.state;
|
|
54
|
-
var
|
|
55
|
-
showContextPanel =
|
|
56
|
-
extensionProvider =
|
|
57
|
-
processParametersAfter =
|
|
43
|
+
var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['extension'], selector),
|
|
44
|
+
showContextPanel = _useSharedPluginState.showContextPanel,
|
|
45
|
+
extensionProvider = _useSharedPluginState.extensionProvider,
|
|
46
|
+
processParametersAfter = _useSharedPluginState.processParametersAfter;
|
|
58
47
|
(0, _react.useEffect)(function () {
|
|
59
48
|
var nodeWithPos = (0, _utils.getSelectedExtension)(editorState, true);
|
|
60
49
|
// Adding checks to bail out early
|
|
@@ -10,7 +10,7 @@ import ButtonGroup from '@atlaskit/button/button-group';
|
|
|
10
10
|
import Button from '@atlaskit/button/new';
|
|
11
11
|
import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
|
|
12
12
|
import { isTabGroup, configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
|
|
13
|
-
import {
|
|
13
|
+
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
14
14
|
import Form, { FormFooter } from '@atlaskit/form';
|
|
15
15
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
16
16
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
@@ -431,16 +431,6 @@ const selector = states => {
|
|
|
431
431
|
contextIdentifierProvider: (_states$contextIdenti = states.contextIdentifierState) === null || _states$contextIdenti === void 0 ? void 0 : _states$contextIdenti.contextIdentifierProvider
|
|
432
432
|
};
|
|
433
433
|
};
|
|
434
|
-
const useSharedState = sharedPluginStateHookMigratorFactory(api => {
|
|
435
|
-
return useSharedPluginStateWithSelector(api, ['contextIdentifier'], selector);
|
|
436
|
-
}, api => {
|
|
437
|
-
const {
|
|
438
|
-
contextIdentifierState
|
|
439
|
-
} = useSharedPluginState(api, ['contextIdentifier']);
|
|
440
|
-
return {
|
|
441
|
-
contextIdentifierProvider: contextIdentifierState === null || contextIdentifierState === void 0 ? void 0 : contextIdentifierState.contextIdentifierProvider
|
|
442
|
-
};
|
|
443
|
-
});
|
|
444
434
|
function ConfigFormIntlWithBoundary({
|
|
445
435
|
api,
|
|
446
436
|
fields,
|
|
@@ -459,7 +449,7 @@ function ConfigFormIntlWithBoundary({
|
|
|
459
449
|
}) {
|
|
460
450
|
const {
|
|
461
451
|
contextIdentifierProvider
|
|
462
|
-
} =
|
|
452
|
+
} = useSharedPluginStateWithSelector(api, ['contextIdentifier'], selector);
|
|
463
453
|
return /*#__PURE__*/React.createElement(FormErrorBoundary, {
|
|
464
454
|
contextIdentifierProvider: contextIdentifierProvider,
|
|
465
455
|
extensionKey: extensionManifest.key,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useEffect } from 'react';
|
|
2
2
|
import { getExtensionKeyAndNodeKey } from '@atlaskit/editor-common/extensions';
|
|
3
|
-
import {
|
|
3
|
+
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
4
4
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
5
5
|
import { clearEditingContext, forceAutoSave } from '../editor-commands/commands';
|
|
6
6
|
import { getPluginState } from '../pm-plugins/plugin-factory';
|
|
@@ -19,18 +19,6 @@ const selector = states => {
|
|
|
19
19
|
processParametersAfter: (_states$extensionStat3 = states.extensionState) === null || _states$extensionStat3 === void 0 ? void 0 : _states$extensionStat3.processParametersAfter
|
|
20
20
|
};
|
|
21
21
|
};
|
|
22
|
-
const useSharedState = sharedPluginStateHookMigratorFactory(api => {
|
|
23
|
-
return useSharedPluginStateWithSelector(api, ['extension'], selector);
|
|
24
|
-
}, api => {
|
|
25
|
-
const {
|
|
26
|
-
extensionState
|
|
27
|
-
} = useSharedPluginState(api, ['extension']);
|
|
28
|
-
return {
|
|
29
|
-
showContextPanel: extensionState === null || extensionState === void 0 ? void 0 : extensionState.showContextPanel,
|
|
30
|
-
extensionProvider: extensionState === null || extensionState === void 0 ? void 0 : extensionState.extensionProvider,
|
|
31
|
-
processParametersAfter: extensionState === null || extensionState === void 0 ? void 0 : extensionState.processParametersAfter
|
|
32
|
-
};
|
|
33
|
-
});
|
|
34
22
|
export function useConfigPanelPluginHook({
|
|
35
23
|
editorView,
|
|
36
24
|
configPanelId,
|
|
@@ -41,7 +29,7 @@ export function useConfigPanelPluginHook({
|
|
|
41
29
|
showContextPanel,
|
|
42
30
|
extensionProvider,
|
|
43
31
|
processParametersAfter
|
|
44
|
-
} =
|
|
32
|
+
} = useSharedPluginStateWithSelector(api, ['extension'], selector);
|
|
45
33
|
useEffect(() => {
|
|
46
34
|
const nodeWithPos = getSelectedExtension(editorState, true);
|
|
47
35
|
// Adding checks to bail out early
|
|
@@ -21,7 +21,7 @@ import ButtonGroup from '@atlaskit/button/button-group';
|
|
|
21
21
|
import Button from '@atlaskit/button/new';
|
|
22
22
|
import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
|
|
23
23
|
import { isTabGroup, configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
|
|
24
|
-
import {
|
|
24
|
+
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
25
25
|
import Form, { FormFooter } from '@atlaskit/form';
|
|
26
26
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
27
27
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
@@ -484,15 +484,6 @@ var selector = function selector(states) {
|
|
|
484
484
|
contextIdentifierProvider: (_states$contextIdenti = states.contextIdentifierState) === null || _states$contextIdenti === void 0 ? void 0 : _states$contextIdenti.contextIdentifierProvider
|
|
485
485
|
};
|
|
486
486
|
};
|
|
487
|
-
var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
|
|
488
|
-
return useSharedPluginStateWithSelector(api, ['contextIdentifier'], selector);
|
|
489
|
-
}, function (api) {
|
|
490
|
-
var _useSharedPluginState = useSharedPluginState(api, ['contextIdentifier']),
|
|
491
|
-
contextIdentifierState = _useSharedPluginState.contextIdentifierState;
|
|
492
|
-
return {
|
|
493
|
-
contextIdentifierProvider: contextIdentifierState === null || contextIdentifierState === void 0 ? void 0 : contextIdentifierState.contextIdentifierProvider
|
|
494
|
-
};
|
|
495
|
-
});
|
|
496
487
|
function ConfigFormIntlWithBoundary(_ref6) {
|
|
497
488
|
var api = _ref6.api,
|
|
498
489
|
fields = _ref6.fields,
|
|
@@ -508,8 +499,8 @@ function ConfigFormIntlWithBoundary(_ref6) {
|
|
|
508
499
|
firstVisibleFieldName = _ref6.firstVisibleFieldName,
|
|
509
500
|
errorMessage = _ref6.errorMessage,
|
|
510
501
|
disableFields = _ref6.disableFields;
|
|
511
|
-
var
|
|
512
|
-
contextIdentifierProvider =
|
|
502
|
+
var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['contextIdentifier'], selector),
|
|
503
|
+
contextIdentifierProvider = _useSharedPluginState.contextIdentifierProvider;
|
|
513
504
|
return /*#__PURE__*/React.createElement(FormErrorBoundary, {
|
|
514
505
|
contextIdentifierProvider: contextIdentifierProvider,
|
|
515
506
|
extensionKey: extensionManifest.key,
|
|
@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
3
3
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
4
4
|
import React, { useEffect } from 'react';
|
|
5
5
|
import { getExtensionKeyAndNodeKey } from '@atlaskit/editor-common/extensions';
|
|
6
|
-
import {
|
|
6
|
+
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
7
7
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
8
8
|
import { clearEditingContext, forceAutoSave } from '../editor-commands/commands';
|
|
9
9
|
import { getPluginState } from '../pm-plugins/plugin-factory';
|
|
@@ -22,26 +22,15 @@ var selector = function selector(states) {
|
|
|
22
22
|
processParametersAfter: (_states$extensionStat3 = states.extensionState) === null || _states$extensionStat3 === void 0 ? void 0 : _states$extensionStat3.processParametersAfter
|
|
23
23
|
};
|
|
24
24
|
};
|
|
25
|
-
var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
|
|
26
|
-
return useSharedPluginStateWithSelector(api, ['extension'], selector);
|
|
27
|
-
}, function (api) {
|
|
28
|
-
var _useSharedPluginState = useSharedPluginState(api, ['extension']),
|
|
29
|
-
extensionState = _useSharedPluginState.extensionState;
|
|
30
|
-
return {
|
|
31
|
-
showContextPanel: extensionState === null || extensionState === void 0 ? void 0 : extensionState.showContextPanel,
|
|
32
|
-
extensionProvider: extensionState === null || extensionState === void 0 ? void 0 : extensionState.extensionProvider,
|
|
33
|
-
processParametersAfter: extensionState === null || extensionState === void 0 ? void 0 : extensionState.processParametersAfter
|
|
34
|
-
};
|
|
35
|
-
});
|
|
36
25
|
export function useConfigPanelPluginHook(_ref) {
|
|
37
26
|
var editorView = _ref.editorView,
|
|
38
27
|
configPanelId = _ref.configPanelId,
|
|
39
28
|
api = _ref.api;
|
|
40
29
|
var editorState = editorView.state;
|
|
41
|
-
var
|
|
42
|
-
showContextPanel =
|
|
43
|
-
extensionProvider =
|
|
44
|
-
processParametersAfter =
|
|
30
|
+
var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['extension'], selector),
|
|
31
|
+
showContextPanel = _useSharedPluginState.showContextPanel,
|
|
32
|
+
extensionProvider = _useSharedPluginState.extensionProvider,
|
|
33
|
+
processParametersAfter = _useSharedPluginState.processParametersAfter;
|
|
45
34
|
useEffect(function () {
|
|
46
35
|
var nodeWithPos = getSelectedExtension(editorState, true);
|
|
47
36
|
// Adding checks to bail out early
|