@atlaskit/editor-plugin-loom 2.2.9 → 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 +9 -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 +107 -19
  7. package/dist/types-ts4.5/plugin.d.ts +2 -0
  8. package/dist/types-ts4.5/ui/ToolbarButton.d.ts +127 -11
  9. package/package.json +7 -7
  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,14 @@
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
+
3
12
  ## 2.2.9
4
13
 
5
14
  ### 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,9 +240,26 @@ 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: {
@@ -255,7 +274,10 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
255
274
  showDragHandleAt: (pos: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
256
275
  setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
257
276
  };
258
- }, 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>>];
259
281
  actions: {
260
282
  forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
261
283
  };
@@ -296,7 +318,9 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
296
318
  sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
297
319
  }, import("@atlaskit/editor-common/types").FeatureFlags>>];
298
320
  actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
299
- }, 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", {
300
324
  pluginConfiguration: import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined;
301
325
  dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
302
326
  pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
@@ -515,9 +539,26 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
515
539
  }, {
516
540
  mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
517
541
  } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockControls", {
518
- 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", {
519
545
  sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
520
- }, 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>>];
521
562
  sharedState: {
522
563
  isMenuOpen: boolean;
523
564
  activeNode: {
@@ -532,7 +573,10 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
532
573
  showDragHandleAt: (pos: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
533
574
  setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
534
575
  };
535
- }, 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>>];
536
580
  actions: {
537
581
  forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
538
582
  };
@@ -555,7 +599,7 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
555
599
  sharedState: import("@atlaskit/editor-common/link").HyperlinkState | undefined;
556
600
  }, import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined>]> | undefined;
557
601
  } & WrappedComponentProps>> & {
558
- WrappedComponent: React.ComponentType<{
602
+ WrappedComponent: import("react").ComponentType<{
559
603
  disabled: boolean;
560
604
  appearance: EditorAppearance;
561
605
  api: import("@atlaskit/editor-common/types").PublicPluginAPI<[import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"loom", {
@@ -572,7 +616,9 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
572
616
  sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
573
617
  }, import("@atlaskit/editor-common/types").FeatureFlags>>];
574
618
  actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
575
- }, 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", {
576
622
  pluginConfiguration: import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined;
577
623
  dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
578
624
  pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
@@ -791,9 +837,26 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
791
837
  }, {
792
838
  mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
793
839
  } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockControls", {
794
- 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", {
795
843
  sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
796
- }, 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>>];
797
860
  sharedState: {
798
861
  isMenuOpen: boolean;
799
862
  activeNode: {
@@ -808,7 +871,10 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
808
871
  showDragHandleAt: (pos: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
809
872
  setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
810
873
  };
811
- }, 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>>];
812
878
  actions: {
813
879
  forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
814
880
  };
@@ -849,7 +915,9 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
849
915
  sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
850
916
  }, import("@atlaskit/editor-common/types").FeatureFlags>>];
851
917
  actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
852
- }, 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", {
853
921
  pluginConfiguration: import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined;
854
922
  dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
855
923
  pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
@@ -1068,9 +1136,26 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
1068
1136
  }, {
1069
1137
  mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
1070
1138
  } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockControls", {
1071
- 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", {
1072
1142
  sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
1073
- }, 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>>];
1074
1159
  sharedState: {
1075
1160
  isMenuOpen: boolean;
1076
1161
  activeNode: {
@@ -1085,7 +1170,10 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
1085
1170
  showDragHandleAt: (pos: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
1086
1171
  setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
1087
1172
  };
1088
- }, 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>>];
1089
1177
  actions: {
1090
1178
  forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
1091
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,9 +296,31 @@ 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;
@@ -311,7 +336,11 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
311
336
  showDragHandleAt: (pos: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
312
337
  setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
313
338
  };
314
- }, 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>>
315
344
  ];
316
345
  actions: {
317
346
  forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
@@ -360,6 +389,9 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
360
389
  ];
361
390
  actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
362
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>,
363
395
  import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"hyperlink", {
364
396
  pluginConfiguration: import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined;
365
397
  dependencies: [
@@ -629,9 +661,31 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
629
661
  } | undefined>>,
630
662
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockControls", {
631
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>>,
632
667
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
633
668
  sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
634
- }, 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>>
635
689
  ];
636
690
  sharedState: {
637
691
  isMenuOpen: boolean;
@@ -647,7 +701,11 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
647
701
  showDragHandleAt: (pos: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
648
702
  setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
649
703
  };
650
- }, 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>>
651
709
  ];
652
710
  actions: {
653
711
  forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
@@ -674,7 +732,7 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
674
732
  }, import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined>
675
733
  ]> | undefined;
676
734
  } & WrappedComponentProps>> & {
677
- WrappedComponent: React.ComponentType<{
735
+ WrappedComponent: import("react").ComponentType<{
678
736
  disabled: boolean;
679
737
  appearance: EditorAppearance;
680
738
  api: import("@atlaskit/editor-common/types").PublicPluginAPI<[
@@ -696,6 +754,9 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
696
754
  ];
697
755
  actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
698
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>,
699
760
  import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"hyperlink", {
700
761
  pluginConfiguration: import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined;
701
762
  dependencies: [
@@ -965,9 +1026,31 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
965
1026
  } | undefined>>,
966
1027
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockControls", {
967
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>>,
968
1032
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
969
1033
  sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
970
- }, 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>>
971
1054
  ];
972
1055
  sharedState: {
973
1056
  isMenuOpen: boolean;
@@ -983,7 +1066,11 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
983
1066
  showDragHandleAt: (pos: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
984
1067
  setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
985
1068
  };
986
- }, 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>>
987
1074
  ];
988
1075
  actions: {
989
1076
  forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
@@ -1032,6 +1119,9 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
1032
1119
  ];
1033
1120
  actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
1034
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>,
1035
1125
  import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"hyperlink", {
1036
1126
  pluginConfiguration: import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined;
1037
1127
  dependencies: [
@@ -1301,9 +1391,31 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
1301
1391
  } | undefined>>,
1302
1392
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockControls", {
1303
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>>,
1304
1397
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
1305
1398
  sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
1306
- }, 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>>
1307
1419
  ];
1308
1420
  sharedState: {
1309
1421
  isMenuOpen: boolean;
@@ -1319,7 +1431,11 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
1319
1431
  showDragHandleAt: (pos: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
1320
1432
  setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
1321
1433
  };
1322
- }, 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>>
1323
1439
  ];
1324
1440
  actions: {
1325
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.9",
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.1.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
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;