@atlaskit/editor-plugin-block-controls 4.0.1 → 4.0.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.
- package/CHANGELOG.md +9 -0
- package/dist/cjs/ui/block-menu.js +11 -5
- package/dist/cjs/ui/drag-handle-menu.js +9 -4
- package/dist/cjs/ui/drag-handle.js +9 -3
- package/dist/cjs/ui/drop-target.js +9 -4
- package/dist/es2019/ui/block-menu.js +11 -4
- package/dist/es2019/ui/drag-handle-menu.js +9 -3
- package/dist/es2019/ui/drag-handle.js +9 -2
- package/dist/es2019/ui/drop-target.js +9 -3
- package/dist/esm/ui/block-menu.js +12 -6
- package/dist/esm/ui/drag-handle-menu.js +10 -5
- package/dist/esm/ui/drag-handle.js +10 -4
- package/dist/esm/ui/drop-target.js +10 -5
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-block-controls
|
|
2
2
|
|
|
3
|
+
## 4.0.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#183109](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/183109)
|
|
8
|
+
[`3fd4ff5c71ef7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3fd4ff5c71ef7) -
|
|
9
|
+
Migrate to useSharedPluginStateWithSelector
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
3
12
|
## 4.0.1
|
|
4
13
|
|
|
5
14
|
### Patch Changes
|
|
@@ -10,22 +10,28 @@ var _reactIntlNext = require("react-intl-next");
|
|
|
10
10
|
var _hooks = require("@atlaskit/editor-common/hooks");
|
|
11
11
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
12
12
|
var _uiMenu = require("@atlaskit/editor-common/ui-menu");
|
|
13
|
-
var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
|
|
14
13
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
15
14
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
16
15
|
var _blockMenuItems = require("./block-menu-items");
|
|
17
16
|
var _consts = require("./consts");
|
|
18
17
|
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); }
|
|
19
18
|
var useBlockMenuPluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
|
|
20
|
-
var
|
|
21
|
-
|
|
19
|
+
var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
|
|
20
|
+
var _states$blockControls, _states$blockControls2;
|
|
21
|
+
return {
|
|
22
|
+
isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen,
|
|
23
|
+
menuTriggerBy: (_states$blockControls2 = states.blockControlsState) === null || _states$blockControls2 === void 0 ? void 0 : _states$blockControls2.menuTriggerBy
|
|
24
|
+
};
|
|
25
|
+
}),
|
|
26
|
+
isMenuOpen = _useSharedPluginState.isMenuOpen,
|
|
27
|
+
menuTriggerBy = _useSharedPluginState.menuTriggerBy;
|
|
22
28
|
return {
|
|
23
29
|
isMenuOpen: isMenuOpen,
|
|
24
30
|
menuTriggerBy: menuTriggerBy
|
|
25
31
|
};
|
|
26
32
|
}, function (api) {
|
|
27
|
-
var
|
|
28
|
-
blockControlsState =
|
|
33
|
+
var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['blockControls']),
|
|
34
|
+
blockControlsState = _useSharedPluginState2.blockControlsState;
|
|
29
35
|
return {
|
|
30
36
|
isMenuOpen: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.isMenuOpen,
|
|
31
37
|
menuTriggerBy: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.menuTriggerBy
|
|
@@ -7,15 +7,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.DragHandleMenu = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _hooks = require("@atlaskit/editor-common/hooks");
|
|
10
|
-
var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
|
|
11
10
|
var useDragHandleMenuPluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
|
|
12
|
-
var
|
|
11
|
+
var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
|
|
12
|
+
var _states$blockControls;
|
|
13
|
+
return {
|
|
14
|
+
isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen
|
|
15
|
+
};
|
|
16
|
+
}),
|
|
17
|
+
isMenuOpen = _useSharedPluginState.isMenuOpen;
|
|
13
18
|
return {
|
|
14
19
|
isMenuOpen: isMenuOpen
|
|
15
20
|
};
|
|
16
21
|
}, function (api) {
|
|
17
|
-
var
|
|
18
|
-
blockControlsState =
|
|
22
|
+
var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['blockControls']),
|
|
23
|
+
blockControlsState = _useSharedPluginState2.blockControlsState;
|
|
19
24
|
return {
|
|
20
25
|
isMenuOpen: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.isMenuOpen
|
|
21
26
|
};
|
|
@@ -266,13 +266,19 @@ var getNodeMargins = function getNodeMargins(node) {
|
|
|
266
266
|
return _consts2.nodeMargins[nodeTypeName] || _consts2.nodeMargins['default'];
|
|
267
267
|
};
|
|
268
268
|
var useDragHandlePluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
|
|
269
|
-
var
|
|
269
|
+
var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['featureFlags'], function (states) {
|
|
270
|
+
var _states$featureFlagsS;
|
|
271
|
+
return {
|
|
272
|
+
macroInteractionUpdates: (_states$featureFlagsS = states.featureFlagsState) === null || _states$featureFlagsS === void 0 ? void 0 : _states$featureFlagsS.macroInteractionUpdates
|
|
273
|
+
};
|
|
274
|
+
}),
|
|
275
|
+
macroInteractionUpdates = _useSharedPluginState.macroInteractionUpdates;
|
|
270
276
|
return {
|
|
271
277
|
macroInteractionUpdates: macroInteractionUpdates
|
|
272
278
|
};
|
|
273
279
|
}, function (api) {
|
|
274
|
-
var
|
|
275
|
-
featureFlagsState =
|
|
280
|
+
var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['featureFlags']),
|
|
281
|
+
featureFlagsState = _useSharedPluginState2.featureFlagsState;
|
|
276
282
|
return {
|
|
277
283
|
macroInteractionUpdates: featureFlagsState === null || featureFlagsState === void 0 ? void 0 : featureFlagsState.macroInteractionUpdates
|
|
278
284
|
};
|
|
@@ -11,7 +11,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
11
11
|
var _react = require("react");
|
|
12
12
|
var _react2 = require("@emotion/react");
|
|
13
13
|
var _hooks = require("@atlaskit/editor-common/hooks");
|
|
14
|
-
var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
|
|
15
14
|
var _box = require("@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box");
|
|
16
15
|
var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
|
|
17
16
|
var _constants = require("@atlaskit/theme/constants");
|
|
@@ -181,13 +180,19 @@ var HoverZone = function HoverZone(_ref) {
|
|
|
181
180
|
});
|
|
182
181
|
};
|
|
183
182
|
var useDropTargetPluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
|
|
184
|
-
var
|
|
183
|
+
var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['width'], function (states) {
|
|
184
|
+
var _states$widthState;
|
|
185
|
+
return {
|
|
186
|
+
lineLength: ((_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.lineLength) || DEFAULT_DROP_INDICATOR_WIDTH
|
|
187
|
+
};
|
|
188
|
+
}),
|
|
189
|
+
lineLength = _useSharedPluginState.lineLength;
|
|
185
190
|
return {
|
|
186
191
|
lineLength: lineLength
|
|
187
192
|
};
|
|
188
193
|
}, function (api) {
|
|
189
|
-
var
|
|
190
|
-
widthState =
|
|
194
|
+
var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['width']),
|
|
195
|
+
widthState = _useSharedPluginState2.widthState;
|
|
191
196
|
return {
|
|
192
197
|
lineLength: widthState === null || widthState === void 0 ? void 0 : widthState.lineLength
|
|
193
198
|
};
|
|
@@ -1,16 +1,23 @@
|
|
|
1
1
|
import React, { useCallback } from 'react';
|
|
2
2
|
import { injectIntl } from 'react-intl-next';
|
|
3
|
-
import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
3
|
+
import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
4
4
|
import { Popup } from '@atlaskit/editor-common/ui';
|
|
5
5
|
import { ArrowKeyNavigationType, DropdownMenu } from '@atlaskit/editor-common/ui-menu';
|
|
6
|
-
import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
|
|
7
6
|
import { akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
|
|
8
7
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
9
8
|
import { getBlockMenuItems, menuItemsCallback } from './block-menu-items';
|
|
10
9
|
import { BLOCK_MENU_WIDTH } from './consts';
|
|
11
10
|
const useBlockMenuPluginState = sharedPluginStateHookMigratorFactory(api => {
|
|
12
|
-
const
|
|
13
|
-
|
|
11
|
+
const {
|
|
12
|
+
isMenuOpen,
|
|
13
|
+
menuTriggerBy
|
|
14
|
+
} = useSharedPluginStateWithSelector(api, ['blockControls'], states => {
|
|
15
|
+
var _states$blockControls, _states$blockControls2;
|
|
16
|
+
return {
|
|
17
|
+
isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen,
|
|
18
|
+
menuTriggerBy: (_states$blockControls2 = states.blockControlsState) === null || _states$blockControls2 === void 0 ? void 0 : _states$blockControls2.menuTriggerBy
|
|
19
|
+
};
|
|
20
|
+
});
|
|
14
21
|
return {
|
|
15
22
|
isMenuOpen,
|
|
16
23
|
menuTriggerBy
|
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
3
|
-
import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
|
|
2
|
+
import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
4
3
|
const useDragHandleMenuPluginState = sharedPluginStateHookMigratorFactory(api => {
|
|
5
|
-
const
|
|
4
|
+
const {
|
|
5
|
+
isMenuOpen
|
|
6
|
+
} = useSharedPluginStateWithSelector(api, ['blockControls'], states => {
|
|
7
|
+
var _states$blockControls;
|
|
8
|
+
return {
|
|
9
|
+
isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen
|
|
10
|
+
};
|
|
11
|
+
});
|
|
6
12
|
return {
|
|
7
13
|
isMenuOpen
|
|
8
14
|
};
|
|
@@ -10,7 +10,7 @@ import { css, jsx } from '@emotion/react';
|
|
|
10
10
|
import { bind } from 'bind-event-listener';
|
|
11
11
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
12
12
|
import { browser } from '@atlaskit/editor-common/browser';
|
|
13
|
-
import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
13
|
+
import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
14
14
|
import { dragToMoveDown, dragToMoveLeft, dragToMoveRight, dragToMoveUp, getAriaKeyshortcuts, TooltipContentWithMultipleShortcuts } from '@atlaskit/editor-common/keymaps';
|
|
15
15
|
import { blockControlsMessages } from '@atlaskit/editor-common/messages';
|
|
16
16
|
import { tableControlsSpacing } from '@atlaskit/editor-common/styles';
|
|
@@ -258,7 +258,14 @@ const getNodeMargins = node => {
|
|
|
258
258
|
return nodeMargins[nodeTypeName] || nodeMargins['default'];
|
|
259
259
|
};
|
|
260
260
|
const useDragHandlePluginState = sharedPluginStateHookMigratorFactory(api => {
|
|
261
|
-
const
|
|
261
|
+
const {
|
|
262
|
+
macroInteractionUpdates
|
|
263
|
+
} = useSharedPluginStateWithSelector(api, ['featureFlags'], states => {
|
|
264
|
+
var _states$featureFlagsS;
|
|
265
|
+
return {
|
|
266
|
+
macroInteractionUpdates: (_states$featureFlagsS = states.featureFlagsState) === null || _states$featureFlagsS === void 0 ? void 0 : _states$featureFlagsS.macroInteractionUpdates
|
|
267
|
+
};
|
|
268
|
+
});
|
|
262
269
|
return {
|
|
263
270
|
macroInteractionUpdates
|
|
264
271
|
};
|
|
@@ -7,8 +7,7 @@ import { Fragment, useEffect, useMemo, useRef, useState } from 'react';
|
|
|
7
7
|
|
|
8
8
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
9
|
import { css, jsx } from '@emotion/react';
|
|
10
|
-
import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
11
|
-
import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
|
|
10
|
+
import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
12
11
|
import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';
|
|
13
12
|
import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
|
|
14
13
|
import { layers } from '@atlaskit/theme/constants';
|
|
@@ -169,7 +168,14 @@ const HoverZone = ({
|
|
|
169
168
|
});
|
|
170
169
|
};
|
|
171
170
|
const useDropTargetPluginState = sharedPluginStateHookMigratorFactory(api => {
|
|
172
|
-
const
|
|
171
|
+
const {
|
|
172
|
+
lineLength
|
|
173
|
+
} = useSharedPluginStateWithSelector(api, ['width'], states => {
|
|
174
|
+
var _states$widthState;
|
|
175
|
+
return {
|
|
176
|
+
lineLength: ((_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.lineLength) || DEFAULT_DROP_INDICATOR_WIDTH
|
|
177
|
+
};
|
|
178
|
+
});
|
|
173
179
|
return {
|
|
174
180
|
lineLength
|
|
175
181
|
};
|
|
@@ -1,23 +1,29 @@
|
|
|
1
1
|
import React, { useCallback } from 'react';
|
|
2
2
|
import { injectIntl } from 'react-intl-next';
|
|
3
|
-
import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
3
|
+
import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
4
4
|
import { Popup } from '@atlaskit/editor-common/ui';
|
|
5
5
|
import { ArrowKeyNavigationType, DropdownMenu } from '@atlaskit/editor-common/ui-menu';
|
|
6
|
-
import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
|
|
7
6
|
import { akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
|
|
8
7
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
9
8
|
import { getBlockMenuItems, menuItemsCallback } from './block-menu-items';
|
|
10
9
|
import { BLOCK_MENU_WIDTH } from './consts';
|
|
11
10
|
var useBlockMenuPluginState = sharedPluginStateHookMigratorFactory(function (api) {
|
|
12
|
-
var
|
|
13
|
-
|
|
11
|
+
var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['blockControls'], function (states) {
|
|
12
|
+
var _states$blockControls, _states$blockControls2;
|
|
13
|
+
return {
|
|
14
|
+
isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen,
|
|
15
|
+
menuTriggerBy: (_states$blockControls2 = states.blockControlsState) === null || _states$blockControls2 === void 0 ? void 0 : _states$blockControls2.menuTriggerBy
|
|
16
|
+
};
|
|
17
|
+
}),
|
|
18
|
+
isMenuOpen = _useSharedPluginState.isMenuOpen,
|
|
19
|
+
menuTriggerBy = _useSharedPluginState.menuTriggerBy;
|
|
14
20
|
return {
|
|
15
21
|
isMenuOpen: isMenuOpen,
|
|
16
22
|
menuTriggerBy: menuTriggerBy
|
|
17
23
|
};
|
|
18
24
|
}, function (api) {
|
|
19
|
-
var
|
|
20
|
-
blockControlsState =
|
|
25
|
+
var _useSharedPluginState2 = useSharedPluginState(api, ['blockControls']),
|
|
26
|
+
blockControlsState = _useSharedPluginState2.blockControlsState;
|
|
21
27
|
return {
|
|
22
28
|
isMenuOpen: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.isMenuOpen,
|
|
23
29
|
menuTriggerBy: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.menuTriggerBy
|
|
@@ -1,14 +1,19 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
3
|
-
import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
|
|
2
|
+
import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
4
3
|
var useDragHandleMenuPluginState = sharedPluginStateHookMigratorFactory(function (api) {
|
|
5
|
-
var
|
|
4
|
+
var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['blockControls'], function (states) {
|
|
5
|
+
var _states$blockControls;
|
|
6
|
+
return {
|
|
7
|
+
isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen
|
|
8
|
+
};
|
|
9
|
+
}),
|
|
10
|
+
isMenuOpen = _useSharedPluginState.isMenuOpen;
|
|
6
11
|
return {
|
|
7
12
|
isMenuOpen: isMenuOpen
|
|
8
13
|
};
|
|
9
14
|
}, function (api) {
|
|
10
|
-
var
|
|
11
|
-
blockControlsState =
|
|
15
|
+
var _useSharedPluginState2 = useSharedPluginState(api, ['blockControls']),
|
|
16
|
+
blockControlsState = _useSharedPluginState2.blockControlsState;
|
|
12
17
|
return {
|
|
13
18
|
isMenuOpen: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.isMenuOpen
|
|
14
19
|
};
|
|
@@ -15,7 +15,7 @@ import { css, jsx } from '@emotion/react';
|
|
|
15
15
|
import { bind } from 'bind-event-listener';
|
|
16
16
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
17
17
|
import { browser } from '@atlaskit/editor-common/browser';
|
|
18
|
-
import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
18
|
+
import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
19
19
|
import { dragToMoveDown, dragToMoveLeft, dragToMoveRight, dragToMoveUp, getAriaKeyshortcuts, TooltipContentWithMultipleShortcuts } from '@atlaskit/editor-common/keymaps';
|
|
20
20
|
import { blockControlsMessages } from '@atlaskit/editor-common/messages';
|
|
21
21
|
import { tableControlsSpacing } from '@atlaskit/editor-common/styles';
|
|
@@ -263,13 +263,19 @@ var getNodeMargins = function getNodeMargins(node) {
|
|
|
263
263
|
return nodeMargins[nodeTypeName] || nodeMargins['default'];
|
|
264
264
|
};
|
|
265
265
|
var useDragHandlePluginState = sharedPluginStateHookMigratorFactory(function (api) {
|
|
266
|
-
var
|
|
266
|
+
var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['featureFlags'], function (states) {
|
|
267
|
+
var _states$featureFlagsS;
|
|
268
|
+
return {
|
|
269
|
+
macroInteractionUpdates: (_states$featureFlagsS = states.featureFlagsState) === null || _states$featureFlagsS === void 0 ? void 0 : _states$featureFlagsS.macroInteractionUpdates
|
|
270
|
+
};
|
|
271
|
+
}),
|
|
272
|
+
macroInteractionUpdates = _useSharedPluginState.macroInteractionUpdates;
|
|
267
273
|
return {
|
|
268
274
|
macroInteractionUpdates: macroInteractionUpdates
|
|
269
275
|
};
|
|
270
276
|
}, function (api) {
|
|
271
|
-
var
|
|
272
|
-
featureFlagsState =
|
|
277
|
+
var _useSharedPluginState2 = useSharedPluginState(api, ['featureFlags']),
|
|
278
|
+
featureFlagsState = _useSharedPluginState2.featureFlagsState;
|
|
273
279
|
return {
|
|
274
280
|
macroInteractionUpdates: featureFlagsState === null || featureFlagsState === void 0 ? void 0 : featureFlagsState.macroInteractionUpdates
|
|
275
281
|
};
|
|
@@ -9,8 +9,7 @@ import { Fragment, useEffect, useMemo, useRef, useState } from 'react';
|
|
|
9
9
|
|
|
10
10
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
11
11
|
import { css, jsx } from '@emotion/react';
|
|
12
|
-
import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
13
|
-
import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
|
|
12
|
+
import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
14
13
|
import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';
|
|
15
14
|
import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
|
|
16
15
|
import { layers } from '@atlaskit/theme/constants';
|
|
@@ -173,13 +172,19 @@ var HoverZone = function HoverZone(_ref) {
|
|
|
173
172
|
});
|
|
174
173
|
};
|
|
175
174
|
var useDropTargetPluginState = sharedPluginStateHookMigratorFactory(function (api) {
|
|
176
|
-
var
|
|
175
|
+
var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['width'], function (states) {
|
|
176
|
+
var _states$widthState;
|
|
177
|
+
return {
|
|
178
|
+
lineLength: ((_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.lineLength) || DEFAULT_DROP_INDICATOR_WIDTH
|
|
179
|
+
};
|
|
180
|
+
}),
|
|
181
|
+
lineLength = _useSharedPluginState.lineLength;
|
|
177
182
|
return {
|
|
178
183
|
lineLength: lineLength
|
|
179
184
|
};
|
|
180
185
|
}, function (api) {
|
|
181
|
-
var
|
|
182
|
-
widthState =
|
|
186
|
+
var _useSharedPluginState2 = useSharedPluginState(api, ['width']),
|
|
187
|
+
widthState = _useSharedPluginState2.widthState;
|
|
183
188
|
return {
|
|
184
189
|
lineLength: widthState === null || widthState === void 0 ? void 0 : widthState.lineLength
|
|
185
190
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-block-controls",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.2",
|
|
4
4
|
"description": "Block controls plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
|
|
55
55
|
"@atlaskit/primitives": "^14.10.0",
|
|
56
56
|
"@atlaskit/theme": "^18.0.0",
|
|
57
|
-
"@atlaskit/tmp-editor-statsig": "^9.
|
|
57
|
+
"@atlaskit/tmp-editor-statsig": "^9.1.0",
|
|
58
58
|
"@atlaskit/tokens": "^5.4.0",
|
|
59
59
|
"@atlaskit/tooltip": "^20.3.0",
|
|
60
60
|
"@babel/runtime": "^7.0.0",
|