@atlaskit/editor-plugin-loom 2.2.8 → 2.2.10

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 (14) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/ui/ToolbarButton.js +9 -9
  3. package/dist/es2019/ui/ToolbarButton.js +8 -8
  4. package/dist/esm/ui/ToolbarButton.js +8 -8
  5. package/dist/types/plugin.d.ts +2 -0
  6. package/dist/types/ui/ToolbarButton.d.ts +119 -19
  7. package/dist/types-ts4.5/plugin.d.ts +2 -0
  8. package/dist/types-ts4.5/ui/ToolbarButton.d.ts +139 -11
  9. package/package.json +8 -8
  10. package/dist/cjs/hooks/useWindowWidth.js +0 -29
  11. package/dist/es2019/hooks/useWindowWidth.js +0 -16
  12. package/dist/esm/hooks/useWindowWidth.js +0 -22
  13. package/dist/types/hooks/useWindowWidth.d.ts +0 -1
  14. package/dist/types-ts4.5/hooks/useWindowWidth.d.ts +0 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/editor-plugin-loom
2
2
 
3
+ ## 2.2.10
4
+
5
+ ### Patch Changes
6
+
7
+ - [#109923](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109923)
8
+ [`ed20be4a6f5d5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ed20be4a6f5d5) -
9
+ ED-23511 fix loom and it button responsive
10
+ - Updated dependencies
11
+
12
+ ## 2.2.9
13
+
14
+ ### Patch Changes
15
+
16
+ - Updated dependencies
17
+
3
18
  ## 2.2.8
4
19
 
5
20
  ### Patch Changes
package/dist/cjs/ui/ToolbarButton.js CHANGED
@@ -1,11 +1,10 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
6
  exports.default = void 0;
8
- var _react = _interopRequireDefault(require("react"));
7
+ var _react = require("@emotion/react");
9
8
  var _reactIntlNext = require("react-intl-next");
10
9
  var _analytics = require("@atlaskit/editor-common/analytics");
11
10
  var _hooks = require("@atlaskit/editor-common/hooks");
@@ -14,7 +13,8 @@ var _uiMenu = require("@atlaskit/editor-common/ui-menu");
14
13
  var _logo = require("@atlaskit/logo");
15
14
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
16
15
  var _commands = require("../commands");
17
- var _useWindowWidth = require("../hooks/useWindowWidth");
16
+ /** @jsx jsx */
17
+
18
18
  // This const is derived from the breakpoint where the toolbar hides its icons. It is used to hide the text in the AI button.
19
19
  // Derived from values from platform/packages/editor/editor-core/src/ui/Appearance/FullPage/MainToolbar.tsx
20
20
  var LOOM_BUTTON_WIDTH_BREAKPOINT = 1076;
@@ -23,14 +23,14 @@ var LoomToolbarButton = function LoomToolbarButton(_ref) {
23
23
  api = _ref.api,
24
24
  appearance = _ref.appearance,
25
25
  formatMessage = _ref.intl.formatMessage;
26
- var width = (0, _useWindowWidth.useWindowWidth)();
27
- var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['loom']),
28
- loomState = _useSharedPluginState.loomState;
26
+ var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['loom', 'width']),
27
+ loomState = _useSharedPluginState.loomState,
28
+ widthState = _useSharedPluginState.widthState;
29
29
  if (!loomState) {
30
30
  return null;
31
31
  }
32
32
  var label = formatMessage(appearance === 'comment' ? _messages.toolbarInsertBlockMessages.addLoomVideoComment : _messages.toolbarInsertBlockMessages.addLoomVideo);
33
- return /*#__PURE__*/_react.default.createElement(_uiMenu.ToolbarButton, {
33
+ return (0, _react.jsx)(_uiMenu.ToolbarButton, {
34
34
  buttonId: _uiMenu.TOOLBAR_BUTTON.RECORD_VIDEO,
35
35
  onClick: function onClick() {
36
36
  var _api$core, _api$analytics;
@@ -43,10 +43,10 @@ var LoomToolbarButton = function LoomToolbarButton(_ref) {
43
43
  ,
44
44
  disabled: disabled || !(loomState !== null && loomState !== void 0 && loomState.isEnabled),
45
45
  title: label,
46
- iconBefore: /*#__PURE__*/_react.default.createElement(_logo.LoomIcon, {
46
+ iconBefore: (0, _react.jsx)(_logo.LoomIcon, {
47
47
  label: label,
48
48
  size: "small"
49
49
  })
50
- }, (0, _platformFeatureFlags.getBooleanFF)('platform.editor.plugin.loom.responsive-menu_4at4a') && width >= LOOM_BUTTON_WIDTH_BREAKPOINT && /*#__PURE__*/_react.default.createElement("span", null, formatMessage(_messages.toolbarInsertBlockMessages.recordLoomShortTitle)));
50
+ }, (0, _platformFeatureFlags.getBooleanFF)('platform.editor.plugin.loom.responsive-menu_4at4a') && ((widthState === null || widthState === void 0 ? void 0 : widthState.width) || 0) > LOOM_BUTTON_WIDTH_BREAKPOINT && (0, _react.jsx)("span", null, formatMessage(_messages.toolbarInsertBlockMessages.recordLoomShortTitle)));
51
51
  };
52
52
  var _default = exports.default = (0, _reactIntlNext.injectIntl)(LoomToolbarButton);
package/dist/es2019/ui/ToolbarButton.js CHANGED
@@ -1,4 +1,5 @@
1
- import React from 'react';
1
+ /** @jsx jsx */
2
+ import { jsx } from '@emotion/react';
2
3
  import { injectIntl } from 'react-intl-next';
3
4
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
4
5
  import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
@@ -7,7 +8,6 @@ import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
7
8
  import { LoomIcon } from '@atlaskit/logo';
8
9
  import { getBooleanFF } from '@atlaskit/platform-feature-flags';
9
10
  import { recordVideo } from '../commands';
10
- import { useWindowWidth } from '../hooks/useWindowWidth';
11
11
  // This const is derived from the breakpoint where the toolbar hides its icons. It is used to hide the text in the AI button.
12
12
  // Derived from values from platform/packages/editor/editor-core/src/ui/Appearance/FullPage/MainToolbar.tsx
13
13
  const LOOM_BUTTON_WIDTH_BREAKPOINT = 1076;
@@ -19,15 +19,15 @@ const LoomToolbarButton = ({
19
19
  formatMessage
20
20
  }
21
21
  }) => {
22
- const width = useWindowWidth();
23
22
  const {
24
- loomState
25
- } = useSharedPluginState(api, ['loom']);
23
+ loomState,
24
+ widthState
25
+ } = useSharedPluginState(api, ['loom', 'width']);
26
26
  if (!loomState) {
27
27
  return null;
28
28
  }
29
29
  const label = formatMessage(appearance === 'comment' ? toolbarInsertBlockMessages.addLoomVideoComment : toolbarInsertBlockMessages.addLoomVideo);
30
- return /*#__PURE__*/React.createElement(ToolbarButton, {
30
+ return jsx(ToolbarButton, {
31
31
  buttonId: TOOLBAR_BUTTON.RECORD_VIDEO,
32
32
  onClick: () => {
33
33
  var _api$core, _api$analytics;
@@ -40,10 +40,10 @@ const LoomToolbarButton = ({
40
40
  ,
41
41
  disabled: disabled || !(loomState !== null && loomState !== void 0 && loomState.isEnabled),
42
42
  title: label,
43
- iconBefore: /*#__PURE__*/React.createElement(LoomIcon, {
43
+ iconBefore: jsx(LoomIcon, {
44
44
  label: label,
45
45
  size: "small"
46
46
  })
47
- }, getBooleanFF('platform.editor.plugin.loom.responsive-menu_4at4a') && width >= LOOM_BUTTON_WIDTH_BREAKPOINT && /*#__PURE__*/React.createElement("span", null, formatMessage(toolbarInsertBlockMessages.recordLoomShortTitle)));
47
+ }, getBooleanFF('platform.editor.plugin.loom.responsive-menu_4at4a') && ((widthState === null || widthState === void 0 ? void 0 : widthState.width) || 0) > LOOM_BUTTON_WIDTH_BREAKPOINT && jsx("span", null, formatMessage(toolbarInsertBlockMessages.recordLoomShortTitle)));
48
48
  };
49
49
  export default injectIntl(LoomToolbarButton);
package/dist/esm/ui/ToolbarButton.js CHANGED
@@ -1,4 +1,5 @@
1
- import React from 'react';
1
+ /** @jsx jsx */
2
+ import { jsx } from '@emotion/react';
2
3
  import { injectIntl } from 'react-intl-next';
3
4
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
4
5
  import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
@@ -7,7 +8,6 @@ import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
7
8
  import { LoomIcon } from '@atlaskit/logo';
8
9
  import { getBooleanFF } from '@atlaskit/platform-feature-flags';
9
10
  import { recordVideo } from '../commands';
10
- import { useWindowWidth } from '../hooks/useWindowWidth';
11
11
  // This const is derived from the breakpoint where the toolbar hides its icons. It is used to hide the text in the AI button.
12
12
  // Derived from values from platform/packages/editor/editor-core/src/ui/Appearance/FullPage/MainToolbar.tsx
13
13
  var LOOM_BUTTON_WIDTH_BREAKPOINT = 1076;
@@ -16,14 +16,14 @@ var LoomToolbarButton = function LoomToolbarButton(_ref) {
16
16
  api = _ref.api,
17
17
  appearance = _ref.appearance,
18
18
  formatMessage = _ref.intl.formatMessage;
19
- var width = useWindowWidth();
20
- var _useSharedPluginState = useSharedPluginState(api, ['loom']),
21
- loomState = _useSharedPluginState.loomState;
19
+ var _useSharedPluginState = useSharedPluginState(api, ['loom', 'width']),
20
+ loomState = _useSharedPluginState.loomState,
21
+ widthState = _useSharedPluginState.widthState;
22
22
  if (!loomState) {
23
23
  return null;
24
24
  }
25
25
  var label = formatMessage(appearance === 'comment' ? toolbarInsertBlockMessages.addLoomVideoComment : toolbarInsertBlockMessages.addLoomVideo);
26
- return /*#__PURE__*/React.createElement(ToolbarButton, {
26
+ return jsx(ToolbarButton, {
27
27
  buttonId: TOOLBAR_BUTTON.RECORD_VIDEO,
28
28
  onClick: function onClick() {
29
29
  var _api$core, _api$analytics;
@@ -36,10 +36,10 @@ var LoomToolbarButton = function LoomToolbarButton(_ref) {
36
36
  ,
37
37
  disabled: disabled || !(loomState !== null && loomState !== void 0 && loomState.isEnabled),
38
38
  title: label,
39
- iconBefore: /*#__PURE__*/React.createElement(LoomIcon, {
39
+ iconBefore: jsx(LoomIcon, {
40
40
  label: label,
41
41
  size: "small"
42
42
  })
43
- }, getBooleanFF('platform.editor.plugin.loom.responsive-menu_4at4a') && width >= LOOM_BUTTON_WIDTH_BREAKPOINT && /*#__PURE__*/React.createElement("span", null, formatMessage(toolbarInsertBlockMessages.recordLoomShortTitle)));
43
+ }, getBooleanFF('platform.editor.plugin.loom.responsive-menu_4at4a') && ((widthState === null || widthState === void 0 ? void 0 : widthState.width) || 0) > LOOM_BUTTON_WIDTH_BREAKPOINT && jsx("span", null, formatMessage(toolbarInsertBlockMessages.recordLoomShortTitle)));
44
44
  };
45
45
  export default injectIntl(LoomToolbarButton);
package/dist/types/plugin.d.ts CHANGED
@@ -3,12 +3,14 @@ import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
3
3
  import type { EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
4
4
  import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
5
5
  import type { HyperlinkPlugin } from '@atlaskit/editor-plugin-hyperlink';
6
+ import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
6
7
  import type { LoomPluginState } from './pm-plugin';
7
8
  import type { LoomPluginOptions } from './types';
8
9
  export type LoomPlugin = NextEditorPlugin<'loom', {
9
10
  pluginConfiguration: LoomPluginOptions;
10
11
  dependencies: [
11
12
  OptionalPlugin<AnalyticsPlugin>,
13
+ WidthPlugin,
12
14
  HyperlinkPlugin
13
15
  ];
14
16
  sharedState: LoomPluginState | undefined;
package/dist/types/ui/ToolbarButton.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import type { WrappedComponentProps } from 'react-intl-next';
3
3
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
4
4
  import type { EditorAppearance } from '@atlaskit/editor-common/types';
5
- declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
5
+ declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<{
6
6
  disabled: boolean;
7
7
  appearance: EditorAppearance;
8
8
  api: import("@atlaskit/editor-common/types").PublicPluginAPI<[import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"loom", {
@@ -19,7 +19,9 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
19
19
  sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
20
20
  }, import("@atlaskit/editor-common/types").FeatureFlags>>];
21
21
  actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
22
- }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"hyperlink", {
22
+ }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
23
+ sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
24
+ }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"hyperlink", {
23
25
  pluginConfiguration: import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined;
24
26
  dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
25
27
  pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
@@ -238,21 +240,44 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
238
240
  }, {
239
241
  mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
240
242
  } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockControls", {
241
- dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
243
+ dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
244
+ sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
245
+ }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
242
246
  sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
243
- }, undefined>>];
247
+ }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
248
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
249
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
250
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
251
+ pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
252
+ sharedState: {
253
+ createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
254
+ attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
255
+ performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
256
+ };
257
+ dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
258
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
259
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
260
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>];
261
+ actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
262
+ }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
244
263
  sharedState: {
245
264
  isMenuOpen: boolean;
246
265
  activeNode: {
247
266
  pos: number;
267
+ anchorName: string;
248
268
  } | null;
249
269
  decorationState: import("@atlaskit/editor-plugin-block-controls").DecorationState;
250
270
  isDragging: boolean;
251
271
  } | undefined;
252
272
  commands: {
253
273
  moveNode: (start: number, to: number) => import("@atlaskit/editor-common/types").EditorCommand;
274
+ showDragHandleAt: (pos: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
275
+ setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
254
276
  };
255
- }, undefined>>];
277
+ }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
278
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
279
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
280
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>];
256
281
  actions: {
257
282
  forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
258
283
  };
@@ -293,7 +318,9 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
293
318
  sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
294
319
  }, import("@atlaskit/editor-common/types").FeatureFlags>>];
295
320
  actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
296
- }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"hyperlink", {
321
+ }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
322
+ sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
323
+ }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"hyperlink", {
297
324
  pluginConfiguration: import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined;
298
325
  dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
299
326
  pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
@@ -512,21 +539,44 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
512
539
  }, {
513
540
  mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
514
541
  } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockControls", {
515
- dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
542
+ dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
543
+ sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
544
+ }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
516
545
  sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
517
- }, undefined>>];
546
+ }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
547
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
548
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
549
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
550
+ pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
551
+ sharedState: {
552
+ createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
553
+ attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
554
+ performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
555
+ };
556
+ dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
557
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
558
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
559
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>];
560
+ actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
561
+ }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
518
562
  sharedState: {
519
563
  isMenuOpen: boolean;
520
564
  activeNode: {
521
565
  pos: number;
566
+ anchorName: string;
522
567
  } | null;
523
568
  decorationState: import("@atlaskit/editor-plugin-block-controls").DecorationState;
524
569
  isDragging: boolean;
525
570
  } | undefined;
526
571
  commands: {
527
572
  moveNode: (start: number, to: number) => import("@atlaskit/editor-common/types").EditorCommand;
573
+ showDragHandleAt: (pos: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
574
+ setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
528
575
  };
529
- }, undefined>>];
576
+ }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
577
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
578
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
579
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>];
530
580
  actions: {
531
581
  forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
532
582
  };
@@ -549,7 +599,7 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
549
599
  sharedState: import("@atlaskit/editor-common/link").HyperlinkState | undefined;
550
600
  }, import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined>]> | undefined;
551
601
  } & WrappedComponentProps>> & {
552
- WrappedComponent: React.ComponentType<{
602
+ WrappedComponent: import("react").ComponentType<{
553
603
  disabled: boolean;
554
604
  appearance: EditorAppearance;
555
605
  api: import("@atlaskit/editor-common/types").PublicPluginAPI<[import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"loom", {
@@ -566,7 +616,9 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
566
616
  sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
567
617
  }, import("@atlaskit/editor-common/types").FeatureFlags>>];
568
618
  actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
569
- }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"hyperlink", {
619
+ }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
620
+ sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
621
+ }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"hyperlink", {
570
622
  pluginConfiguration: import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined;
571
623
  dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
572
624
  pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
@@ -785,21 +837,44 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
785
837
  }, {
786
838
  mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
787
839
  } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockControls", {
788
- dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
840
+ dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
841
+ sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
842
+ }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
789
843
  sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
790
- }, undefined>>];
844
+ }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
845
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
846
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
847
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
848
+ pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
849
+ sharedState: {
850
+ createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
851
+ attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
852
+ performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
853
+ };
854
+ dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
855
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
856
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
857
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>];
858
+ actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
859
+ }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
791
860
  sharedState: {
792
861
  isMenuOpen: boolean;
793
862
  activeNode: {
794
863
  pos: number;
864
+ anchorName: string;
795
865
  } | null;
796
866
  decorationState: import("@atlaskit/editor-plugin-block-controls").DecorationState;
797
867
  isDragging: boolean;
798
868
  } | undefined;
799
869
  commands: {
800
870
  moveNode: (start: number, to: number) => import("@atlaskit/editor-common/types").EditorCommand;
871
+ showDragHandleAt: (pos: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
872
+ setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
801
873
  };
802
- }, undefined>>];
874
+ }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
875
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
876
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
877
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>];
803
878
  actions: {
804
879
  forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
805
880
  };
@@ -840,7 +915,9 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
840
915
  sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
841
916
  }, import("@atlaskit/editor-common/types").FeatureFlags>>];
842
917
  actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
843
- }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"hyperlink", {
918
+ }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
919
+ sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
920
+ }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"hyperlink", {
844
921
  pluginConfiguration: import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined;
845
922
  dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
846
923
  pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
@@ -1059,21 +1136,44 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
1059
1136
  }, {
1060
1137
  mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
1061
1138
  } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockControls", {
1062
- dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
1139
+ dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
1140
+ sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
1141
+ }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
1063
1142
  sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
1064
- }, undefined>>];
1143
+ }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
1144
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
1145
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
1146
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
1147
+ pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
1148
+ sharedState: {
1149
+ createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
1150
+ attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
1151
+ performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
1152
+ };
1153
+ dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
1154
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
1155
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
1156
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>];
1157
+ actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
1158
+ }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
1065
1159
  sharedState: {
1066
1160
  isMenuOpen: boolean;
1067
1161
  activeNode: {
1068
1162
  pos: number;
1163
+ anchorName: string;
1069
1164
  } | null;
1070
1165
  decorationState: import("@atlaskit/editor-plugin-block-controls").DecorationState;
1071
1166
  isDragging: boolean;
1072
1167
  } | undefined;
1073
1168
  commands: {
1074
1169
  moveNode: (start: number, to: number) => import("@atlaskit/editor-common/types").EditorCommand;
1170
+ showDragHandleAt: (pos: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
1171
+ setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
1075
1172
  };
1076
- }, undefined>>];
1173
+ }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
1174
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
1175
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
1176
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>];
1077
1177
  actions: {
1078
1178
  forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
1079
1179
  };
package/dist/types-ts4.5/plugin.d.ts CHANGED
@@ -3,12 +3,14 @@ import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
3
3
  import type { EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
4
4
  import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
5
5
  import type { HyperlinkPlugin } from '@atlaskit/editor-plugin-hyperlink';
6
+ import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
6
7
  import type { LoomPluginState } from './pm-plugin';
7
8
  import type { LoomPluginOptions } from './types';
8
9
  export type LoomPlugin = NextEditorPlugin<'loom', {
9
10
  pluginConfiguration: LoomPluginOptions;
10
11
  dependencies: [
11
12
  OptionalPlugin<AnalyticsPlugin>,
13
+ WidthPlugin,
12
14
  HyperlinkPlugin
13
15
  ];
14
16
  sharedState: LoomPluginState | undefined;
package/dist/types-ts4.5/ui/ToolbarButton.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import type { WrappedComponentProps } from 'react-intl-next';
3
3
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
4
4
  import type { EditorAppearance } from '@atlaskit/editor-common/types';
5
- declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
5
+ declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<{
6
6
  disabled: boolean;
7
7
  appearance: EditorAppearance;
8
8
  api: import("@atlaskit/editor-common/types").PublicPluginAPI<[
@@ -24,6 +24,9 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
24
24
  ];
25
25
  actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
26
26
  }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>,
27
+ import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
28
+ sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
29
+ }, undefined>,
27
30
  import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"hyperlink", {
28
31
  pluginConfiguration: import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined;
29
32
  dependencies: [
@@ -293,22 +296,51 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
293
296
  } | undefined>>,
294
297
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockControls", {
295
298
  dependencies: [
299
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
300
+ sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
301
+ }, undefined>>,
296
302
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
297
303
  sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
298
- }, undefined>>
304
+ }, undefined>>,
305
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
306
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
307
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
308
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>,
309
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
310
+ pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
311
+ sharedState: {
312
+ createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
313
+ attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
314
+ performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
315
+ };
316
+ dependencies: [
317
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
318
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
319
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
320
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>
321
+ ];
322
+ actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
323
+ }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>
299
324
  ];
300
325
  sharedState: {
301
326
  isMenuOpen: boolean;
302
327
  activeNode: {
303
328
  pos: number;
329
+ anchorName: string;
304
330
  } | null;
305
331
  decorationState: import("@atlaskit/editor-plugin-block-controls").DecorationState;
306
332
  isDragging: boolean;
307
333
  } | undefined;
308
334
  commands: {
309
335
  moveNode: (start: number, to: number) => import("@atlaskit/editor-common/types").EditorCommand;
336
+ showDragHandleAt: (pos: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
337
+ setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
310
338
  };
311
- }, undefined>>
339
+ }, undefined>>,
340
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
341
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
342
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
343
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>
312
344
  ];
313
345
  actions: {
314
346
  forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
@@ -357,6 +389,9 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
357
389
  ];
358
390
  actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
359
391
  }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>,
392
+ import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
393
+ sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
394
+ }, undefined>,
360
395
  import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"hyperlink", {
361
396
  pluginConfiguration: import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined;
362
397
  dependencies: [
@@ -626,22 +661,51 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
626
661
  } | undefined>>,
627
662
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockControls", {
628
663
  dependencies: [
664
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
665
+ sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
666
+ }, undefined>>,
629
667
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
630
668
  sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
631
- }, undefined>>
669
+ }, undefined>>,
670
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
671
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
672
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
673
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>,
674
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
675
+ pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
676
+ sharedState: {
677
+ createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
678
+ attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
679
+ performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
680
+ };
681
+ dependencies: [
682
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
683
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
684
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
685
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>
686
+ ];
687
+ actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
688
+ }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>
632
689
  ];
633
690
  sharedState: {
634
691
  isMenuOpen: boolean;
635
692
  activeNode: {
636
693
  pos: number;
694
+ anchorName: string;
637
695
  } | null;
638
696
  decorationState: import("@atlaskit/editor-plugin-block-controls").DecorationState;
639
697
  isDragging: boolean;
640
698
  } | undefined;
641
699
  commands: {
642
700
  moveNode: (start: number, to: number) => import("@atlaskit/editor-common/types").EditorCommand;
701
+ showDragHandleAt: (pos: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
702
+ setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
643
703
  };
644
- }, undefined>>
704
+ }, undefined>>,
705
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
706
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
707
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
708
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>
645
709
  ];
646
710
  actions: {
647
711
  forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
@@ -668,7 +732,7 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
668
732
  }, import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined>
669
733
  ]> | undefined;
670
734
  } & WrappedComponentProps>> & {
671
- WrappedComponent: React.ComponentType<{
735
+ WrappedComponent: import("react").ComponentType<{
672
736
  disabled: boolean;
673
737
  appearance: EditorAppearance;
674
738
  api: import("@atlaskit/editor-common/types").PublicPluginAPI<[
@@ -690,6 +754,9 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
690
754
  ];
691
755
  actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
692
756
  }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>,
757
+ import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
758
+ sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
759
+ }, undefined>,
693
760
  import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"hyperlink", {
694
761
  pluginConfiguration: import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined;
695
762
  dependencies: [
@@ -959,22 +1026,51 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
959
1026
  } | undefined>>,
960
1027
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockControls", {
961
1028
  dependencies: [
1029
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
1030
+ sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
1031
+ }, undefined>>,
962
1032
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
963
1033
  sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
964
- }, undefined>>
1034
+ }, undefined>>,
1035
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
1036
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
1037
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
1038
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>,
1039
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
1040
+ pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
1041
+ sharedState: {
1042
+ createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
1043
+ attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
1044
+ performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
1045
+ };
1046
+ dependencies: [
1047
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
1048
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
1049
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
1050
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>
1051
+ ];
1052
+ actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
1053
+ }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>
965
1054
  ];
966
1055
  sharedState: {
967
1056
  isMenuOpen: boolean;
968
1057
  activeNode: {
969
1058
  pos: number;
1059
+ anchorName: string;
970
1060
  } | null;
971
1061
  decorationState: import("@atlaskit/editor-plugin-block-controls").DecorationState;
972
1062
  isDragging: boolean;
973
1063
  } | undefined;
974
1064
  commands: {
975
1065
  moveNode: (start: number, to: number) => import("@atlaskit/editor-common/types").EditorCommand;
1066
+ showDragHandleAt: (pos: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
1067
+ setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
976
1068
  };
977
- }, undefined>>
1069
+ }, undefined>>,
1070
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
1071
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
1072
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
1073
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>
978
1074
  ];
979
1075
  actions: {
980
1076
  forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
@@ -1023,6 +1119,9 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
1023
1119
  ];
1024
1120
  actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
1025
1121
  }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>,
1122
+ import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
1123
+ sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
1124
+ }, undefined>,
1026
1125
  import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"hyperlink", {
1027
1126
  pluginConfiguration: import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined;
1028
1127
  dependencies: [
@@ -1292,22 +1391,51 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
1292
1391
  } | undefined>>,
1293
1392
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockControls", {
1294
1393
  dependencies: [
1394
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
1395
+ sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
1396
+ }, undefined>>,
1295
1397
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
1296
1398
  sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
1297
- }, undefined>>
1399
+ }, undefined>>,
1400
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
1401
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
1402
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
1403
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>,
1404
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
1405
+ pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
1406
+ sharedState: {
1407
+ createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
1408
+ attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
1409
+ performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
1410
+ };
1411
+ dependencies: [
1412
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
1413
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
1414
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
1415
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>
1416
+ ];
1417
+ actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
1418
+ }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>
1298
1419
  ];
1299
1420
  sharedState: {
1300
1421
  isMenuOpen: boolean;
1301
1422
  activeNode: {
1302
1423
  pos: number;
1424
+ anchorName: string;
1303
1425
  } | null;
1304
1426
  decorationState: import("@atlaskit/editor-plugin-block-controls").DecorationState;
1305
1427
  isDragging: boolean;
1306
1428
  } | undefined;
1307
1429
  commands: {
1308
1430
  moveNode: (start: number, to: number) => import("@atlaskit/editor-common/types").EditorCommand;
1431
+ showDragHandleAt: (pos: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
1432
+ setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
1309
1433
  };
1310
- }, undefined>>
1434
+ }, undefined>>,
1435
+ import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
1436
+ pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
1437
+ sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
1438
+ }, import("@atlaskit/editor-common/types").FeatureFlags>>
1311
1439
  ];
1312
1440
  actions: {
1313
1441
  forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-loom",
3
- "version": "2.2.8",
3
+ "version": "2.2.10",
4
4
  "description": "Loom plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -36,15 +36,16 @@
36
36
  ".": "./src/index.ts"
37
37
  },
38
38
  "dependencies": {
39
- "@atlaskit/editor-common": "^82.0.0",
39
+ "@atlaskit/editor-common": "^82.5.0",
40
40
  "@atlaskit/editor-plugin-analytics": "^1.2.0",
41
41
  "@atlaskit/editor-plugin-hyperlink": "^2.0.0",
42
+ "@atlaskit/editor-plugin-width": "^1.1.0",
42
43
  "@atlaskit/editor-prosemirror": "4.0.1",
43
- "@atlaskit/logo": "^13.17.0",
44
+ "@atlaskit/logo": "^14.0.0",
44
45
  "@atlaskit/platform-feature-flags": "0.2.5",
45
46
  "@babel/runtime": "^7.0.0",
46
- "@loomhq/record-sdk": "^2.36.18",
47
- "bind-event-listener": "^3.0.0"
47
+ "@emotion/react": "^11.7.1",
48
+ "@loomhq/record-sdk": "^2.36.18"
48
49
  },
49
50
  "peerDependencies": {
50
51
  "react": "^16.8.0",
@@ -56,15 +57,14 @@
56
57
  }
57
58
  },
58
59
  "devDependencies": {
59
- "@atlaskit/editor-plugin-base": "^1.4.0",
60
+ "@atlaskit/editor-plugin-base": "^1.5.0",
60
61
  "@atlaskit/editor-plugin-card": "^2.0.0",
61
62
  "@atlaskit/editor-plugin-copy-button": "^1.1.0",
62
63
  "@atlaskit/editor-plugin-decorations": "^1.1.0",
63
64
  "@atlaskit/editor-plugin-editor-disabled": "^1.1.0",
64
65
  "@atlaskit/editor-plugin-feature-flags": "^1.1.0",
65
- "@atlaskit/editor-plugin-floating-toolbar": "^1.4.0",
66
+ "@atlaskit/editor-plugin-floating-toolbar": "^1.6.0",
66
67
  "@atlaskit/editor-plugin-grid": "^1.1.0",
67
- "@atlaskit/editor-plugin-width": "^1.1.0",
68
68
  "@testing-library/react": "^12.1.5",
69
69
  "@testing-library/user-event": "^14.4.3",
70
70
  "raf-stub": "^2.0.1",
package/dist/cjs/hooks/useWindowWidth.js DELETED
@@ -1,29 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.useWindowWidth = void 0;
8
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
- var _react = require("react");
10
- var _bindEventListener = require("bind-event-listener");
11
- var useWindowWidth = exports.useWindowWidth = function useWindowWidth() {
12
- var _useState = (0, _react.useState)(window.innerWidth),
13
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
14
- windowWidth = _useState2[0],
15
- setWindowWidth = _useState2[1];
16
- (0, _react.useLayoutEffect)(function () {
17
- function handleResize() {
18
- setWindowWidth(window.innerWidth);
19
- }
20
- var unbind = (0, _bindEventListener.bind)(window, {
21
- type: 'resize',
22
- listener: handleResize
23
- });
24
- return function () {
25
- return unbind();
26
- };
27
- }, []);
28
- return windowWidth;
29
- };
package/dist/es2019/hooks/useWindowWidth.js DELETED
@@ -1,16 +0,0 @@
1
- import { useLayoutEffect, useState } from 'react';
2
- import { bind } from 'bind-event-listener';
3
- export const useWindowWidth = () => {
4
- const [windowWidth, setWindowWidth] = useState(window.innerWidth);
5
- useLayoutEffect(() => {
6
- function handleResize() {
7
- setWindowWidth(window.innerWidth);
8
- }
9
- const unbind = bind(window, {
10
- type: 'resize',
11
- listener: handleResize
12
- });
13
- return () => unbind();
14
- }, []);
15
- return windowWidth;
16
- };
package/dist/esm/hooks/useWindowWidth.js DELETED
@@ -1,22 +0,0 @@
1
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
- import { useLayoutEffect, useState } from 'react';
3
- import { bind } from 'bind-event-listener';
4
- export var useWindowWidth = function useWindowWidth() {
5
- var _useState = useState(window.innerWidth),
6
- _useState2 = _slicedToArray(_useState, 2),
7
- windowWidth = _useState2[0],
8
- setWindowWidth = _useState2[1];
9
- useLayoutEffect(function () {
10
- function handleResize() {
11
- setWindowWidth(window.innerWidth);
12
- }
13
- var unbind = bind(window, {
14
- type: 'resize',
15
- listener: handleResize
16
- });
17
- return function () {
18
- return unbind();
19
- };
20
- }, []);
21
- return windowWidth;
22
- };
package/dist/types/hooks/useWindowWidth.d.ts DELETED
@@ -1 +0,0 @@
1
- export declare const useWindowWidth: () => number;
package/dist/types-ts4.5/hooks/useWindowWidth.d.ts DELETED
@@ -1 +0,0 @@
1
- export declare const useWindowWidth: () => number;