@atlaskit/editor-common 74.19.2 → 74.21.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-common
 
+## 74.21.0
+
+### Minor Changes
+
+- [`680a4437157`](https://bitbucket.org/atlassian/atlassian-frontend/commits/680a4437157) - - Adds support for datasource quick insert
+  - Export type `DatasourceModalType`
+
+## 74.20.0
+
+### Minor Changes
+
+- [`8b891bf3590`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8b891bf3590) - This change introduces `editor-plugin-hyperlink` which separates the hyperlink plugin from `editor-core`. In order to enable this change there are now new entry points on `editor-common` (such as `/link`, `/quick-insert`) in order to separate common code. Further `prosemirror-input-rules` now has new exports of `createPlugin` and `createRule` which are used in many plugins in `editor-core`.
+
 ## 74.19.2
 
 ### Patch Changes

package/dist/cjs/link/LinkPicker/EditorLinkPicker/index.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditorLinkPicker = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _linkPicker = require("@atlaskit/link-picker");
+var _utils = require("../../../utils");
+var _useEscapeClickaway = require("./useEscapeClickaway");
+var _excluded = ["view", "onCancel", "invokeMethod", "editorAppearance", "onClose", "onEscapeCallback", "onClickAwayCallback"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/**
+ * Returns a type that matches T but where keys (K) are now optional
+ */
+
+var EditorLinkPicker = function EditorLinkPicker(_ref) {
+  var view = _ref.view,
+    onCancel = _ref.onCancel,
+    _ref$invokeMethod = _ref.invokeMethod,
+    invokeMethod = _ref$invokeMethod === void 0 ? '_unknown' : _ref$invokeMethod,
+    editorAppearance = _ref.editorAppearance,
+    onClose = _ref.onClose,
+    onEscapeCallback = _ref.onEscapeCallback,
+    onClickAwayCallback = _ref.onClickAwayCallback,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  /**
+   * Track onClose handler in a
+   * ref so that we void needing it in the dependency array
+   * below
+   */
+  var onCloseRef = (0, _react.useRef)(onClose);
+  (0, _react.useEffect)(function () {
+    onCloseRef.current = onClose;
+  });
+
+  /**
+   * Call onClose on mount, usefull to provide
+   * a handler for performing an action after the component has been
+   * unmounted (e.g. return focus to the editors)
+   */
+  (0, _react.useEffect)(function () {
+    return function () {
+      var _onCloseRef$current;
+      return (_onCloseRef$current = onCloseRef.current) === null || _onCloseRef$current === void 0 ? void 0 : _onCloseRef$current.call(onCloseRef);
+    };
+  }, []);
+  var onEscape = (0, _react.useCallback)(function () {
+    var state = view.state,
+      dispatch = view.dispatch;
+    onEscapeCallback === null || onEscapeCallback === void 0 ? void 0 : onEscapeCallback(state, dispatch);
+    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+  }, [view, onCancel, onEscapeCallback]);
+  var onClickAway = (0, _react.useCallback)(function () {
+    var state = view.state,
+      dispatch = view.dispatch;
+    onClickAwayCallback === null || onClickAwayCallback === void 0 ? void 0 : onClickAwayCallback(state, dispatch);
+    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+  }, [view, onCancel, onClickAwayCallback]);
+  var ref = (0, _useEscapeClickaway.useEscapeClickaway)(onEscape, onClickAway);
+  var analyticsEditorAppearance = (0, _utils.getAnalyticsEditorAppearance)(editorAppearance);
+  var analyticsData = (0, _react.useMemo)(function () {
+    return {
+      attributes: {
+        invokeMethod: invokeMethod,
+        location: analyticsEditorAppearance
+      },
+      // Below is added for the future implementation of Linking Platform namespaced analytic context
+      location: analyticsEditorAppearance
+    };
+  }, [invokeMethod, analyticsEditorAppearance]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+    data: analyticsData
+  }, /*#__PURE__*/_react.default.createElement(_linkPicker.LinkPicker, (0, _extends2.default)({}, restProps, {
+    onCancel: onEscape
+  }))));
+};
+exports.EditorLinkPicker = EditorLinkPicker;

package/dist/cjs/link/LinkPicker/EditorLinkPicker/useEscapeClickaway.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useEscapeClickaway = void 0;
+var _react = require("react");
+var useEscapeClickaway = function useEscapeClickaway(onEscape, onClickAway) {
+  var ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    var handleClickAway = function handleClickAway(event) {
+      var el = ref.current;
+      if (event.target instanceof Element && el && !el.contains(event.target)) {
+        onClickAway();
+      }
+    };
+    var handleKeydown = function handleKeydown(event) {
+      if (event.key === 'Escape') {
+        event.preventDefault();
+        onEscape();
+      }
+    };
+    document.addEventListener('mousedown', handleClickAway);
+    document.addEventListener('keydown', handleKeydown);
+    return function () {
+      document.removeEventListener('mousedown', handleClickAway);
+      document.removeEventListener('keydown', handleKeydown);
+    };
+  }, [onClickAway, onEscape]);
+  return ref;
+};
+exports.useEscapeClickaway = useEscapeClickaway;