@atlaskit/editor-core 187.37.1 → 187.37.3

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-core
 
+## 187.37.3
+
+### Patch Changes
+
+- [`e0f15f5af8a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e0f15f5af8a) - Fix invalid getPos issue happening for Media and Media group nodeviews
+
+## 187.37.2
+
+### Patch Changes
+
+- [`39fcb436aba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/39fcb436aba) - ED-19617 Create editor-plugin-extension scaffold
+- Updated dependencies
+
 ## 187.37.1
 
 ### Patch Changes

package/dist/cjs/plugins/extension/index.js

@@ -11,6 +11,7 @@ var _keymap = _interopRequireDefault(require("./pm-plugins/keymap"));
 var _uniqueId = require("./pm-plugins/unique-id");
 var _toolbar = require("./toolbar");
 var _contextPanel = require("./context-panel");
+var _extensionApi = require("./extension-api");
 var extensionPlugin = function extensionPlugin(_ref) {
   var _api$featureFlags, _api$contextPanel2, _api$contextPanel3;
   var _ref$config = _ref.config,
@@ -57,6 +58,9 @@ var extensionPlugin = function extensionPlugin(_ref) {
         }
       }];
     },
+    actions: {
+      createExtensionAPI: _extensionApi.createExtensionAPI
+    },
     pluginsOptions: {
       floatingToolbar: (0, _toolbar.getToolbarConfig)({
         breakoutEnabled: options.breakoutEnabled,

package/dist/cjs/plugins/extension/pm-plugins/main.js

@@ -228,13 +228,13 @@ var handleUpdate = function handleUpdate(_ref4) {
 };
 exports.handleUpdate = handleUpdate;
 var createPlugin = function createPlugin(dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, pluginInjectionApi) {
-  var _pluginInjectionApi$c;
+  var _pluginInjectionApi$c, _pluginInjectionApi$c2;
   var useLongPressSelection = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
   var options = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : {};
   var state = (0, _pluginFactory.createPluginState)(dispatch, {
     showEditButton: false,
     showContextPanel: false,
-    applyChangeToContextPanel: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.contextPanel) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.actions.applyChange
+    applyChangeToContextPanel: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.contextPanel) === null || _pluginInjectionApi$c === void 0 ? void 0 : (_pluginInjectionApi$c2 = _pluginInjectionApi$c.actions) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.applyChange
   });
   var extensionNodeViewOptions = {
     appearance: options.appearance
@@ -249,13 +249,13 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
       providerFactory.subscribe('contextIdentificationProvider', contextIdentificationProviderHandler);
       return {
         update: function update(view, prevState) {
-          var _pluginInjectionApi$c2;
+          var _pluginInjectionApi$c3;
           handleUpdate({
             view: view,
             prevState: prevState,
             domAtPos: domAtPos,
             extensionHandlers: extensionHandlers,
-            applyChange: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c2 = pluginInjectionApi.contextPanel) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.actions.applyChange
+            applyChange: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c3 = pluginInjectionApi.contextPanel) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : _pluginInjectionApi$c3.actions.applyChange
           });
         },
         destroy: function destroy() {

package/dist/cjs/plugins/media/nodeviews/mediaGroup.js

@@ -32,7 +32,17 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var isMediaGroupSelectedFromProps = function isMediaGroupSelectedFromProps(props) {
-  var pos = props.getPos();
+  /**
+   *  ED-19831
+   *  There is a getPos issue coming from this code. We need to apply this workaround for now and apply a patch
+   *  directly to confluence since this bug is now iun production.
+   */
+  var pos;
+  try {
+    pos = typeof props.getPos === 'function' ? props.getPos() : undefined;
+  } catch (e) {
+    pos = undefined;
+  }
   if (typeof pos !== 'number') {
     return false;
   }

package/dist/cjs/plugins/media/nodeviews/mediaSingle.js

@@ -469,7 +469,19 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "checkAndUpdateSelectionType", function () {
       var getPos = _this2.getPos;
       var selection = _this2.view.state.selection;
-      var isNodeSelected = (0, _nodes.isNodeSelectedOrInRange)(selection.$anchor.pos, selection.$head.pos, getPos(), _this2.node.nodeSize);
+
+      /**
+       *  ED-19831
+       *  There is a getPos issue coming from this code. We need to apply this workaround for now and apply a patch
+       *  directly to confluence since this bug is now iun production.
+       */
+      var pos;
+      try {
+        pos = typeof getPos === 'function' ? getPos() : undefined;
+      } catch (e) {
+        pos = undefined;
+      }
+      var isNodeSelected = (0, _nodes.isNodeSelectedOrInRange)(selection.$anchor.pos, selection.$head.pos, pos, _this2.node.nodeSize);
       _this2.selectionType = isNodeSelected;
       return isNodeSelected;
     });

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "187.37.1";
+var version = "187.37.3";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

package/dist/es2019/plugins/extension/index.js

@@ -4,6 +4,7 @@ import keymapPlugin from './pm-plugins/keymap';
 import { createPlugin as createUniqueIdPlugin } from './pm-plugins/unique-id';
 import { getToolbarConfig } from './toolbar';
 import { getContextPanel } from './context-panel';
+import { createExtensionAPI } from './extension-api';
 const extensionPlugin = ({
   config: options = {},
   api
@@ -49,6 +50,9 @@ const extensionPlugin = ({
         plugin: () => createUniqueIdPlugin()
       }];
     },
+    actions: {
+      createExtensionAPI
+    },
     pluginsOptions: {
       floatingToolbar: getToolbarConfig({
         breakoutEnabled: options.breakoutEnabled,

package/dist/es2019/plugins/extension/pm-plugins/main.js

@@ -130,11 +130,11 @@ export const handleUpdate = ({
   return true;
 };
 const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, pluginInjectionApi, useLongPressSelection = false, options = {}) => {
-  var _pluginInjectionApi$c;
+  var _pluginInjectionApi$c, _pluginInjectionApi$c2;
   const state = createPluginState(dispatch, {
     showEditButton: false,
     showContextPanel: false,
-    applyChangeToContextPanel: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.contextPanel) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.actions.applyChange
+    applyChangeToContextPanel: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.contextPanel) === null || _pluginInjectionApi$c === void 0 ? void 0 : (_pluginInjectionApi$c2 = _pluginInjectionApi$c.actions) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.applyChange
   });
   const extensionNodeViewOptions = {
     appearance: options.appearance
@@ -149,13 +149,13 @@ const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProvid
       providerFactory.subscribe('contextIdentificationProvider', contextIdentificationProviderHandler);
       return {
         update: (view, prevState) => {
-          var _pluginInjectionApi$c2;
+          var _pluginInjectionApi$c3;
           handleUpdate({
             view,
             prevState,
             domAtPos,
             extensionHandlers,
-            applyChange: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c2 = pluginInjectionApi.contextPanel) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.actions.applyChange
+            applyChange: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c3 = pluginInjectionApi.contextPanel) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : _pluginInjectionApi$c3.actions.applyChange
           });
         },
         destroy: () => {

package/dist/es2019/plugins/media/nodeviews/mediaGroup.js

@@ -13,7 +13,17 @@ import { injectIntl } from 'react-intl-next';
 import { messages } from './messages';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 const isMediaGroupSelectedFromProps = props => {
-  const pos = props.getPos();
+  /**
+   *  ED-19831
+   *  There is a getPos issue coming from this code. We need to apply this workaround for now and apply a patch
+   *  directly to confluence since this bug is now iun production.
+   */
+  let pos;
+  try {
+    pos = typeof props.getPos === 'function' ? props.getPos() : undefined;
+  } catch (e) {
+    pos = undefined;
+  }
   if (typeof pos !== 'number') {
     return false;
   }

package/dist/es2019/plugins/media/nodeviews/mediaSingle.js

@@ -373,7 +373,19 @@ class MediaSingleNodeView extends ReactNodeView {
       const {
         selection
       } = this.view.state;
-      const isNodeSelected = isNodeSelectedOrInRange(selection.$anchor.pos, selection.$head.pos, getPos(), this.node.nodeSize);
+
+      /**
+       *  ED-19831
+       *  There is a getPos issue coming from this code. We need to apply this workaround for now and apply a patch
+       *  directly to confluence since this bug is now iun production.
+       */
+      let pos;
+      try {
+        pos = typeof getPos === 'function' ? getPos() : undefined;
+      } catch (e) {
+        pos = undefined;
+      }
+      const isNodeSelected = isNodeSelectedOrInRange(selection.$anchor.pos, selection.$head.pos, pos, this.node.nodeSize);
       this.selectionType = isNodeSelected;
       return isNodeSelected;
     });

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "187.37.1";
+export const version = "187.37.3";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/plugins/extension/index.js

@@ -4,6 +4,7 @@ import keymapPlugin from './pm-plugins/keymap';
 import { createPlugin as createUniqueIdPlugin } from './pm-plugins/unique-id';
 import { getToolbarConfig } from './toolbar';
 import { getContextPanel } from './context-panel';
+import { createExtensionAPI } from './extension-api';
 var extensionPlugin = function extensionPlugin(_ref) {
   var _api$featureFlags, _api$contextPanel2, _api$contextPanel3;
   var _ref$config = _ref.config,
@@ -50,6 +51,9 @@ var extensionPlugin = function extensionPlugin(_ref) {
         }
       }];
     },
+    actions: {
+      createExtensionAPI: createExtensionAPI
+    },
     pluginsOptions: {
       floatingToolbar: getToolbarConfig({
         breakoutEnabled: options.breakoutEnabled,

package/dist/esm/plugins/extension/pm-plugins/main.js

@@ -199,13 +199,13 @@ export var handleUpdate = function handleUpdate(_ref4) {
   return true;
 };
 var createPlugin = function createPlugin(dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, pluginInjectionApi) {
-  var _pluginInjectionApi$c;
+  var _pluginInjectionApi$c, _pluginInjectionApi$c2;
   var useLongPressSelection = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
   var options = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : {};
   var state = createPluginState(dispatch, {
     showEditButton: false,
     showContextPanel: false,
-    applyChangeToContextPanel: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.contextPanel) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.actions.applyChange
+    applyChangeToContextPanel: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.contextPanel) === null || _pluginInjectionApi$c === void 0 ? void 0 : (_pluginInjectionApi$c2 = _pluginInjectionApi$c.actions) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.applyChange
   });
   var extensionNodeViewOptions = {
     appearance: options.appearance
@@ -220,13 +220,13 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
       providerFactory.subscribe('contextIdentificationProvider', contextIdentificationProviderHandler);
       return {
         update: function update(view, prevState) {
-          var _pluginInjectionApi$c2;
+          var _pluginInjectionApi$c3;
           handleUpdate({
             view: view,
             prevState: prevState,
             domAtPos: domAtPos,
             extensionHandlers: extensionHandlers,
-            applyChange: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c2 = pluginInjectionApi.contextPanel) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.actions.applyChange
+            applyChange: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c3 = pluginInjectionApi.contextPanel) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : _pluginInjectionApi$c3.actions.applyChange
           });
         },
         destroy: function destroy() {

package/dist/esm/plugins/media/nodeviews/mediaGroup.js

@@ -25,7 +25,17 @@ import { injectIntl } from 'react-intl-next';
 import { messages } from './messages';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 var isMediaGroupSelectedFromProps = function isMediaGroupSelectedFromProps(props) {
-  var pos = props.getPos();
+  /**
+   *  ED-19831
+   *  There is a getPos issue coming from this code. We need to apply this workaround for now and apply a patch
+   *  directly to confluence since this bug is now iun production.
+   */
+  var pos;
+  try {
+    pos = typeof props.getPos === 'function' ? props.getPos() : undefined;
+  } catch (e) {
+    pos = undefined;
+  }
   if (typeof pos !== 'number') {
     return false;
   }

package/dist/esm/plugins/media/nodeviews/mediaSingle.js

@@ -460,7 +460,19 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
     _defineProperty(_assertThisInitialized(_this2), "checkAndUpdateSelectionType", function () {
       var getPos = _this2.getPos;
       var selection = _this2.view.state.selection;
-      var isNodeSelected = isNodeSelectedOrInRange(selection.$anchor.pos, selection.$head.pos, getPos(), _this2.node.nodeSize);
+
+      /**
+       *  ED-19831
+       *  There is a getPos issue coming from this code. We need to apply this workaround for now and apply a patch
+       *  directly to confluence since this bug is now iun production.
+       */
+      var pos;
+      try {
+        pos = typeof getPos === 'function' ? getPos() : undefined;
+      } catch (e) {
+        pos = undefined;
+      }
+      var isNodeSelected = isNodeSelectedOrInRange(selection.$anchor.pos, selection.$head.pos, pos, _this2.node.nodeSize);
       _this2.selectionType = isNodeSelected;
       return isNodeSelected;
     });

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "187.37.1";
+export var version = "187.37.3";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/types/plugins/extension/extension-api.d.ts

@@ -1,16 +1,10 @@
-import type { ExtensionAPI } from '@atlaskit/editor-common/extensions';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MacroProvider } from '../macro';
-import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
+import type { CreateExtensionAPI } from '@atlaskit/editor-plugin-extension';
 interface EditInLegacyMacroBrowserArgs {
     view: EditorView;
     macroProvider?: MacroProvider;
 }
 export declare const getEditInLegacyMacroBrowser: ({ view, macroProvider, }: EditInLegacyMacroBrowserArgs) => () => void;
-interface CreateExtensionAPIOptions {
-    editorView: EditorView;
-    applyChange: ApplyChangeHandler | undefined;
-    editInLegacyMacroBrowser?: () => void;
-}
-export declare const createExtensionAPI: (options: CreateExtensionAPIOptions) => ExtensionAPI;
+export declare const createExtensionAPI: CreateExtensionAPI;
 export {};

package/dist/types/plugins/extension/index.d.ts

@@ -1,23 +1,3 @@
-import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
-import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
-import type { NextEditorPlugin, EditorAppearance, OptionalPlugin } from '@atlaskit/editor-common/types';
-import type { LongPressSelectionPluginOptions } from '@atlaskit/editor-common/types';
-import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
-import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
-import type { ContextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
-interface ExtensionPluginOptions extends LongPressSelectionPluginOptions {
-    allowAutoSave?: boolean;
-    breakoutEnabled?: boolean;
-    extensionHandlers?: ExtensionHandlers;
-    appearance?: EditorAppearance;
-}
-declare const extensionPlugin: NextEditorPlugin<'extension', {
-    pluginConfiguration: ExtensionPluginOptions | undefined;
-    dependencies: [
-        FeatureFlagsPlugin,
-        WidthPlugin,
-        DecorationsPlugin,
-        OptionalPlugin<ContextPanelPlugin>
-    ];
-}>;
+import type { ExtensionPlugin } from '@atlaskit/editor-plugin-extension';
+declare const extensionPlugin: ExtensionPlugin;
 export default extensionPlugin;

package/dist/types-ts4.5/plugins/extension/extension-api.d.ts

@@ -1,16 +1,10 @@
-import type { ExtensionAPI } from '@atlaskit/editor-common/extensions';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MacroProvider } from '../macro';
-import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
+import type { CreateExtensionAPI } from '@atlaskit/editor-plugin-extension';
 interface EditInLegacyMacroBrowserArgs {
     view: EditorView;
     macroProvider?: MacroProvider;
 }
 export declare const getEditInLegacyMacroBrowser: ({ view, macroProvider, }: EditInLegacyMacroBrowserArgs) => () => void;
-interface CreateExtensionAPIOptions {
-    editorView: EditorView;
-    applyChange: ApplyChangeHandler | undefined;
-    editInLegacyMacroBrowser?: () => void;
-}
-export declare const createExtensionAPI: (options: CreateExtensionAPIOptions) => ExtensionAPI;
+export declare const createExtensionAPI: CreateExtensionAPI;
 export {};

package/dist/types-ts4.5/plugins/extension/index.d.ts

@@ -1,23 +1,3 @@
-import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
-import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
-import type { NextEditorPlugin, EditorAppearance, OptionalPlugin } from '@atlaskit/editor-common/types';
-import type { LongPressSelectionPluginOptions } from '@atlaskit/editor-common/types';
-import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
-import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
-import type { ContextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
-interface ExtensionPluginOptions extends LongPressSelectionPluginOptions {
-    allowAutoSave?: boolean;
-    breakoutEnabled?: boolean;
-    extensionHandlers?: ExtensionHandlers;
-    appearance?: EditorAppearance;
-}
-declare const extensionPlugin: NextEditorPlugin<'extension', {
-    pluginConfiguration: ExtensionPluginOptions | undefined;
-    dependencies: [
-        FeatureFlagsPlugin,
-        WidthPlugin,
-        DecorationsPlugin,
-        OptionalPlugin<ContextPanelPlugin>
-    ];
-}>;
+import type { ExtensionPlugin } from '@atlaskit/editor-plugin-extension';
+declare const extensionPlugin: ExtensionPlugin;
 export default extensionPlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "187.37.1",
+  "version": "187.37.3",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -67,6 +67,7 @@
     "@atlaskit/editor-plugin-decorations": "^0.2.0",
     "@atlaskit/editor-plugin-editor-disabled": "^0.2.0",
     "@atlaskit/editor-plugin-emoji": "^0.3.0",
+    "@atlaskit/editor-plugin-extension": "^0.1.0",
     "@atlaskit/editor-plugin-feature-flags": "^1.0.0",
     "@atlaskit/editor-plugin-floating-toolbar": "^0.4.0",
     "@atlaskit/editor-plugin-focus": "^0.2.0",
@@ -115,7 +116,7 @@
     "@atlaskit/textfield": "^5.6.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/toggle": "^12.6.0",
-    "@atlaskit/tokens": "^1.18.0",
+    "@atlaskit/tokens": "^1.19.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/width-detector": "^4.1.0",
     "@babel/runtime": "^7.0.0",