@atlaskit/smart-card 23.13.2 → 23.13.3

package/dist/esm/view/FlexibleCard/index.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useEffect } from 'react';
+import React, { useEffect, useMemo } from 'react';
 import { SmartLinkStatus } from '../../constants';
 import Container from './components/container';
 import { FlexibleUiAnalyticsContext, FlexibleUiContext } from '../../state/flexible-ui-context';
@@ -27,7 +27,9 @@ var FlexibleCard = function FlexibleCard(_ref) {
   var cardType = cardState.status,
       details = cardState.details;
   var status = cardType;
-  var context = getContextByStatus(url, status, details, renderers);
+  var context = useMemo(function () {
+    return getContextByStatus(url, status, details, renderers);
+  }, [details, renderers, status, url]);
   var retry = getRetryOptions(url, status, details, onAuthorize);
 
   var _ref2 = context || {},

package/dist/esm/view/HoverCard/components/HoverCardComponent.js

@@ -120,6 +120,31 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       hideCard();
     }
   }, [closeOnChildClick, hideCard]);
+  var content = useCallback(function (_ref2) {
+    var update = _ref2.update;
+    return jsx(HoverCardContent, {
+      onMouseEnter: initShowCard,
+      onMouseLeave: initHideCard,
+      analytics: analytics,
+      cardActions: linkActions,
+      cardState: linkState,
+      onActionClick: onActionClick,
+      onResolve: update,
+      renderers: renderers,
+      url: url
+    });
+  }, [analytics, initHideCard, initShowCard, linkActions, linkState, onActionClick, renderers, url]);
+  var trigger = useCallback(function (triggerProps) {
+    return jsx("span", {
+      ref: parentSpan
+    }, jsx("span", _extends({}, triggerProps, {
+      onMouseEnter: initShowCard,
+      onMouseLeave: initHideCard,
+      onMouseMove: setMousePosition,
+      onClick: onChildClick,
+      "data-testid": "hover-card-trigger-wrapper"
+    }), children));
+  }, [children, initHideCard, initShowCard, onChildClick, setMousePosition]);
   return jsx(Popup, {
     testId: "hover-card",
     isOpen: isOpen && canOpen,
@@ -127,31 +152,8 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     placement: "bottom-start",
     offset: popupOffset.current,
     autoFocus: false,
-    content: function content(_ref2) {
-      var update = _ref2.update;
-      return jsx(HoverCardContent, {
-        onMouseEnter: initShowCard,
-        onMouseLeave: initHideCard,
-        analytics: analytics,
-        cardActions: linkActions,
-        cardState: linkState,
-        onActionClick: onActionClick,
-        onResolve: update,
-        renderers: renderers,
-        url: url
-      });
-    },
-    trigger: function trigger(triggerProps) {
-      return jsx("span", {
-        ref: parentSpan
-      }, jsx("span", _extends({}, triggerProps, {
-        onMouseEnter: initShowCard,
-        onMouseLeave: initHideCard,
-        onMouseMove: setMousePosition,
-        onClick: onChildClick,
-        "data-testid": "hover-card-trigger-wrapper"
-      }), children));
-    },
+    content: content,
+    trigger: trigger,
     zIndex: 511 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
 
   });

package/dist/types/view/FlexibleCard/components/blocks/action-group/action-group-item/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Appearance } from '@atlaskit/button';
+import { SmartLinkSize } from '../../../../../../constants';
+import { ActionItem } from '../../types';
+declare const ActionGroupItem: React.FC<{
+    item: ActionItem;
+    size: SmartLinkSize;
+    appearance?: Appearance;
+    asDropDownItems?: boolean;
+    onActionItemClick?: () => void;
+}>;
+export default ActionGroupItem;

package/dist/types/view/FlexibleCard/components/blocks/utils.d.ts

@@ -1,13 +1,12 @@
 import React from 'react';
 import { SerializedStyles } from '@emotion/react';
-import { ActionItem, ElementItem } from './types';
+import { ElementItem } from './types';
 import { ElementName, SmartLinkDirection, SmartLinkSize } from '../../../../constants';
-import { Appearance } from '@atlaskit/button';
 export declare type ElementDisplaySchemaType = 'inline' | 'block';
 export declare const ElementDisplaySchema: Record<ElementName, ElementDisplaySchemaType[]>;
 export declare const getGapSize: (size: SmartLinkSize) => number;
 export declare const getBaseStyles: (direction: SmartLinkDirection, size: SmartLinkSize) => SerializedStyles;
 export declare const highlightRemoveStyles: SerializedStyles;
+export declare const isJSXElementNull: (children: JSX.Element) => boolean;
 export declare const renderChildren: (children: React.ReactNode, size: SmartLinkSize) => React.ReactNode;
 export declare const renderElementItems: (items?: ElementItem[], display?: ElementDisplaySchemaType) => React.ReactNode | undefined;
-export declare const renderActionItems: (items?: ActionItem[], size?: SmartLinkSize, appearance?: Appearance | undefined, asDropDownItems?: boolean | undefined, onActionItemClick?: (() => void) | undefined) => React.ReactElement[] | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "23.13.2",
+  "version": "23.13.3",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"