@atlaskit/smart-card 26.9.1 → 26.9.3

package/dist/esm/view/BlockCard/views/flexible/FlexibleForbiddenView.js

@@ -10,7 +10,7 @@ import BlockCardFooter from '../../components/flexible/footer';
 import { ForbiddenAction } from '../../actions/flexible/ForbiddenAction';
 import Text from '../../../FlexibleCard/components/elements/text';
 import { getForbiddenJsonLd } from '../../../../utils/jsonld';
-import { extractProvider } from '@atlaskit/linking-common/extractors';
+import { extractProvider } from '@atlaskit/link-extractors';
 import { extractRequestAccessContext } from '../../../../extractors/common/context';
 
 /**

package/dist/esm/view/BlockCard/views/flexible/FlexibleUnauthorisedView.js

@@ -6,7 +6,7 @@ import { AuthorizeAction } from '../../actions/flexible/AuthorizeAction';
 import BlockCardFooter from '../../components/flexible/footer';
 import { CustomBlock, TitleBlock } from '../../../FlexibleCard/components/blocks';
 import { SmartLinkStatus } from '../../../../constants';
-import { extractProvider } from '@atlaskit/linking-common/extractors';
+import { extractProvider } from '@atlaskit/link-extractors';
 import UnauthorisedViewContent from '../../../common/UnauthorisedViewContent';
 import { css } from '@emotion/react';
 import { tokens } from '../../../../utils/token';

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

@@ -189,6 +189,7 @@ var Container = function Container(_ref3) {
   if (context !== null && context !== void 0 && context.url && (canShowHoverPreview || canShowAuthTooltip)) {
     return jsx(HoverCard, {
       url: context === null || context === void 0 ? void 0 : context.url,
+      allowEventPropagation: true,
       canOpen: hoverCardCanOpen,
       closeOnChildClick: true,
       hidePreviewButton: hideHoverCardPreviewButton

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

@@ -5,7 +5,7 @@ import { messages } from '../../messages';
 import extractFlexibleUiContext from '../../extractors/flexible';
 import { extractErrorIcon } from '../../extractors/flexible/icon';
 import { handleOnClick } from '../../utils';
-import { extractProvider } from '@atlaskit/linking-common/extractors';
+import { extractProvider } from '@atlaskit/link-extractors';
 import extractProviderIcon from '../../extractors/flexible/icon/extract-provider-icon';
 export var getContextByStatus = function getContextByStatus(params) {
   var _ref = params !== null && params !== void 0 ? params : {},

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

@@ -30,7 +30,9 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     _ref$hidePreviewButto = _ref.hidePreviewButton,
     hidePreviewButton = _ref$hidePreviewButto === void 0 ? false : _ref$hidePreviewButto,
     _ref$showServerAction = _ref.showServerActions,
-    showServerActions = _ref$showServerAction === void 0 ? false : _ref$showServerAction;
+    showServerActions = _ref$showServerAction === void 0 ? false : _ref$showServerAction,
+    _ref$allowEventPropag = _ref.allowEventPropagation,
+    allowEventPropagation = _ref$allowEventPropag === void 0 ? false : _ref$allowEventPropag;
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isOpen = _React$useState2[0],
@@ -154,11 +156,13 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
 
   // Stop hover preview content to propagate event to parent.
   var onChildClick = useCallback(function (e) {
-    e.stopPropagation();
+    if (!allowEventPropagation) {
+      e.stopPropagation();
+    }
     if (closeOnChildClick) {
       hideCard();
     }
-  }, [closeOnChildClick, hideCard]);
+  }, [allowEventPropagation, closeOnChildClick, hideCard]);
   var content = useCallback(function (_ref2) {
     var update = _ref2.update;
     var hoverCardContentProps = {

package/dist/esm/view/HoverCard/components/views/unauthorised/index.js

@@ -4,7 +4,7 @@ import { FormattedMessage } from 'react-intl-next';
 import FlexibleCard from '../../../../FlexibleCard';
 import { messages } from '../../../../../messages';
 import { CustomBlock } from '../../../../FlexibleCard/components/blocks';
-import { extractProvider } from '@atlaskit/linking-common/extractors';
+import { extractProvider } from '@atlaskit/link-extractors';
 import { connectButtonStyles, mainTextStyles, titleBlockStyles } from './styled';
 import UnauthorisedViewContent from '../../../../common/UnauthorisedViewContent';
 import ActionGroup from '../../../../FlexibleCard/components/blocks/action-group';

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

@@ -25,6 +25,21 @@ var HoverCardWithErrorBoundary = function HoverCardWithErrorBoundary(props) {
   }, jsx(HoverCardComponent, props, children));
 };
 var HoverCardWithoutAnalyticsContext = withAnalyticsEvents()(HoverCardWithErrorBoundary);
+
+/**
+ * A hover preview component using within smart links,
+ * e.g. inline card's hover preview and auth tooltip, flexible card's hover preview.
+ *
+ * This component contains additional props that smart-card internal components
+ * use to configure hover preview behaviour.
+ */
 export var HoverCard = function HoverCard(props) {
   return jsx(HoverCardWithoutAnalyticsContext, props);
+};
+
+/**
+ * A standalone hover preview component
+ */
+export var StandaloneHoverCard = function StandaloneHoverCard(props) {
+  return jsx(HoverCard, props);
 };

package/dist/esm/view/HoverCard/utils.js

@@ -1,5 +1,5 @@
 import { ElementName } from '../../constants';
-import { extractType } from '@atlaskit/linking-common/extractors';
+import { extractType } from '@atlaskit/link-extractors';
 import { extractOwnedBy } from '../../extractors/flexible/utils';
 export var getSimulatedMetadata = function getSimulatedMetadata() {
   var extensionKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';

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

@@ -9,7 +9,7 @@ import { InlineCardForbiddenView } from './ForbiddenView';
 import { InlineCardResolvedView } from './ResolvedView';
 import { InlineCardResolvingView } from './ResolvingView';
 import { InlineCardUnauthorizedView } from './UnauthorisedView';
-import { extractProvider } from '@atlaskit/linking-common/extractors';
+import { extractProvider } from '@atlaskit/link-extractors';
 import { useFeatureFlag } from '@atlaskit/link-provider';
 import { getExtensionKey } from '../../state/helpers';
 export { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView };

package/dist/types/extractors/block/index.d.ts

@@ -1,6 +1,6 @@
 import { JsonLd } from 'json-ld-types';
 import { CardProviderRenderers } from '@atlaskit/link-provider';
-import { LinkPerson } from '@atlaskit/linking-common/extractors';
+import { LinkPerson } from '@atlaskit/link-extractors';
 import { ExtractBlockOpts } from './types';
 import { CardPlatform } from '../../view/Card';
 import { BlockCardResolvedViewProps } from '../../view/BlockCard';

package/dist/types/extractors/common/icon/extractIcon.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { JsonLd } from 'json-ld-types';
-import { LinkProvider } from '@atlaskit/linking-common/extractors';
+import { LinkProvider } from '@atlaskit/link-extractors';
 import { LinkTaskType } from '../lozenge/extractTaskType';
 export type IconPriority = 'type' | 'provider';
 export interface IconOpts {

package/dist/types/extractors/flexible/collaboratorGroup/index.d.ts

@@ -1,4 +1,4 @@
 import { JsonLd } from 'json-ld-types';
-import { LinkPerson } from '@atlaskit/linking-common/extractors';
+import { LinkPerson } from '@atlaskit/link-extractors';
 export type LinkTypeUpdatedBy = JsonLd.Data.Document | JsonLd.Data.Project | JsonLd.Data.SourceCodePullRequest | JsonLd.Data.SourceCodeReference | JsonLd.Data.SourceCodeRepository | JsonLd.Data.Task;
 export declare const extractPersonsUpdatedBy: (jsonLd: LinkTypeUpdatedBy) => LinkPerson[] | undefined;

package/dist/types/hoverCard.d.ts

@@ -1,2 +1,2 @@
-export { HoverCard } from './view/HoverCard';
+export { StandaloneHoverCard as HoverCard } from './view/HoverCard';
 export type { HoverCardProps } from './view/HoverCard/types';

package/dist/types/state/flexible-ui-context/types.d.ts

@@ -1,5 +1,5 @@
 import { LinkLozenge } from '../../extractors/common/lozenge/types';
-import { LinkPerson } from '@atlaskit/linking-common/extractors';
+import { LinkPerson } from '@atlaskit/link-extractors';
 import { IconType, MediaType } from '../../constants';
 /**
  * This provides the data that will be used by Smart Links Flexible UI to populate it's

package/dist/types/view/Card/types.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { CardAppearance, CardPlatform } from '@atlaskit/linking-common';
+import { CardAppearance } from '@atlaskit/linking-common';
+import { CardPlatform } from '@atlaskit/link-extractors';
 import { AnalyticsFacade } from '../../state/analytics';
 import { FlexibleUiOptions } from '../FlexibleCard/types';
 import { InlinePreloaderStyle, OnErrorCallback } from '../types';

package/dist/types/view/HoverCard/index.d.ts

@@ -1,3 +1,14 @@
 import { jsx } from '@emotion/react';
-import { HoverCardProps } from './types';
-export declare const HoverCard: (props: HoverCardProps) => jsx.JSX.Element;
+import { HoverCardInternalProps, HoverCardProps } from './types';
+/**
+ * A hover preview component using within smart links,
+ * e.g. inline card's hover preview and auth tooltip, flexible card's hover preview.
+ *
+ * This component contains additional props that smart-card internal components
+ * use to configure hover preview behaviour.
+ */
+export declare const HoverCard: (props: HoverCardProps & HoverCardInternalProps) => jsx.JSX.Element;
+/**
+ * A standalone hover preview component
+ */
+export declare const StandaloneHoverCard: (props: HoverCardProps) => jsx.JSX.Element;

package/dist/types/view/HoverCard/types.d.ts

@@ -43,7 +43,20 @@ export interface HoverCardProps extends WithAnalyticsEventsProps {
      */
     showServerActions?: boolean;
 }
-export interface HoverCardComponentProps extends HoverCardProps {
+/**
+ * An internal props that internal smart-card components can use to configure
+ * hover preview behaviour. The prop contains here are suitable for unsafe
+ * or experiment props that will not be or are yet ready to be available on
+ * standalone hover card.
+ */
+export interface HoverCardInternalProps {
+    /**
+     * Allow click event to bubble up from hover preview trigger component.
+     * @see EDM-7187 for further details
+     */
+    allowEventPropagation?: boolean;
+}
+export interface HoverCardComponentProps extends HoverCardProps, HoverCardInternalProps {
     analyticsHandler?: AnalyticsHandler;
     analytics?: AnalyticsFacade;
     canOpen?: boolean;

package/dist/types-ts4.5/extractors/block/index.d.ts

@@ -1,6 +1,6 @@
 import { JsonLd } from 'json-ld-types';
 import { CardProviderRenderers } from '@atlaskit/link-provider';
-import { LinkPerson } from '@atlaskit/linking-common/extractors';
+import { LinkPerson } from '@atlaskit/link-extractors';
 import { ExtractBlockOpts } from './types';
 import { CardPlatform } from '../../view/Card';
 import { BlockCardResolvedViewProps } from '../../view/BlockCard';

package/dist/types-ts4.5/extractors/common/icon/extractIcon.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { JsonLd } from 'json-ld-types';
-import { LinkProvider } from '@atlaskit/linking-common/extractors';
+import { LinkProvider } from '@atlaskit/link-extractors';
 import { LinkTaskType } from '../lozenge/extractTaskType';
 export type IconPriority = 'type' | 'provider';
 export interface IconOpts {

package/dist/types-ts4.5/extractors/flexible/collaboratorGroup/index.d.ts

@@ -1,4 +1,4 @@
 import { JsonLd } from 'json-ld-types';
-import { LinkPerson } from '@atlaskit/linking-common/extractors';
+import { LinkPerson } from '@atlaskit/link-extractors';
 export type LinkTypeUpdatedBy = JsonLd.Data.Document | JsonLd.Data.Project | JsonLd.Data.SourceCodePullRequest | JsonLd.Data.SourceCodeReference | JsonLd.Data.SourceCodeRepository | JsonLd.Data.Task;
 export declare const extractPersonsUpdatedBy: (jsonLd: LinkTypeUpdatedBy) => LinkPerson[] | undefined;

package/dist/types-ts4.5/hoverCard.d.ts

@@ -1,2 +1,2 @@
-export { HoverCard } from './view/HoverCard';
+export { StandaloneHoverCard as HoverCard } from './view/HoverCard';
 export type { HoverCardProps } from './view/HoverCard/types';

package/dist/types-ts4.5/state/flexible-ui-context/types.d.ts

@@ -1,5 +1,5 @@
 import { LinkLozenge } from '../../extractors/common/lozenge/types';
-import { LinkPerson } from '@atlaskit/linking-common/extractors';
+import { LinkPerson } from '@atlaskit/link-extractors';
 import { IconType, MediaType } from '../../constants';
 /**
  * This provides the data that will be used by Smart Links Flexible UI to populate it's

package/dist/types-ts4.5/view/Card/types.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { CardAppearance, CardPlatform } from '@atlaskit/linking-common';
+import { CardAppearance } from '@atlaskit/linking-common';
+import { CardPlatform } from '@atlaskit/link-extractors';
 import { AnalyticsFacade } from '../../state/analytics';
 import { FlexibleUiOptions } from '../FlexibleCard/types';
 import { InlinePreloaderStyle, OnErrorCallback } from '../types';

package/dist/types-ts4.5/view/HoverCard/index.d.ts

@@ -1,3 +1,14 @@
 import { jsx } from '@emotion/react';
-import { HoverCardProps } from './types';
-export declare const HoverCard: (props: HoverCardProps) => jsx.JSX.Element;
+import { HoverCardInternalProps, HoverCardProps } from './types';
+/**
+ * A hover preview component using within smart links,
+ * e.g. inline card's hover preview and auth tooltip, flexible card's hover preview.
+ *
+ * This component contains additional props that smart-card internal components
+ * use to configure hover preview behaviour.
+ */
+export declare const HoverCard: (props: HoverCardProps & HoverCardInternalProps) => jsx.JSX.Element;
+/**
+ * A standalone hover preview component
+ */
+export declare const StandaloneHoverCard: (props: HoverCardProps) => jsx.JSX.Element;

package/dist/types-ts4.5/view/HoverCard/types.d.ts

@@ -43,7 +43,20 @@ export interface HoverCardProps extends WithAnalyticsEventsProps {
      */
     showServerActions?: boolean;
 }
-export interface HoverCardComponentProps extends HoverCardProps {
+/**
+ * An internal props that internal smart-card components can use to configure
+ * hover preview behaviour. The prop contains here are suitable for unsafe
+ * or experiment props that will not be or are yet ready to be available on
+ * standalone hover card.
+ */
+export interface HoverCardInternalProps {
+    /**
+     * Allow click event to bubble up from hover preview trigger component.
+     * @see EDM-7187 for further details
+     */
+    allowEventPropagation?: boolean;
+}
+export interface HoverCardComponentProps extends HoverCardProps, HoverCardInternalProps {
     analyticsHandler?: AnalyticsHandler;
     analytics?: AnalyticsFacade;
     canOpen?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.9.1",
+  "version": "26.9.3",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -44,6 +44,7 @@
     "@atlaskit/in-product-testing": "^0.2.0",
     "@atlaskit/link-analytics": "^8.2.0",
     "@atlaskit/link-client-extension": "^1.5.0",
+    "@atlaskit/link-extractors": "^1.1.0",
     "@atlaskit/linking-common": "^3.2.0",
     "@atlaskit/linking-types": "^8.1.0",
     "@atlaskit/logo": "^13.14.0",
@@ -79,25 +80,11 @@
   },
   "devDependencies": {
     "@atlaskit/avatar": "^21.3.0",
-    "@atlaskit/checkbox": "^12.6.0",
-    "@atlaskit/code": "^14.6.0",
     "@atlaskit/css-reset": "^6.5.0",
-    "@atlaskit/docs": "*",
-    "@atlaskit/form": "^8.11.0",
-    "@atlaskit/inline-message": "^11.5.0",
     "@atlaskit/link-test-helpers": "^4.1.0",
     "@atlaskit/lozenge": "^11.4.0",
     "@atlaskit/media-integration-test-helpers": "^3.0.0",
     "@atlaskit/media-test-helpers": "^33.0.0",
-    "@atlaskit/page": "^12.3.0",
-    "@atlaskit/radio": "^5.6.0",
-    "@atlaskit/range": "^7.1.0",
-    "@atlaskit/section-message": "^6.4.0",
-    "@atlaskit/select": "^16.5.0",
-    "@atlaskit/table-tree": "^9.6.0",
-    "@atlaskit/tabs": "^13.4.0",
-    "@atlaskit/textfield": "^5.5.0",
-    "@atlaskit/toggle": "^12.6.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/feature-flags-test-utils": "^0.1.1",

package/report.api.md

@@ -23,7 +23,7 @@ import { BlockCardAdf } from '@atlaskit/linking-common';
 import { CardAdf } from '@atlaskit/linking-common';
 import { CardAppearance } from '@atlaskit/linking-common';
 import { CardContext } from '@atlaskit/link-provider';
-import { CardPlatform } from '@atlaskit/linking-common';
+import { CardPlatform } from '@atlaskit/link-extractors';
 import { CardType } from '@atlaskit/linking-common';
 import { CardClient as Client } from '@atlaskit/link-provider';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';

package/tmp/api-report-tmp.d.ts

@@ -12,7 +12,7 @@ import { BlockCardAdf } from '@atlaskit/linking-common';
 import { CardAdf } from '@atlaskit/linking-common';
 import { CardAppearance } from '@atlaskit/linking-common';
 import { CardContext } from '@atlaskit/link-provider';
-import { CardPlatform } from '@atlaskit/linking-common';
+import { CardPlatform } from '@atlaskit/link-extractors';
 import { CardType } from '@atlaskit/linking-common';
 import { CardClient as Client } from '@atlaskit/link-provider';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';