@atlaskit/editor-plugin-card 0.14.17 → 0.14.19

package/dist/esm/ui/AwarenessWrapper/index.js

@@ -0,0 +1,99 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+/** @jsx jsx */
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { css, jsx } from '@emotion/react';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
+import useLinkUpgradeDiscoverability from '../../common/hooks/useLinkUpgradeDiscoverability';
+import { isLocalStorageKeyDiscovered, LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK, LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR, markLocalStorageKeyDiscovered, ONE_DAY_IN_MILLISECONDS } from '../../common/local-storage';
+import { getResolvedAttributesFromStore } from '../../utils';
+import InlineCardOverlay from '../InlineCardOverlay';
+import { DiscoveryPulse } from '../Pulse';
+// editor adds a standard line-height that is bigger than an inline smart link
+// due to that the link has a bit of white space around it, which doesn't look right when there is pulse around it
+var loaderWrapperStyles = css({
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  '.loader-wrapper': {
+    lineHeight: 'normal'
+  }
+});
+export var AwarenessWrapper = function AwarenessWrapper(_ref) {
+  var _cardContext$value2;
+  var cardContext = _ref.cardContext,
+    children = _ref.children,
+    getPos = _ref.getPos,
+    isInserted = _ref.isInserted,
+    isOverlayEnabled = _ref.isOverlayEnabled,
+    isSelected = _ref.isSelected,
+    isResolvedViewRendered = _ref.isResolvedViewRendered,
+    isPulseEnabled = _ref.isPulseEnabled,
+    markMostRecentlyInsertedLink = _ref.markMostRecentlyInsertedLink,
+    pluginInjectionApi = _ref.pluginInjectionApi,
+    setOverlayHoveredStyles = _ref.setOverlayHoveredStyles,
+    url = _ref.url;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isHovered = _useState2[0],
+    setIsHovered = _useState2[1];
+  var linkPosition = useMemo(function () {
+    if (!getPos || typeof getPos === 'boolean') {
+      return undefined;
+    }
+    var pos = getPos();
+    return typeof pos === 'number' ? pos : undefined;
+  }, [getPos]);
+  var _useLinkUpgradeDiscov = useLinkUpgradeDiscoverability({
+      url: url,
+      linkPosition: linkPosition || -1,
+      cardContext: cardContext === null || cardContext === void 0 ? void 0 : cardContext.value,
+      pluginInjectionApi: pluginInjectionApi,
+      isOverlayEnabled: isOverlayEnabled,
+      isPulseEnabled: isPulseEnabled
+    }),
+    shouldShowLinkPulse = _useLinkUpgradeDiscov.shouldShowLinkPulse,
+    shouldShowToolbarPulse = _useLinkUpgradeDiscov.shouldShowToolbarPulse,
+    shouldShowLinkOverlay = _useLinkUpgradeDiscov.shouldShowLinkOverlay,
+    isLinkMostRecentlyInserted = _useLinkUpgradeDiscov.isLinkMostRecentlyInserted;
+
+  // If the toolbar pulse has not yet been invalidated and this is a case where we will be showing it,
+  // we need to invalidate the link pulse too. Toolbar pulse will be invalidated in the corresponding component.
+  if (isSelected && shouldShowToolbarPulse && !isLocalStorageKeyDiscovered(LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR)) {
+    markLocalStorageKeyDiscovered(LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK);
+  }
+  useEffect(function () {
+    if (shouldShowLinkOverlay && isLinkMostRecentlyInserted) {
+      markMostRecentlyInsertedLink(true);
+    }
+  }, [isLinkMostRecentlyInserted, markMostRecentlyInsertedLink, shouldShowLinkOverlay]);
+  var handleOverlayChange = useCallback(function (isHovered) {
+    setIsHovered(isHovered);
+    setOverlayHoveredStyles(isHovered);
+  }, [setOverlayHoveredStyles]);
+  var cardWithOverlay = useMemo(function () {
+    return shouldShowLinkOverlay ? jsx(InlineCardOverlay, {
+      isSelected: isSelected,
+      isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected),
+      onMouseEnter: function onMouseEnter() {
+        return handleOverlayChange(true);
+      },
+      onMouseLeave: function onMouseLeave() {
+        return handleOverlayChange(false);
+      },
+      url: url
+    }, children) : children;
+  }, [shouldShowLinkOverlay, isSelected, isResolvedViewRendered, isInserted, isHovered, url, children, handleOverlayChange]);
+  return useMemo(function () {
+    var _cardContext$value;
+    return jsx("span", {
+      css: shouldShowLinkPulse && loaderWrapperStyles,
+      className: "card"
+    }, shouldShowLinkPulse ? jsx(AnalyticsContext, {
+      data: {
+        attributes: getResolvedAttributesFromStore(url, 'inline', cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store)
+      }
+    }, jsx(DiscoveryPulse, {
+      localStorageKey: LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK,
+      localStorageKeyExpirationInMs: ONE_DAY_IN_MILLISECONDS,
+      discoveryMode: "start"
+    }, cardWithOverlay)) : cardWithOverlay);
+  }, [shouldShowLinkPulse, url, cardContext === null || cardContext === void 0 || (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.store, cardWithOverlay]);
+};

package/dist/esm/ui/EditorLinkingPlatformAnalytics/common.js

@@ -19,7 +19,10 @@ var withHistoryMethod = function withHistoryMethod(fn) {
   };
 };
 export var getMethod = withHistoryMethod(function (_ref) {
-  var inputMethod = _ref.inputMethod;
+  var _inputMethod, _payload;
+  var inputMethod = _ref.inputMethod,
+    sourceEvent = _ref.sourceEvent;
+  inputMethod = (_inputMethod = inputMethod) !== null && _inputMethod !== void 0 ? _inputMethod : sourceEvent === null || sourceEvent === void 0 || (_payload = sourceEvent.payload) === null || _payload === void 0 || (_payload = _payload.attributes) === null || _payload === void 0 ? void 0 : _payload.inputMethod;
   switch (inputMethod) {
     case INPUT_METHOD.CLIPBOARD:
       return 'editor_paste';
@@ -32,6 +35,8 @@ export var getMethod = withHistoryMethod(function (_ref) {
       return 'linkpicker_searchResult';
     case INPUT_METHOD.MANUAL:
       return 'linkpicker_manual';
+    case INPUT_METHOD.DATASOURCE:
+      return 'datasource_config';
     default:
       return 'unknown';
   }

package/dist/esm/ui/LinkToolbarAppearance.js

@@ -18,9 +18,9 @@ import nodeNames, { cardMessages as messages } from '@atlaskit/editor-common/mes
 import { isSupportedInParent } from '@atlaskit/editor-common/utils';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR } from '../common/local-storage';
-import { DiscoveryPulse } from '../common/pulse';
 import { shouldRenderToolbarPulse } from '../toolbar';
 import { getResolvedAttributesFromStore } from '../utils';
+import { DiscoveryPulse } from './Pulse';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
   _inherits(LinkToolbarAppearance, _React$Component);

package/dist/esm/{common/pulse → ui/Pulse}/index.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { Pulse } from '@atlaskit/linking-common';
-import { isLocalStorageKeyDiscovered, markLocalStorageKeyDiscovered } from '../local-storage';
+import { isLocalStorageKeyDiscovered, markLocalStorageKeyDiscovered } from '../../common/local-storage';
 export var DiscoveryPulse = function DiscoveryPulse(_ref) {
   var children = _ref.children,
     localStorageKey = _ref.localStorageKey,

package/dist/types/nodeviews/inlineCardWithAwareness.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { jsx } from '@emotion/react';
+import React from 'react';
 import type { SmartCardProps } from './genericCard';
-export declare const InlineCardWithAwareness: import("react").MemoExoticComponent<({ node, cardContext, showServerActions, useAlternativePreloader, view, getPos, isOverlayEnabled, isPulseEnabled, pluginInjectionApi, isSelected, }: SmartCardProps) => jsx.JSX.Element | null>;
+export declare const InlineCardWithAwareness: React.MemoExoticComponent<({ node, cardContext, showServerActions, useAlternativePreloader, view, getPos, isOverlayEnabled, isPulseEnabled, pluginInjectionApi, isSelected, }: SmartCardProps) => JSX.Element | null>;

package/dist/types/ui/AwarenessWrapper/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+import type { SmartCardProps } from '../../nodeviews/genericCard';
+type AwarenessWrapperProps = {
+    isInserted?: boolean;
+    isResolvedViewRendered?: boolean;
+    children: JSX.Element;
+    markMostRecentlyInsertedLink: (isLinkMostRecentlyInserted: boolean) => void;
+    setOverlayHoveredStyles: (isHovered: boolean) => void;
+    url: string;
+} & Partial<SmartCardProps>;
+export declare const AwarenessWrapper: ({ cardContext, children, getPos, isInserted, isOverlayEnabled, isSelected, isResolvedViewRendered, isPulseEnabled, markMostRecentlyInsertedLink, pluginInjectionApi, setOverlayHoveredStyles, url, }: AwarenessWrapperProps) => jsx.JSX.Element;
+export {};

package/dist/types/ui/EditorLinkingPlatformAnalytics/LinkEvents.d.ts

@@ -1,4 +1,4 @@
-import { AnalyticsBindingsProps } from './common';
+import type { AnalyticsBindingsProps } from './common';
 /**
  * Subscribes to the events occuring in the card
  * plugin and fires analytics events accordingly

package/dist/types-ts4.5/nodeviews/inlineCardWithAwareness.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { jsx } from '@emotion/react';
+import React from 'react';
 import type { SmartCardProps } from './genericCard';
-export declare const InlineCardWithAwareness: import("react").MemoExoticComponent<({ node, cardContext, showServerActions, useAlternativePreloader, view, getPos, isOverlayEnabled, isPulseEnabled, pluginInjectionApi, isSelected, }: SmartCardProps) => jsx.JSX.Element | null>;
+export declare const InlineCardWithAwareness: React.MemoExoticComponent<({ node, cardContext, showServerActions, useAlternativePreloader, view, getPos, isOverlayEnabled, isPulseEnabled, pluginInjectionApi, isSelected, }: SmartCardProps) => JSX.Element | null>;

package/dist/types-ts4.5/ui/AwarenessWrapper/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+import type { SmartCardProps } from '../../nodeviews/genericCard';
+type AwarenessWrapperProps = {
+    isInserted?: boolean;
+    isResolvedViewRendered?: boolean;
+    children: JSX.Element;
+    markMostRecentlyInsertedLink: (isLinkMostRecentlyInserted: boolean) => void;
+    setOverlayHoveredStyles: (isHovered: boolean) => void;
+    url: string;
+} & Partial<SmartCardProps>;
+export declare const AwarenessWrapper: ({ cardContext, children, getPos, isInserted, isOverlayEnabled, isSelected, isResolvedViewRendered, isPulseEnabled, markMostRecentlyInsertedLink, pluginInjectionApi, setOverlayHoveredStyles, url, }: AwarenessWrapperProps) => jsx.JSX.Element;
+export {};

package/dist/types-ts4.5/ui/EditorLinkingPlatformAnalytics/LinkEvents.d.ts

@@ -1,4 +1,4 @@
-import { AnalyticsBindingsProps } from './common';
+import type { AnalyticsBindingsProps } from './common';
 /**
  * Subscribes to the events occuring in the card
  * plugin and fires analytics events accordingly

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-card",
-  "version": "0.14.17",
+  "version": "0.14.19",
   "description": "Card plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -52,10 +52,10 @@
     "@atlaskit/linking-common": "^4.21.0",
     "@atlaskit/linking-types": "^8.5.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/primitives": "^1.14.0",
+    "@atlaskit/primitives": "^1.15.0",
     "@atlaskit/smart-card": "^26.43.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.29.0",
+    "@atlaskit/tokens": "^1.30.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "lodash": "^4.17.21",