@atlaskit/editor-common 74.19.2 → 74.21.0

package/dist/es2019/ui/index.js

@@ -22,4 +22,7 @@ export { RECENT_SEARCH_WIDTH_IN_PX, RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX, REC
 export { ContextPanelProvider, ContextPanelWidthProvider, ContextPanelConsumer, ContextPanel } from './ContextPanel/context';
 export { default as Resizer } from './ResizerLegacy';
 export { snapTo, handleSides, imageAlignmentMap } from './ResizerLegacy/utils';
-export { wrapperStyle } from './ResizerLegacy/styled';
+export { wrapperStyle } from './ResizerLegacy/styled';
+export { panelTextInput } from './PanelTextInput/styles';
+export { default as PanelTextInput } from './PanelTextInput';
+export { default as Announcer } from './Announcer/announcer';

package/dist/es2019/utils/commands.js

@@ -0,0 +1,11 @@
+export const filter = (predicates, cmd) => {
+  return function (state, dispatch, view) {
+    if (!Array.isArray(predicates)) {
+      predicates = [predicates];
+    }
+    if (predicates.some(pred => !pred(state, view))) {
+      return false;
+    }
+    return cmd(state, dispatch, view) || false;
+  };
+};

package/dist/es2019/utils/datasource.js

@@ -1,15 +1,15 @@
 import { JIRA_LIST_OF_LINKS_DATASOURCE_ID } from '@atlaskit/link-datasource';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-const getDatasourceType = datasource => {
-  switch (datasource.id) {
+const getDatasourceType = datasourceId => {
+  switch (datasourceId) {
     case JIRA_LIST_OF_LINKS_DATASOURCE_ID:
       return 'jira';
     default:
       return undefined;
   }
 };
-export const canRenderDatasource = (datasource, defaultValue = true) => {
-  const datasourceType = getDatasourceType(datasource);
+export const canRenderDatasource = (datasourceId, defaultValue = true) => {
+  const datasourceType = getDatasourceType(datasourceId);
   switch (datasourceType) {
     case 'jira':
       if (getBooleanFF('platform.linking-platform.datasource-jira_issues')) {

package/dist/es2019/utils/hyperlink.js

@@ -162,4 +162,22 @@ export function getLinkCreationAnalyticsEvent(inputMethod, url) {
       linkDomain: getLinkDomain(url)
     }
   };
-}
+}
+export const canLinkBeCreatedInRange = (from, to) => state => {
+  if (!state.doc.rangeHasMark(from, to, state.schema.marks.link)) {
+    const $from = state.doc.resolve(from);
+    const $to = state.doc.resolve(to);
+    const link = state.schema.marks.link;
+    if ($from.parent === $to.parent && $from.parent.isTextblock) {
+      if ($from.parent.type.allowsMarkType(link)) {
+        let allowed = true;
+        state.doc.nodesBetween(from, to, node => {
+          allowed = allowed && !node.marks.some(m => m.type.excludes(link));
+          return allowed;
+        });
+        return allowed;
+      }
+    }
+  }
+  return false;
+};

package/dist/es2019/utils/index.js

@@ -35,7 +35,7 @@ export { useComponentRenderTracking } from './performance/hooks/use-component-re
 export { isOutdatedBrowser } from './outdated-browsers';
 export { isReferencedSource, removeConnectedNodes, getChildrenInfo, getNodeName } from './referentiality';
 export { getItemCounterDigitsSize, getOrderFromOrderedListNode, resolveOrder, isListNode, isParagraphNode, isListItemNode, isBulletList } from './list';
-export { isFromCurrentDomain, LinkMatcher, normalizeUrl, linkifyContent, getLinkDomain, findFilepaths, isLinkInMatches, FILEPATH_REGEXP, DONTLINKIFY_REGEXP, getLinkCreationAnalyticsEvent } from './hyperlink';
+export { isFromCurrentDomain, LinkMatcher, normalizeUrl, linkifyContent, getLinkDomain, findFilepaths, isLinkInMatches, FILEPATH_REGEXP, DONTLINKIFY_REGEXP, getLinkCreationAnalyticsEvent, canLinkBeCreatedInRange } from './hyperlink';
 
 // prosemirror-history does not export its plugin key
 export const pmHistoryPluginKey = 'history$';
@@ -43,4 +43,10 @@ export { gridTypeForLayout } from './grid';
 export { nodesBetweenChanged, getStepRange, isEmptyDocument, processRawValue, hasDocAsParent, bracketTyped } from './document';
 export { floatingLayouts, isRichMediaInsideOfBlockNode, calculateSnapPoints, alignAttributes } from './rich-media-utils';
 export { sanitizeNodeForPrivacy } from './filter/privacy-filter';
-export { canRenderDatasource } from './datasource';
+export { canRenderDatasource } from './datasource';
+export { filter as filterCommands } from './commands';
+export function shallowEqual(obj1 = {}, obj2 = {}) {
+  const keys1 = Object.keys(obj1);
+  const keys2 = Object.keys(obj2);
+  return keys1.length === keys2.length && keys1.reduce((acc, key) => acc && obj1[key] === obj2[key], true);
+}

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "74.19.2",
+	"version": "74.21.0",
 	"sideEffects": false
 }

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

@@ -0,0 +1,76 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["view", "onCancel", "invokeMethod", "editorAppearance", "onClose", "onEscapeCallback", "onClickAwayCallback"];
+import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { LinkPicker } from '@atlaskit/link-picker';
+import { getAnalyticsEditorAppearance } from '../../../utils';
+import { useEscapeClickaway } from './useEscapeClickaway';
+
+/**
+ * Returns a type that matches T but where keys (K) are now optional
+ */
+
+export 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 = _objectWithoutProperties(_ref, _excluded);
+  /**
+   * Track onClose handler in a
+   * ref so that we void needing it in the dependency array
+   * below
+   */
+  var onCloseRef = useRef(onClose);
+  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)
+   */
+  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 = 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 = 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 = useEscapeClickaway(onEscape, onClickAway);
+  var analyticsEditorAppearance = getAnalyticsEditorAppearance(editorAppearance);
+  var analyticsData = 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.createElement("div", {
+    ref: ref
+  }, /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: analyticsData
+  }, /*#__PURE__*/React.createElement(LinkPicker, _extends({}, restProps, {
+    onCancel: onEscape
+  }))));
+};

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

@@ -0,0 +1,25 @@
+import { useEffect, useRef } from 'react';
+export var useEscapeClickaway = function useEscapeClickaway(onEscape, onClickAway) {
+  var ref = useRef(null);
+  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;
+};