@atlaskit/editor-plugin-block-controls 8.3.3 → 8.4.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 8.4.0
+
+### Minor Changes
+
+- [`a287a6035ed71`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a287a6035ed71) -
+  [EDITOR-5005] export VanillaTooltip from the editor-common package and update references
+
+### Patch Changes
+
+- Updated dependencies
+
+## 8.3.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 8.3.3
 
 ### Patch Changes

package/dist/cjs/pm-plugins/vanilla-quick-insert.js

@@ -8,6 +8,7 @@ exports.createVanillaButton = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
 var _messages = require("@atlaskit/editor-common/messages");
+var _vanillaTooltip = require("@atlaskit/editor-common/vanilla-tooltip");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
@@ -15,7 +16,6 @@ var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _documentChecks = require("../ui/utils/document-checks");
 var _editorCommands = require("../ui/utils/editor-commands");
 var _quickInsertCalculatePosition = require("./quick-insert-calculate-position");
-var _vanillaTooltip = require("./vanilla-tooltip");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Based on platform/packages/design-system/icon/svgs/utility/add.svg
@@ -72,7 +72,7 @@ var createVanillaButton = exports.createVanillaButton = function createVanillaBu
       button.onclick = function () {
         return handleQuickInsert(props);
       };
-      var tooltip = new _vanillaTooltip.VanillaTooltip(button, props.formatMessage(_messages.blockControlsMessages.insert), 'quick-insert-button-tooltip');
+      var tooltip = new _vanillaTooltip.VanillaTooltip(button, props.formatMessage(_messages.blockControlsMessages.insert), 'quick-insert-button-tooltip', 'blocks-quick-insert-tooltip');
       props.cleanupCallbacks.push(function () {
         tooltip.destroy();
       });

package/dist/es2019/pm-plugins/vanilla-quick-insert.js

@@ -1,5 +1,6 @@
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { blockControlsMessages as messages } from '@atlaskit/editor-common/messages';
+import { VanillaTooltip } from '@atlaskit/editor-common/vanilla-tooltip';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNode, findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
@@ -7,7 +8,6 @@ import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { isInTextSelection, isNestedNodeSelected, isNonEditableBlock, isSelectionInNode } from '../ui/utils/document-checks';
 import { createNewLine } from '../ui/utils/editor-commands';
 import { calculatePosition } from './quick-insert-calculate-position';
-import { VanillaTooltip } from './vanilla-tooltip';
 // Based on platform/packages/design-system/icon/svgs/utility/add.svg
 const plusButtonDOM = ['http://www.w3.org/2000/svg svg', {
   width: '12',
@@ -63,7 +63,7 @@ export const createVanillaButton = props => {
     const button = dom.querySelector('button[data-testid="editor-quick-insert-button"]');
     if (button instanceof HTMLButtonElement) {
       button.onclick = () => handleQuickInsert(props);
-      const tooltip = new VanillaTooltip(button, props.formatMessage(messages.insert), 'quick-insert-button-tooltip');
+      const tooltip = new VanillaTooltip(button, props.formatMessage(messages.insert), 'quick-insert-button-tooltip', 'blocks-quick-insert-tooltip');
       props.cleanupCallbacks.push(() => {
         tooltip.destroy();
       });

package/dist/esm/pm-plugins/vanilla-quick-insert.js

@@ -3,6 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { blockControlsMessages as messages } from '@atlaskit/editor-common/messages';
+import { VanillaTooltip } from '@atlaskit/editor-common/vanilla-tooltip';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNode, findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
@@ -10,7 +11,6 @@ import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { isInTextSelection, isNestedNodeSelected, isNonEditableBlock, isSelectionInNode } from '../ui/utils/document-checks';
 import { createNewLine } from '../ui/utils/editor-commands';
 import { calculatePosition } from './quick-insert-calculate-position';
-import { VanillaTooltip } from './vanilla-tooltip';
 // Based on platform/packages/design-system/icon/svgs/utility/add.svg
 var plusButtonDOM = ['http://www.w3.org/2000/svg svg', {
   width: '12',
@@ -65,7 +65,7 @@ export var createVanillaButton = function createVanillaButton(props) {
       button.onclick = function () {
         return handleQuickInsert(props);
       };
-      var tooltip = new VanillaTooltip(button, props.formatMessage(messages.insert), 'quick-insert-button-tooltip');
+      var tooltip = new VanillaTooltip(button, props.formatMessage(messages.insert), 'quick-insert-button-tooltip', 'blocks-quick-insert-tooltip');
       props.cleanupCallbacks.push(function () {
         tooltip.destroy();
       });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "8.3.3",
+	"version": "8.4.0",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -54,19 +54,18 @@
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^24.1.0",
+		"@atlaskit/tmp-editor-statsig": "^25.2.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
-		"@popperjs/core": "^2.11.8",
 		"bind-event-listener": "^3.0.0",
 		"memoize-one": "^6.0.0",
 		"raf-schd": "^4.0.3",
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.12.0",
+		"@atlaskit/editor-common": "^111.14.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"

package/dist/cjs/pm-plugins/vanilla-tooltip.js

@@ -1,179 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VanillaTooltip = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _core = require("@popperjs/core");
-var _bindEventListener = require("bind-event-listener");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var startingOffset = {
-  name: 'offset',
-  options: {
-    offset: [0, 4]
-  }
-};
-var endingOffset = {
-  name: 'offset',
-  options: {
-    offset: [0, 8]
-  }
-};
-
-/**
- * A tooltip component similar to "@atlaskit/tooltip" but built for vanilla scenarios
- *
- * Uses Popover API for accessibility + stacking context: https://developer.mozilla.org/en-US/docs/Web/API/Popover_API
- * Uses popperJS for positioning
- *
- * @warning Still experimental. One day we can likely want to move this to a common package.
- */
-var VanillaTooltip = exports.VanillaTooltip = /*#__PURE__*/function () {
-  function VanillaTooltip(button, content,
-  /**
-   * Id associated to the tooltip - must be unique.
-   */
-  id) {
-    var _this = this;
-    var timeout = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 300;
-    (0, _classCallCheck2.default)(this, VanillaTooltip);
-    (0, _defineProperty2.default)(this, "listeners", []);
-    (0, _defineProperty2.default)(this, "shouldHidePopover", false);
-    (0, _defineProperty2.default)(this, "isDisplayed", false);
-    this.button = button;
-    this.timeout = timeout;
-    var tooltip = document.createElement('span');
-    tooltip.role = 'tooltip';
-    tooltip.popover = 'hint';
-    // Warning: Currently this is used for styling - only works in the block controls package
-    tooltip.className = 'blocks-quick-insert-tooltip';
-    tooltip.id = id;
-    tooltip.textContent = content;
-    this.tooltip = tooltip;
-
-    // Button preparation
-    button.appendChild(tooltip);
-    // Prepare the button to have the popover target and accessibility properties
-    button.setAttribute('popovertarget', tooltip.id);
-    button.setAttribute('aria-describedby', tooltip.id);
-    var showEvents = ['mouseenter', 'focus'];
-    var hideEvents = ['mouseleave', 'blur'];
-    showEvents.forEach(function (event) {
-      _this.listeners.push((0, _bindEventListener.bind)(button, {
-        type: event,
-        listener: function listener() {
-          return _this.show();
-        }
-      }));
-    });
-    hideEvents.forEach(function (event) {
-      _this.listeners.push((0, _bindEventListener.bind)(button, {
-        type: event,
-        listener: function listener() {
-          return _this.hide();
-        }
-      }));
-    });
-    this.listeners.push((0, _bindEventListener.bind)(window, {
-      type: 'keydown',
-      listener: function listener(e) {
-        if (e.key === 'Escape') {
-          _this.hide(true);
-        }
-      }
-    }));
-
-    // Hide the tooltip if the hide transition has completed
-    this.tooltip.ontransitionend = function () {
-      if (_this.shouldHidePopover) {
-        _this.tooltip.hidePopover();
-      }
-    };
-  }
-  return (0, _createClass2.default)(VanillaTooltip, [{
-    key: "createPopperInstance",
-    value: function createPopperInstance() {
-      this.popperInstance = (0, _core.createPopper)(this.button, this.tooltip, {
-        placement: 'top',
-        modifiers: [startingOffset]
-      });
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      var _this$popperInstance;
-      (_this$popperInstance = this.popperInstance) === null || _this$popperInstance === void 0 || _this$popperInstance.destroy();
-      this.listeners.forEach(function (listener) {
-        listener();
-      });
-    }
-  }, {
-    key: "hide",
-    value: function hide() {
-      var _this2 = this;
-      var immediate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      clearTimeout(this.currentTimeoutId);
-      this.shouldHidePopover = true;
-      // Disable the event listeners
-      this.currentTimeoutId = setTimeout(function () {
-        var _this2$popperInstance;
-        (_this2$popperInstance = _this2.popperInstance) === null || _this2$popperInstance === void 0 || _this2$popperInstance.setOptions(function (options) {
-          return _objectSpread(_objectSpread({}, options), {}, {
-            modifiers: [startingOffset, {
-              name: 'eventListeners',
-              enabled: false
-            }]
-          });
-        });
-        _this2.tooltip.style.opacity = '0';
-        _this2.isDisplayed = false;
-        // If transition animations are disabled immediately hide the popover
-        if (_this2.tooltip.style.transition === 'none') {
-          _this2.tooltip.hidePopover();
-        }
-      }, immediate ? 0 : this.timeout);
-    }
-  }, {
-    key: "show",
-    value: function show() {
-      var _this3 = this;
-      if (this.isDisplayed) {
-        return;
-      }
-      clearTimeout(this.currentTimeoutId);
-      this.shouldHidePopover = false;
-
-      // Make the tooltip visible - but hide until
-      this.tooltip.style.visibility = 'hidden';
-      this.tooltip.showPopover();
-
-      // Update its position
-      if (!this.popperInstance) {
-        this.createPopperInstance();
-      } else {
-        this.popperInstance.update();
-      }
-
-      // Enable the event listeners
-      this.currentTimeoutId = setTimeout(function () {
-        var _this3$popperInstance;
-        _this3.tooltip.style.opacity = '1';
-        _this3.tooltip.style.visibility = 'visible';
-        (_this3$popperInstance = _this3.popperInstance) === null || _this3$popperInstance === void 0 || _this3$popperInstance.setOptions(function (options) {
-          return _objectSpread(_objectSpread({}, options), {}, {
-            modifiers: [endingOffset, {
-              name: 'eventListeners',
-              enabled: true
-            }]
-          });
-        });
-        _this3.isDisplayed = true;
-      }, this.timeout);
-    }
-  }]);
-}();

package/dist/es2019/pm-plugins/vanilla-tooltip.js

@@ -1,147 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { createPopper } from '@popperjs/core';
-import { bind } from 'bind-event-listener';
-const startingOffset = {
-  name: 'offset',
-  options: {
-    offset: [0, 4]
-  }
-};
-const endingOffset = {
-  name: 'offset',
-  options: {
-    offset: [0, 8]
-  }
-};
-
-/**
- * A tooltip component similar to "@atlaskit/tooltip" but built for vanilla scenarios
- *
- * Uses Popover API for accessibility + stacking context: https://developer.mozilla.org/en-US/docs/Web/API/Popover_API
- * Uses popperJS for positioning
- *
- * @warning Still experimental. One day we can likely want to move this to a common package.
- */
-export class VanillaTooltip {
-  constructor(button, content,
-  /**
-   * Id associated to the tooltip - must be unique.
-   */
-  id, timeout = 300) {
-    _defineProperty(this, "listeners", []);
-    _defineProperty(this, "shouldHidePopover", false);
-    _defineProperty(this, "isDisplayed", false);
-    this.button = button;
-    this.timeout = timeout;
-    const tooltip = document.createElement('span');
-    tooltip.role = 'tooltip';
-    tooltip.popover = 'hint';
-    // Warning: Currently this is used for styling - only works in the block controls package
-    tooltip.className = 'blocks-quick-insert-tooltip';
-    tooltip.id = id;
-    tooltip.textContent = content;
-    this.tooltip = tooltip;
-
-    // Button preparation
-    button.appendChild(tooltip);
-    // Prepare the button to have the popover target and accessibility properties
-    button.setAttribute('popovertarget', tooltip.id);
-    button.setAttribute('aria-describedby', tooltip.id);
-    const showEvents = ['mouseenter', 'focus'];
-    const hideEvents = ['mouseleave', 'blur'];
-    showEvents.forEach(event => {
-      this.listeners.push(bind(button, {
-        type: event,
-        listener: () => this.show()
-      }));
-    });
-    hideEvents.forEach(event => {
-      this.listeners.push(bind(button, {
-        type: event,
-        listener: () => this.hide()
-      }));
-    });
-    this.listeners.push(bind(window, {
-      type: 'keydown',
-      listener: e => {
-        if (e.key === 'Escape') {
-          this.hide(true);
-        }
-      }
-    }));
-
-    // Hide the tooltip if the hide transition has completed
-    this.tooltip.ontransitionend = () => {
-      if (this.shouldHidePopover) {
-        this.tooltip.hidePopover();
-      }
-    };
-  }
-  createPopperInstance() {
-    this.popperInstance = createPopper(this.button, this.tooltip, {
-      placement: 'top',
-      modifiers: [startingOffset]
-    });
-  }
-  destroy() {
-    var _this$popperInstance;
-    (_this$popperInstance = this.popperInstance) === null || _this$popperInstance === void 0 ? void 0 : _this$popperInstance.destroy();
-    this.listeners.forEach(listener => {
-      listener();
-    });
-  }
-  hide(immediate = false) {
-    clearTimeout(this.currentTimeoutId);
-    this.shouldHidePopover = true;
-    // Disable the event listeners
-    this.currentTimeoutId = setTimeout(() => {
-      var _this$popperInstance2;
-      (_this$popperInstance2 = this.popperInstance) === null || _this$popperInstance2 === void 0 ? void 0 : _this$popperInstance2.setOptions(options => ({
-        ...options,
-        modifiers: [startingOffset, {
-          name: 'eventListeners',
-          enabled: false
-        }]
-      }));
-      this.tooltip.style.opacity = '0';
-      this.isDisplayed = false;
-      // If transition animations are disabled immediately hide the popover
-      if (this.tooltip.style.transition === 'none') {
-        this.tooltip.hidePopover();
-      }
-    }, immediate ? 0 : this.timeout);
-  }
-  show() {
-    if (this.isDisplayed) {
-      return;
-    }
-    clearTimeout(this.currentTimeoutId);
-    this.shouldHidePopover = false;
-
-    // Make the tooltip visible - but hide until
-    this.tooltip.style.visibility = 'hidden';
-    this.tooltip.showPopover();
-
-    // Update its position
-    if (!this.popperInstance) {
-      this.createPopperInstance();
-    } else {
-      this.popperInstance.update();
-    }
-
-    // Enable the event listeners
-    this.currentTimeoutId = setTimeout(() => {
-      var _this$popperInstance3;
-      this.tooltip.style.opacity = '1';
-      this.tooltip.style.visibility = 'visible';
-      (_this$popperInstance3 = this.popperInstance) === null || _this$popperInstance3 === void 0 ? void 0 : _this$popperInstance3.setOptions(options => ({
-        ...options,
-        modifiers: [endingOffset, {
-          name: 'eventListeners',
-          enabled: true
-        }]
-      }));
-      this.isDisplayed = true;
-    }, this.timeout);
-  }
-}

package/dist/esm/pm-plugins/vanilla-tooltip.js

@@ -1,172 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { createPopper } from '@popperjs/core';
-import { bind } from 'bind-event-listener';
-var startingOffset = {
-  name: 'offset',
-  options: {
-    offset: [0, 4]
-  }
-};
-var endingOffset = {
-  name: 'offset',
-  options: {
-    offset: [0, 8]
-  }
-};
-
-/**
- * A tooltip component similar to "@atlaskit/tooltip" but built for vanilla scenarios
- *
- * Uses Popover API for accessibility + stacking context: https://developer.mozilla.org/en-US/docs/Web/API/Popover_API
- * Uses popperJS for positioning
- *
- * @warning Still experimental. One day we can likely want to move this to a common package.
- */
-export var VanillaTooltip = /*#__PURE__*/function () {
-  function VanillaTooltip(button, content,
-  /**
-   * Id associated to the tooltip - must be unique.
-   */
-  id) {
-    var _this = this;
-    var timeout = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 300;
-    _classCallCheck(this, VanillaTooltip);
-    _defineProperty(this, "listeners", []);
-    _defineProperty(this, "shouldHidePopover", false);
-    _defineProperty(this, "isDisplayed", false);
-    this.button = button;
-    this.timeout = timeout;
-    var tooltip = document.createElement('span');
-    tooltip.role = 'tooltip';
-    tooltip.popover = 'hint';
-    // Warning: Currently this is used for styling - only works in the block controls package
-    tooltip.className = 'blocks-quick-insert-tooltip';
-    tooltip.id = id;
-    tooltip.textContent = content;
-    this.tooltip = tooltip;
-
-    // Button preparation
-    button.appendChild(tooltip);
-    // Prepare the button to have the popover target and accessibility properties
-    button.setAttribute('popovertarget', tooltip.id);
-    button.setAttribute('aria-describedby', tooltip.id);
-    var showEvents = ['mouseenter', 'focus'];
-    var hideEvents = ['mouseleave', 'blur'];
-    showEvents.forEach(function (event) {
-      _this.listeners.push(bind(button, {
-        type: event,
-        listener: function listener() {
-          return _this.show();
-        }
-      }));
-    });
-    hideEvents.forEach(function (event) {
-      _this.listeners.push(bind(button, {
-        type: event,
-        listener: function listener() {
-          return _this.hide();
-        }
-      }));
-    });
-    this.listeners.push(bind(window, {
-      type: 'keydown',
-      listener: function listener(e) {
-        if (e.key === 'Escape') {
-          _this.hide(true);
-        }
-      }
-    }));
-
-    // Hide the tooltip if the hide transition has completed
-    this.tooltip.ontransitionend = function () {
-      if (_this.shouldHidePopover) {
-        _this.tooltip.hidePopover();
-      }
-    };
-  }
-  return _createClass(VanillaTooltip, [{
-    key: "createPopperInstance",
-    value: function createPopperInstance() {
-      this.popperInstance = createPopper(this.button, this.tooltip, {
-        placement: 'top',
-        modifiers: [startingOffset]
-      });
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      var _this$popperInstance;
-      (_this$popperInstance = this.popperInstance) === null || _this$popperInstance === void 0 || _this$popperInstance.destroy();
-      this.listeners.forEach(function (listener) {
-        listener();
-      });
-    }
-  }, {
-    key: "hide",
-    value: function hide() {
-      var _this2 = this;
-      var immediate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      clearTimeout(this.currentTimeoutId);
-      this.shouldHidePopover = true;
-      // Disable the event listeners
-      this.currentTimeoutId = setTimeout(function () {
-        var _this2$popperInstance;
-        (_this2$popperInstance = _this2.popperInstance) === null || _this2$popperInstance === void 0 || _this2$popperInstance.setOptions(function (options) {
-          return _objectSpread(_objectSpread({}, options), {}, {
-            modifiers: [startingOffset, {
-              name: 'eventListeners',
-              enabled: false
-            }]
-          });
-        });
-        _this2.tooltip.style.opacity = '0';
-        _this2.isDisplayed = false;
-        // If transition animations are disabled immediately hide the popover
-        if (_this2.tooltip.style.transition === 'none') {
-          _this2.tooltip.hidePopover();
-        }
-      }, immediate ? 0 : this.timeout);
-    }
-  }, {
-    key: "show",
-    value: function show() {
-      var _this3 = this;
-      if (this.isDisplayed) {
-        return;
-      }
-      clearTimeout(this.currentTimeoutId);
-      this.shouldHidePopover = false;
-
-      // Make the tooltip visible - but hide until
-      this.tooltip.style.visibility = 'hidden';
-      this.tooltip.showPopover();
-
-      // Update its position
-      if (!this.popperInstance) {
-        this.createPopperInstance();
-      } else {
-        this.popperInstance.update();
-      }
-
-      // Enable the event listeners
-      this.currentTimeoutId = setTimeout(function () {
-        var _this3$popperInstance;
-        _this3.tooltip.style.opacity = '1';
-        _this3.tooltip.style.visibility = 'visible';
-        (_this3$popperInstance = _this3.popperInstance) === null || _this3$popperInstance === void 0 || _this3$popperInstance.setOptions(function (options) {
-          return _objectSpread(_objectSpread({}, options), {}, {
-            modifiers: [endingOffset, {
-              name: 'eventListeners',
-              enabled: true
-            }]
-          });
-        });
-        _this3.isDisplayed = true;
-      }, this.timeout);
-    }
-  }]);
-}();

package/dist/types/pm-plugins/vanilla-tooltip.d.ts

@@ -1,27 +0,0 @@
-/**
- * A tooltip component similar to "@atlaskit/tooltip" but built for vanilla scenarios
- *
- * Uses Popover API for accessibility + stacking context: https://developer.mozilla.org/en-US/docs/Web/API/Popover_API
- * Uses popperJS for positioning
- *
- * @warning Still experimental. One day we can likely want to move this to a common package.
- */
-export declare class VanillaTooltip {
-    private button;
-    private timeout;
-    private popperInstance;
-    private listeners;
-    private currentTimeoutId;
-    private shouldHidePopover;
-    private tooltip;
-    private isDisplayed;
-    constructor(button: HTMLButtonElement, content: string, 
-    /**
-     * Id associated to the tooltip - must be unique.
-     */
-    id: string, timeout?: number);
-    private createPopperInstance;
-    destroy(): void;
-    private hide;
-    private show;
-}

package/dist/types-ts4.5/pm-plugins/vanilla-tooltip.d.ts

@@ -1,27 +0,0 @@
-/**
- * A tooltip component similar to "@atlaskit/tooltip" but built for vanilla scenarios
- *
- * Uses Popover API for accessibility + stacking context: https://developer.mozilla.org/en-US/docs/Web/API/Popover_API
- * Uses popperJS for positioning
- *
- * @warning Still experimental. One day we can likely want to move this to a common package.
- */
-export declare class VanillaTooltip {
-    private button;
-    private timeout;
-    private popperInstance;
-    private listeners;
-    private currentTimeoutId;
-    private shouldHidePopover;
-    private tooltip;
-    private isDisplayed;
-    constructor(button: HTMLButtonElement, content: string, 
-    /**
-     * Id associated to the tooltip - must be unique.
-     */
-    id: string, timeout?: number);
-    private createPopperInstance;
-    destroy(): void;
-    private hide;
-    private show;
-}