@atlaskit/editor-plugin-insert-block 4.1.0 → 4.1.1

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 (11) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/insertBlockPlugin.js +19 -31
  3. package/dist/cjs/ui/ElementBrowser/InsertMenu.js +6 -4
  4. package/dist/cjs/ui/ElementRail/useInsertMenuRailItems.js +16 -24
  5. package/dist/es2019/insertBlockPlugin.js +20 -32
  6. package/dist/es2019/ui/ElementBrowser/InsertMenu.js +7 -5
  7. package/dist/es2019/ui/ElementRail/useInsertMenuRailItems.js +17 -25
  8. package/dist/esm/insertBlockPlugin.js +20 -32
  9. package/dist/esm/ui/ElementBrowser/InsertMenu.js +7 -5
  10. package/dist/esm/ui/ElementRail/useInsertMenuRailItems.js +17 -25
  11. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/editor-plugin-insert-block
2
2
 
3
+ ## 4.1.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#182839](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/182839)
8
+ [`81f1c3383bdab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/81f1c3383bdab) -
9
+ refactor: use useSharedPluginStateWithSelector instead of useSharedPluginStateSelector
10
+ - Updated dependencies
11
+
3
12
  ## 4.1.0
4
13
 
5
14
  ### Minor Changes
package/dist/cjs/insertBlockPlugin.js CHANGED
@@ -215,39 +215,27 @@ var insertBlockPlugin = exports.insertBlockPlugin = function insertBlockPlugin(_
215
215
  };
216
216
  return plugin;
217
217
  };
218
- var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
219
- var emojiProviderSelector = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'emoji.emojiProvider', {
220
- disabled: (0, _experiments.editorExperiment)('platform_editor_prevent_toolbar_layout_shifts', true)
221
- });
222
- var showMediaPicker = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'media.showMediaPicker');
223
- var mediaAllowsUploads = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'media.allowsUploads');
224
- var showElementBrowser = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'insertBlock.showElementBrowser');
225
- var isTypeAheadAllowed = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'typeAhead.isAllowed');
226
- var mentionProvider = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'mention.mentionProvider');
227
- var canInsertMention = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'mention.canInsertMention');
228
- var dateEnabled = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'date.isInitialised');
229
- var placeholderTextAllowInserting = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'placeholderText.allowInserting');
230
- var connectivityMode = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'connectivity.mode');
231
- var imageUploadEnabled = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'imageUpload.enabled');
232
- var availableWrapperBlockTypes = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'blockType.availableWrapperBlockTypes');
233
- var canInsertLink = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'hyperlink.canInsertLink');
234
- var activeLinkMark = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'hyperlink.activeLinkMark');
218
+ var selector = function selector(states) {
219
+ var _states$emojiState, _states$mediaState, _states$mediaState2, _states$insertBlockSt, _states$typeAheadStat, _states$mentionState, _states$mentionState2, _states$dateState, _states$placeholderTe, _states$connectivityS, _states$imageUploadSt, _states$blockTypeStat, _states$hyperlinkStat, _states$hyperlinkStat2;
235
220
  return {
236
- emojiProviderSelector: emojiProviderSelector,
237
- showMediaPicker: showMediaPicker,
238
- mediaAllowsUploads: mediaAllowsUploads,
239
- showElementBrowser: showElementBrowser,
240
- isTypeAheadAllowed: isTypeAheadAllowed,
241
- mentionProvider: mentionProvider,
242
- canInsertMention: canInsertMention,
243
- dateEnabled: dateEnabled,
244
- placeholderTextAllowInserting: placeholderTextAllowInserting,
245
- connectivityMode: connectivityMode,
246
- imageUploadEnabled: imageUploadEnabled,
247
- availableWrapperBlockTypes: availableWrapperBlockTypes,
248
- canInsertLink: canInsertLink,
249
- activeLinkMark: activeLinkMark
221
+ emojiProviderSelector: (_states$emojiState = states.emojiState) === null || _states$emojiState === void 0 ? void 0 : _states$emojiState.emojiProvider,
222
+ showMediaPicker: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.showMediaPicker,
223
+ mediaAllowsUploads: (_states$mediaState2 = states.mediaState) === null || _states$mediaState2 === void 0 ? void 0 : _states$mediaState2.allowsUploads,
224
+ showElementBrowser: (_states$insertBlockSt = states.insertBlockState) === null || _states$insertBlockSt === void 0 ? void 0 : _states$insertBlockSt.showElementBrowser,
225
+ isTypeAheadAllowed: (_states$typeAheadStat = states.typeAheadState) === null || _states$typeAheadStat === void 0 ? void 0 : _states$typeAheadStat.isAllowed,
226
+ mentionProvider: (_states$mentionState = states.mentionState) === null || _states$mentionState === void 0 ? void 0 : _states$mentionState.mentionProvider,
227
+ canInsertMention: (_states$mentionState2 = states.mentionState) === null || _states$mentionState2 === void 0 ? void 0 : _states$mentionState2.canInsertMention,
228
+ dateEnabled: (_states$dateState = states.dateState) === null || _states$dateState === void 0 ? void 0 : _states$dateState.isInitialised,
229
+ placeholderTextAllowInserting: (_states$placeholderTe = states.placeholderTextState) === null || _states$placeholderTe === void 0 ? void 0 : _states$placeholderTe.allowInserting,
230
+ connectivityMode: (_states$connectivityS = states.connectivityState) === null || _states$connectivityS === void 0 ? void 0 : _states$connectivityS.mode,
231
+ imageUploadEnabled: (_states$imageUploadSt = states.imageUploadState) === null || _states$imageUploadSt === void 0 ? void 0 : _states$imageUploadSt.enabled,
232
+ availableWrapperBlockTypes: (_states$blockTypeStat = states.blockTypeState) === null || _states$blockTypeStat === void 0 ? void 0 : _states$blockTypeStat.availableWrapperBlockTypes,
233
+ canInsertLink: (_states$hyperlinkStat = states.hyperlinkState) === null || _states$hyperlinkStat === void 0 ? void 0 : _states$hyperlinkStat.canInsertLink,
234
+ activeLinkMark: (_states$hyperlinkStat2 = states.hyperlinkState) === null || _states$hyperlinkStat2 === void 0 ? void 0 : _states$hyperlinkStat2.activeLinkMark
250
235
  };
236
+ };
237
+ var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
238
+ return (0, _hooks.useSharedPluginStateWithSelector)(api, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText', 'insertBlock', 'connectivity'], selector);
251
239
  }, function (api) {
252
240
  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText', 'insertBlock', 'connectivity']),
253
241
  dateState = _useSharedPluginState.dateState,
package/dist/cjs/ui/ElementBrowser/InsertMenu.js CHANGED
@@ -19,7 +19,6 @@ var _elementBrowser = require("@atlaskit/editor-common/element-browser");
19
19
  var _hooks = require("@atlaskit/editor-common/hooks");
20
20
  var _quickInsert = require("@atlaskit/editor-common/quick-insert");
21
21
  var _uiReact = require("@atlaskit/editor-common/ui-react");
22
- var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
23
22
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
24
23
  var _theme = require("@atlaskit/theme");
25
24
  var _colors = require("@atlaskit/theme/colors");
@@ -31,11 +30,14 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
31
30
  * @jsx jsx
32
31
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
33
32
  var DEFAULT_HEIGHT = exports.DEFAULT_HEIGHT = 560;
34
- var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
35
- var connectivityMode = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'connectivity.mode');
33
+ var selector = function selector(states) {
34
+ var _states$connectivityS;
36
35
  return {
37
- connectivityMode: connectivityMode
36
+ connectivityMode: (_states$connectivityS = states.connectivityState) === null || _states$connectivityS === void 0 ? void 0 : _states$connectivityS.mode
38
37
  };
38
+ };
39
+ var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
40
+ return (0, _hooks.useSharedPluginStateWithSelector)(api, ['connectivity'], selector);
39
41
  }, function (api) {
40
42
  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['connectivity']),
41
43
  connectivityState = _useSharedPluginState.connectivityState;
package/dist/cjs/ui/ElementRail/useInsertMenuRailItems.js CHANGED
@@ -9,33 +9,25 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
9
9
  var _react = require("react");
10
10
  var _reactIntlNext = require("react-intl-next");
11
11
  var _hooks = require("@atlaskit/editor-common/hooks");
12
- var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
13
12
  var _createItems = require("../ToolbarInsertBlock/create-items");
14
- var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
15
- var dateEnabled = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'date.isInitialised');
16
- var canInsertLink = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'hyperlink.canInsertLink');
17
- var activeLinkMark = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'hyperlink.activeLinkMark');
18
- var isTypeAheadAllowed = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'typeAhead.isAllowed');
19
- var availableWrapperBlockTypes = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'blockType.availableWrapperBlockTypes');
20
- var imageUploadEnabled = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'imageUpload.enabled');
21
- var placeholderTextAllowInserting = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'placeholderText.allowInserting');
22
- var emojiProvider = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'emoji.emojiProvider');
23
- var mentionProvider = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'mention.mentionProvider');
24
- var canInsertMention = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'mention.canInsertMention');
25
- var mediaAllowsUploads = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'media.allowsUploads');
13
+ var selector = function selector(states) {
14
+ var _states$dateState, _states$hyperlinkStat, _states$hyperlinkStat2, _states$typeAheadStat, _states$blockTypeStat, _states$imageUploadSt, _states$placeholderTe, _states$emojiState, _states$mentionState, _states$mentionState2, _states$mediaState;
26
15
  return {
27
- dateEnabled: dateEnabled,
28
- canInsertLink: canInsertLink,
29
- activeLinkMark: activeLinkMark,
30
- isTypeAheadAllowed: isTypeAheadAllowed,
31
- availableWrapperBlockTypes: availableWrapperBlockTypes,
32
- imageUploadEnabled: imageUploadEnabled,
33
- placeholderTextAllowInserting: placeholderTextAllowInserting,
34
- emojiProvider: emojiProvider,
35
- mentionProvider: mentionProvider,
36
- canInsertMention: canInsertMention,
37
- mediaAllowsUploads: mediaAllowsUploads
16
+ dateEnabled: (_states$dateState = states.dateState) === null || _states$dateState === void 0 ? void 0 : _states$dateState.isInitialised,
17
+ canInsertLink: (_states$hyperlinkStat = states.hyperlinkState) === null || _states$hyperlinkStat === void 0 ? void 0 : _states$hyperlinkStat.canInsertLink,
18
+ activeLinkMark: (_states$hyperlinkStat2 = states.hyperlinkState) === null || _states$hyperlinkStat2 === void 0 ? void 0 : _states$hyperlinkStat2.activeLinkMark,
19
+ isTypeAheadAllowed: (_states$typeAheadStat = states.typeAheadState) === null || _states$typeAheadStat === void 0 ? void 0 : _states$typeAheadStat.isAllowed,
20
+ availableWrapperBlockTypes: (_states$blockTypeStat = states.blockTypeState) === null || _states$blockTypeStat === void 0 ? void 0 : _states$blockTypeStat.availableWrapperBlockTypes,
21
+ imageUploadEnabled: (_states$imageUploadSt = states.imageUploadState) === null || _states$imageUploadSt === void 0 ? void 0 : _states$imageUploadSt.enabled,
22
+ placeholderTextAllowInserting: (_states$placeholderTe = states.placeholderTextState) === null || _states$placeholderTe === void 0 ? void 0 : _states$placeholderTe.allowInserting,
23
+ emojiProvider: (_states$emojiState = states.emojiState) === null || _states$emojiState === void 0 ? void 0 : _states$emojiState.emojiProvider,
24
+ mentionProvider: (_states$mentionState = states.mentionState) === null || _states$mentionState === void 0 ? void 0 : _states$mentionState.mentionProvider,
25
+ canInsertMention: (_states$mentionState2 = states.mentionState) === null || _states$mentionState2 === void 0 ? void 0 : _states$mentionState2.canInsertMention,
26
+ mediaAllowsUploads: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.allowsUploads
38
27
  };
28
+ };
29
+ var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
30
+ return (0, _hooks.useSharedPluginStateWithSelector)(api, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText'], selector);
39
31
  }, function (api) {
40
32
  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText']),
41
33
  dateState = _useSharedPluginState.dateState,
package/dist/es2019/insertBlockPlugin.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { useEffect } from 'react';
2
2
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
3
3
  import { ElementBrowser } from '@atlaskit/editor-common/element-browser';
4
- import { useSharedPluginState, sharedPluginStateHookMigratorFactory } from '@atlaskit/editor-common/hooks';
4
+ import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
5
5
  import { WithProviders } from '@atlaskit/editor-common/provider-factory';
6
6
  import { ToolbarSize } from '@atlaskit/editor-common/types';
7
7
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
@@ -199,39 +199,27 @@ export const insertBlockPlugin = ({
199
199
  };
200
200
  return plugin;
201
201
  };
202
- const useSharedState = sharedPluginStateHookMigratorFactory(api => {
203
- const emojiProviderSelector = useSharedPluginStateSelector(api, 'emoji.emojiProvider', {
204
- disabled: editorExperiment('platform_editor_prevent_toolbar_layout_shifts', true)
205
- });
206
- const showMediaPicker = useSharedPluginStateSelector(api, 'media.showMediaPicker');
207
- const mediaAllowsUploads = useSharedPluginStateSelector(api, 'media.allowsUploads');
208
- const showElementBrowser = useSharedPluginStateSelector(api, 'insertBlock.showElementBrowser');
209
- const isTypeAheadAllowed = useSharedPluginStateSelector(api, 'typeAhead.isAllowed');
210
- const mentionProvider = useSharedPluginStateSelector(api, 'mention.mentionProvider');
211
- const canInsertMention = useSharedPluginStateSelector(api, 'mention.canInsertMention');
212
- const dateEnabled = useSharedPluginStateSelector(api, 'date.isInitialised');
213
- const placeholderTextAllowInserting = useSharedPluginStateSelector(api, 'placeholderText.allowInserting');
214
- const connectivityMode = useSharedPluginStateSelector(api, 'connectivity.mode');
215
- const imageUploadEnabled = useSharedPluginStateSelector(api, 'imageUpload.enabled');
216
- const availableWrapperBlockTypes = useSharedPluginStateSelector(api, 'blockType.availableWrapperBlockTypes');
217
- const canInsertLink = useSharedPluginStateSelector(api, 'hyperlink.canInsertLink');
218
- const activeLinkMark = useSharedPluginStateSelector(api, 'hyperlink.activeLinkMark');
202
+ const selector = states => {
203
+ var _states$emojiState, _states$mediaState, _states$mediaState2, _states$insertBlockSt, _states$typeAheadStat, _states$mentionState, _states$mentionState2, _states$dateState, _states$placeholderTe, _states$connectivityS, _states$imageUploadSt, _states$blockTypeStat, _states$hyperlinkStat, _states$hyperlinkStat2;
219
204
  return {
220
- emojiProviderSelector,
221
- showMediaPicker,
222
- mediaAllowsUploads,
223
- showElementBrowser,
224
- isTypeAheadAllowed,
225
- mentionProvider,
226
- canInsertMention,
227
- dateEnabled,
228
- placeholderTextAllowInserting,
229
- connectivityMode,
230
- imageUploadEnabled,
231
- availableWrapperBlockTypes,
232
- canInsertLink,
233
- activeLinkMark
205
+ emojiProviderSelector: (_states$emojiState = states.emojiState) === null || _states$emojiState === void 0 ? void 0 : _states$emojiState.emojiProvider,
206
+ showMediaPicker: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.showMediaPicker,
207
+ mediaAllowsUploads: (_states$mediaState2 = states.mediaState) === null || _states$mediaState2 === void 0 ? void 0 : _states$mediaState2.allowsUploads,
208
+ showElementBrowser: (_states$insertBlockSt = states.insertBlockState) === null || _states$insertBlockSt === void 0 ? void 0 : _states$insertBlockSt.showElementBrowser,
209
+ isTypeAheadAllowed: (_states$typeAheadStat = states.typeAheadState) === null || _states$typeAheadStat === void 0 ? void 0 : _states$typeAheadStat.isAllowed,
210
+ mentionProvider: (_states$mentionState = states.mentionState) === null || _states$mentionState === void 0 ? void 0 : _states$mentionState.mentionProvider,
211
+ canInsertMention: (_states$mentionState2 = states.mentionState) === null || _states$mentionState2 === void 0 ? void 0 : _states$mentionState2.canInsertMention,
212
+ dateEnabled: (_states$dateState = states.dateState) === null || _states$dateState === void 0 ? void 0 : _states$dateState.isInitialised,
213
+ placeholderTextAllowInserting: (_states$placeholderTe = states.placeholderTextState) === null || _states$placeholderTe === void 0 ? void 0 : _states$placeholderTe.allowInserting,
214
+ connectivityMode: (_states$connectivityS = states.connectivityState) === null || _states$connectivityS === void 0 ? void 0 : _states$connectivityS.mode,
215
+ imageUploadEnabled: (_states$imageUploadSt = states.imageUploadState) === null || _states$imageUploadSt === void 0 ? void 0 : _states$imageUploadSt.enabled,
216
+ availableWrapperBlockTypes: (_states$blockTypeStat = states.blockTypeState) === null || _states$blockTypeStat === void 0 ? void 0 : _states$blockTypeStat.availableWrapperBlockTypes,
217
+ canInsertLink: (_states$hyperlinkStat = states.hyperlinkState) === null || _states$hyperlinkStat === void 0 ? void 0 : _states$hyperlinkStat.canInsertLink,
218
+ activeLinkMark: (_states$hyperlinkStat2 = states.hyperlinkState) === null || _states$hyperlinkStat2 === void 0 ? void 0 : _states$hyperlinkStat2.activeLinkMark
234
219
  };
220
+ };
221
+ const useSharedState = sharedPluginStateHookMigratorFactory(api => {
222
+ return useSharedPluginStateWithSelector(api, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText', 'insertBlock', 'connectivity'], selector);
235
223
  }, api => {
236
224
  const {
237
225
  dateState,
package/dist/es2019/ui/ElementBrowser/InsertMenu.js CHANGED
@@ -12,20 +12,22 @@ import { useIntl } from 'react-intl-next';
12
12
  import { CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
13
13
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
14
14
  import { ELEMENT_ITEM_HEIGHT, ElementBrowser } from '@atlaskit/editor-common/element-browser';
15
- import { useSharedPluginState, sharedPluginStateHookMigratorFactory } from '@atlaskit/editor-common/hooks';
15
+ import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
16
16
  import { messages, IconCode, IconDate, IconDecision, IconDivider, IconExpand, IconPanel, IconQuote, IconStatus } from '@atlaskit/editor-common/quick-insert';
17
17
  import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners as withOuterListeners } from '@atlaskit/editor-common/ui-react';
18
- import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
19
18
  import { fg } from '@atlaskit/platform-feature-flags';
20
19
  import { borderRadius } from '@atlaskit/theme';
21
20
  import { N0, N30A, N60A } from '@atlaskit/theme/colors';
22
21
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
23
22
  export const DEFAULT_HEIGHT = 560;
24
- const useSharedState = sharedPluginStateHookMigratorFactory(api => {
25
- const connectivityMode = useSharedPluginStateSelector(api, 'connectivity.mode');
23
+ const selector = states => {
24
+ var _states$connectivityS;
26
25
  return {
27
- connectivityMode
26
+ connectivityMode: (_states$connectivityS = states.connectivityState) === null || _states$connectivityS === void 0 ? void 0 : _states$connectivityS.mode
28
27
  };
28
+ };
29
+ const useSharedState = sharedPluginStateHookMigratorFactory(api => {
30
+ return useSharedPluginStateWithSelector(api, ['connectivity'], selector);
29
31
  }, api => {
30
32
  const {
31
33
  connectivityState
package/dist/es2019/ui/ElementRail/useInsertMenuRailItems.js CHANGED
@@ -1,33 +1,25 @@
1
1
  import { useMemo } from 'react';
2
2
  import { useIntl } from 'react-intl-next';
3
- import { useSharedPluginState, sharedPluginStateHookMigratorFactory } from '@atlaskit/editor-common/hooks';
4
- import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
3
+ import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
5
4
  import { createItems } from '../ToolbarInsertBlock/create-items';
6
- const useSharedState = sharedPluginStateHookMigratorFactory(api => {
7
- const dateEnabled = useSharedPluginStateSelector(api, 'date.isInitialised');
8
- const canInsertLink = useSharedPluginStateSelector(api, 'hyperlink.canInsertLink');
9
- const activeLinkMark = useSharedPluginStateSelector(api, 'hyperlink.activeLinkMark');
10
- const isTypeAheadAllowed = useSharedPluginStateSelector(api, 'typeAhead.isAllowed');
11
- const availableWrapperBlockTypes = useSharedPluginStateSelector(api, 'blockType.availableWrapperBlockTypes');
12
- const imageUploadEnabled = useSharedPluginStateSelector(api, 'imageUpload.enabled');
13
- const placeholderTextAllowInserting = useSharedPluginStateSelector(api, 'placeholderText.allowInserting');
14
- const emojiProvider = useSharedPluginStateSelector(api, 'emoji.emojiProvider');
15
- const mentionProvider = useSharedPluginStateSelector(api, 'mention.mentionProvider');
16
- const canInsertMention = useSharedPluginStateSelector(api, 'mention.canInsertMention');
17
- const mediaAllowsUploads = useSharedPluginStateSelector(api, 'media.allowsUploads');
5
+ const selector = states => {
6
+ var _states$dateState, _states$hyperlinkStat, _states$hyperlinkStat2, _states$typeAheadStat, _states$blockTypeStat, _states$imageUploadSt, _states$placeholderTe, _states$emojiState, _states$mentionState, _states$mentionState2, _states$mediaState;
18
7
  return {
19
- dateEnabled,
20
- canInsertLink,
21
- activeLinkMark,
22
- isTypeAheadAllowed,
23
- availableWrapperBlockTypes,
24
- imageUploadEnabled,
25
- placeholderTextAllowInserting,
26
- emojiProvider,
27
- mentionProvider,
28
- canInsertMention,
29
- mediaAllowsUploads
8
+ dateEnabled: (_states$dateState = states.dateState) === null || _states$dateState === void 0 ? void 0 : _states$dateState.isInitialised,
9
+ canInsertLink: (_states$hyperlinkStat = states.hyperlinkState) === null || _states$hyperlinkStat === void 0 ? void 0 : _states$hyperlinkStat.canInsertLink,
10
+ activeLinkMark: (_states$hyperlinkStat2 = states.hyperlinkState) === null || _states$hyperlinkStat2 === void 0 ? void 0 : _states$hyperlinkStat2.activeLinkMark,
11
+ isTypeAheadAllowed: (_states$typeAheadStat = states.typeAheadState) === null || _states$typeAheadStat === void 0 ? void 0 : _states$typeAheadStat.isAllowed,
12
+ availableWrapperBlockTypes: (_states$blockTypeStat = states.blockTypeState) === null || _states$blockTypeStat === void 0 ? void 0 : _states$blockTypeStat.availableWrapperBlockTypes,
13
+ imageUploadEnabled: (_states$imageUploadSt = states.imageUploadState) === null || _states$imageUploadSt === void 0 ? void 0 : _states$imageUploadSt.enabled,
14
+ placeholderTextAllowInserting: (_states$placeholderTe = states.placeholderTextState) === null || _states$placeholderTe === void 0 ? void 0 : _states$placeholderTe.allowInserting,
15
+ emojiProvider: (_states$emojiState = states.emojiState) === null || _states$emojiState === void 0 ? void 0 : _states$emojiState.emojiProvider,
16
+ mentionProvider: (_states$mentionState = states.mentionState) === null || _states$mentionState === void 0 ? void 0 : _states$mentionState.mentionProvider,
17
+ canInsertMention: (_states$mentionState2 = states.mentionState) === null || _states$mentionState2 === void 0 ? void 0 : _states$mentionState2.canInsertMention,
18
+ mediaAllowsUploads: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.allowsUploads
30
19
  };
20
+ };
21
+ const useSharedState = sharedPluginStateHookMigratorFactory(api => {
22
+ return useSharedPluginStateWithSelector(api, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText'], selector);
31
23
  }, api => {
32
24
  const {
33
25
  dateState,
package/dist/esm/insertBlockPlugin.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { useEffect } from 'react';
2
2
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
3
3
  import { ElementBrowser } from '@atlaskit/editor-common/element-browser';
4
- import { useSharedPluginState, sharedPluginStateHookMigratorFactory } from '@atlaskit/editor-common/hooks';
4
+ import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
5
5
  import { WithProviders } from '@atlaskit/editor-common/provider-factory';
6
6
  import { ToolbarSize } from '@atlaskit/editor-common/types';
7
7
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
@@ -205,39 +205,27 @@ export var insertBlockPlugin = function insertBlockPlugin(_ref) {
205
205
  };
206
206
  return plugin;
207
207
  };
208
- var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
209
- var emojiProviderSelector = useSharedPluginStateSelector(api, 'emoji.emojiProvider', {
210
- disabled: editorExperiment('platform_editor_prevent_toolbar_layout_shifts', true)
211
- });
212
- var showMediaPicker = useSharedPluginStateSelector(api, 'media.showMediaPicker');
213
- var mediaAllowsUploads = useSharedPluginStateSelector(api, 'media.allowsUploads');
214
- var showElementBrowser = useSharedPluginStateSelector(api, 'insertBlock.showElementBrowser');
215
- var isTypeAheadAllowed = useSharedPluginStateSelector(api, 'typeAhead.isAllowed');
216
- var mentionProvider = useSharedPluginStateSelector(api, 'mention.mentionProvider');
217
- var canInsertMention = useSharedPluginStateSelector(api, 'mention.canInsertMention');
218
- var dateEnabled = useSharedPluginStateSelector(api, 'date.isInitialised');
219
- var placeholderTextAllowInserting = useSharedPluginStateSelector(api, 'placeholderText.allowInserting');
220
- var connectivityMode = useSharedPluginStateSelector(api, 'connectivity.mode');
221
- var imageUploadEnabled = useSharedPluginStateSelector(api, 'imageUpload.enabled');
222
- var availableWrapperBlockTypes = useSharedPluginStateSelector(api, 'blockType.availableWrapperBlockTypes');
223
- var canInsertLink = useSharedPluginStateSelector(api, 'hyperlink.canInsertLink');
224
- var activeLinkMark = useSharedPluginStateSelector(api, 'hyperlink.activeLinkMark');
208
+ var selector = function selector(states) {
209
+ var _states$emojiState, _states$mediaState, _states$mediaState2, _states$insertBlockSt, _states$typeAheadStat, _states$mentionState, _states$mentionState2, _states$dateState, _states$placeholderTe, _states$connectivityS, _states$imageUploadSt, _states$blockTypeStat, _states$hyperlinkStat, _states$hyperlinkStat2;
225
210
  return {
226
- emojiProviderSelector: emojiProviderSelector,
227
- showMediaPicker: showMediaPicker,
228
- mediaAllowsUploads: mediaAllowsUploads,
229
- showElementBrowser: showElementBrowser,
230
- isTypeAheadAllowed: isTypeAheadAllowed,
231
- mentionProvider: mentionProvider,
232
- canInsertMention: canInsertMention,
233
- dateEnabled: dateEnabled,
234
- placeholderTextAllowInserting: placeholderTextAllowInserting,
235
- connectivityMode: connectivityMode,
236
- imageUploadEnabled: imageUploadEnabled,
237
- availableWrapperBlockTypes: availableWrapperBlockTypes,
238
- canInsertLink: canInsertLink,
239
- activeLinkMark: activeLinkMark
211
+ emojiProviderSelector: (_states$emojiState = states.emojiState) === null || _states$emojiState === void 0 ? void 0 : _states$emojiState.emojiProvider,
212
+ showMediaPicker: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.showMediaPicker,
213
+ mediaAllowsUploads: (_states$mediaState2 = states.mediaState) === null || _states$mediaState2 === void 0 ? void 0 : _states$mediaState2.allowsUploads,
214
+ showElementBrowser: (_states$insertBlockSt = states.insertBlockState) === null || _states$insertBlockSt === void 0 ? void 0 : _states$insertBlockSt.showElementBrowser,
215
+ isTypeAheadAllowed: (_states$typeAheadStat = states.typeAheadState) === null || _states$typeAheadStat === void 0 ? void 0 : _states$typeAheadStat.isAllowed,
216
+ mentionProvider: (_states$mentionState = states.mentionState) === null || _states$mentionState === void 0 ? void 0 : _states$mentionState.mentionProvider,
217
+ canInsertMention: (_states$mentionState2 = states.mentionState) === null || _states$mentionState2 === void 0 ? void 0 : _states$mentionState2.canInsertMention,
218
+ dateEnabled: (_states$dateState = states.dateState) === null || _states$dateState === void 0 ? void 0 : _states$dateState.isInitialised,
219
+ placeholderTextAllowInserting: (_states$placeholderTe = states.placeholderTextState) === null || _states$placeholderTe === void 0 ? void 0 : _states$placeholderTe.allowInserting,
220
+ connectivityMode: (_states$connectivityS = states.connectivityState) === null || _states$connectivityS === void 0 ? void 0 : _states$connectivityS.mode,
221
+ imageUploadEnabled: (_states$imageUploadSt = states.imageUploadState) === null || _states$imageUploadSt === void 0 ? void 0 : _states$imageUploadSt.enabled,
222
+ availableWrapperBlockTypes: (_states$blockTypeStat = states.blockTypeState) === null || _states$blockTypeStat === void 0 ? void 0 : _states$blockTypeStat.availableWrapperBlockTypes,
223
+ canInsertLink: (_states$hyperlinkStat = states.hyperlinkState) === null || _states$hyperlinkStat === void 0 ? void 0 : _states$hyperlinkStat.canInsertLink,
224
+ activeLinkMark: (_states$hyperlinkStat2 = states.hyperlinkState) === null || _states$hyperlinkStat2 === void 0 ? void 0 : _states$hyperlinkStat2.activeLinkMark
240
225
  };
226
+ };
227
+ var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
228
+ return useSharedPluginStateWithSelector(api, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText', 'insertBlock', 'connectivity'], selector);
241
229
  }, function (api) {
242
230
  var _useSharedPluginState = useSharedPluginState(api, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText', 'insertBlock', 'connectivity']),
243
231
  dateState = _useSharedPluginState.dateState,
package/dist/esm/ui/ElementBrowser/InsertMenu.js CHANGED
@@ -19,20 +19,22 @@ import { useIntl } from 'react-intl-next';
19
19
  import { CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
20
20
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
21
21
  import { ELEMENT_ITEM_HEIGHT, ElementBrowser } from '@atlaskit/editor-common/element-browser';
22
- import { useSharedPluginState, sharedPluginStateHookMigratorFactory } from '@atlaskit/editor-common/hooks';
22
+ import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
23
23
  import { messages, IconCode, IconDate, IconDecision, IconDivider, IconExpand, IconPanel, IconQuote, IconStatus } from '@atlaskit/editor-common/quick-insert';
24
24
  import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners as withOuterListeners } from '@atlaskit/editor-common/ui-react';
25
- import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
26
25
  import { fg } from '@atlaskit/platform-feature-flags';
27
26
  import { borderRadius } from '@atlaskit/theme';
28
27
  import { N0, N30A, N60A } from '@atlaskit/theme/colors';
29
28
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
30
29
  export var DEFAULT_HEIGHT = 560;
31
- var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
32
- var connectivityMode = useSharedPluginStateSelector(api, 'connectivity.mode');
30
+ var selector = function selector(states) {
31
+ var _states$connectivityS;
33
32
  return {
34
- connectivityMode: connectivityMode
33
+ connectivityMode: (_states$connectivityS = states.connectivityState) === null || _states$connectivityS === void 0 ? void 0 : _states$connectivityS.mode
35
34
  };
35
+ };
36
+ var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
37
+ return useSharedPluginStateWithSelector(api, ['connectivity'], selector);
36
38
  }, function (api) {
37
39
  var _useSharedPluginState = useSharedPluginState(api, ['connectivity']),
38
40
  connectivityState = _useSharedPluginState.connectivityState;
package/dist/esm/ui/ElementRail/useInsertMenuRailItems.js CHANGED
@@ -1,34 +1,26 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import { useMemo } from 'react';
3
3
  import { useIntl } from 'react-intl-next';
4
- import { useSharedPluginState, sharedPluginStateHookMigratorFactory } from '@atlaskit/editor-common/hooks';
5
- import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
4
+ import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
6
5
  import { createItems } from '../ToolbarInsertBlock/create-items';
7
- var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
8
- var dateEnabled = useSharedPluginStateSelector(api, 'date.isInitialised');
9
- var canInsertLink = useSharedPluginStateSelector(api, 'hyperlink.canInsertLink');
10
- var activeLinkMark = useSharedPluginStateSelector(api, 'hyperlink.activeLinkMark');
11
- var isTypeAheadAllowed = useSharedPluginStateSelector(api, 'typeAhead.isAllowed');
12
- var availableWrapperBlockTypes = useSharedPluginStateSelector(api, 'blockType.availableWrapperBlockTypes');
13
- var imageUploadEnabled = useSharedPluginStateSelector(api, 'imageUpload.enabled');
14
- var placeholderTextAllowInserting = useSharedPluginStateSelector(api, 'placeholderText.allowInserting');
15
- var emojiProvider = useSharedPluginStateSelector(api, 'emoji.emojiProvider');
16
- var mentionProvider = useSharedPluginStateSelector(api, 'mention.mentionProvider');
17
- var canInsertMention = useSharedPluginStateSelector(api, 'mention.canInsertMention');
18
- var mediaAllowsUploads = useSharedPluginStateSelector(api, 'media.allowsUploads');
6
+ var selector = function selector(states) {
7
+ var _states$dateState, _states$hyperlinkStat, _states$hyperlinkStat2, _states$typeAheadStat, _states$blockTypeStat, _states$imageUploadSt, _states$placeholderTe, _states$emojiState, _states$mentionState, _states$mentionState2, _states$mediaState;
19
8
  return {
20
- dateEnabled: dateEnabled,
21
- canInsertLink: canInsertLink,
22
- activeLinkMark: activeLinkMark,
23
- isTypeAheadAllowed: isTypeAheadAllowed,
24
- availableWrapperBlockTypes: availableWrapperBlockTypes,
25
- imageUploadEnabled: imageUploadEnabled,
26
- placeholderTextAllowInserting: placeholderTextAllowInserting,
27
- emojiProvider: emojiProvider,
28
- mentionProvider: mentionProvider,
29
- canInsertMention: canInsertMention,
30
- mediaAllowsUploads: mediaAllowsUploads
9
+ dateEnabled: (_states$dateState = states.dateState) === null || _states$dateState === void 0 ? void 0 : _states$dateState.isInitialised,
10
+ canInsertLink: (_states$hyperlinkStat = states.hyperlinkState) === null || _states$hyperlinkStat === void 0 ? void 0 : _states$hyperlinkStat.canInsertLink,
11
+ activeLinkMark: (_states$hyperlinkStat2 = states.hyperlinkState) === null || _states$hyperlinkStat2 === void 0 ? void 0 : _states$hyperlinkStat2.activeLinkMark,
12
+ isTypeAheadAllowed: (_states$typeAheadStat = states.typeAheadState) === null || _states$typeAheadStat === void 0 ? void 0 : _states$typeAheadStat.isAllowed,
13
+ availableWrapperBlockTypes: (_states$blockTypeStat = states.blockTypeState) === null || _states$blockTypeStat === void 0 ? void 0 : _states$blockTypeStat.availableWrapperBlockTypes,
14
+ imageUploadEnabled: (_states$imageUploadSt = states.imageUploadState) === null || _states$imageUploadSt === void 0 ? void 0 : _states$imageUploadSt.enabled,
15
+ placeholderTextAllowInserting: (_states$placeholderTe = states.placeholderTextState) === null || _states$placeholderTe === void 0 ? void 0 : _states$placeholderTe.allowInserting,
16
+ emojiProvider: (_states$emojiState = states.emojiState) === null || _states$emojiState === void 0 ? void 0 : _states$emojiState.emojiProvider,
17
+ mentionProvider: (_states$mentionState = states.mentionState) === null || _states$mentionState === void 0 ? void 0 : _states$mentionState.mentionProvider,
18
+ canInsertMention: (_states$mentionState2 = states.mentionState) === null || _states$mentionState2 === void 0 ? void 0 : _states$mentionState2.canInsertMention,
19
+ mediaAllowsUploads: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.allowsUploads
31
20
  };
21
+ };
22
+ var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
23
+ return useSharedPluginStateWithSelector(api, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText'], selector);
32
24
  }, function (api) {
33
25
  var _useSharedPluginState = useSharedPluginState(api, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText']),
34
26
  dateState = _useSharedPluginState.dateState,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-insert-block",
3
- "version": "4.1.0",
3
+ "version": "4.1.1",
4
4
  "description": "Insert block plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",