@atlaskit/smart-card 26.9.15 → 26.9.17

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

@@ -0,0 +1,32 @@
+import React from 'react';
+import { AnalyticsFacade } from '../../../state/analytics';
+export interface InlineCardUnauthorizedViewProps {
+    /** The url to display */
+    url: string;
+    /** The icon of the service (e.g. Dropbox/Asana/Google/etc) to display */
+    icon?: React.ReactNode;
+    /** The name of the service (e.g. Dropbox/Asana/Google/etc) to display */
+    context?: string;
+    /** The optional click handler */
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** What to do when a user hit "Try another account" button */
+    onAuthorise?: () => void;
+    /** A flag that determines whether the card is selected in edit mode. */
+    isSelected?: boolean;
+    /** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */
+    testId?: string;
+    /** A flag that determines is a tooltip should show up on hover over the unauthorised link */
+    showAuthTooltip?: boolean;
+    /** A smart link id that may be used in analytics */
+    id?: string;
+    /** An AnalyticsFacade object used for calling analytics. */
+    analytics: AnalyticsFacade;
+    /** An identifier of the provider which will be executing the action. */
+    extensionKey?: string;
+}
+export declare class InlineCardUnauthorizedView extends React.Component<InlineCardUnauthorizedViewProps> {
+    private frameRef;
+    handleConnectAccount: (event: React.MouseEvent<HTMLElement>) => void;
+    renderActionButton: () => JSX.Element | undefined;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { InlineCardProps } from './types';
+import { InlineCardErroredView } from './ErroredView';
+import { InlineCardForbiddenView } from './ForbiddenView';
+import { InlineCardResolvedView } from './ResolvedView';
+import { InlineCardResolvingView } from './ResolvingView';
+import { InlineCardUnauthorizedView } from './UnauthorisedView';
+export { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView, };
+export declare const InlineCard: FC<InlineCardProps>;

package/dist/types-ts4.5/view/RedesignedInlineCard/styled.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare const IconStyledButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const NoLinkAppearance: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const LowercaseAppearance: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const LinkAppearance: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;

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

@@ -0,0 +1,25 @@
+import { EventHandler, MouseEvent, KeyboardEvent } from 'react';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
+import { CardState } from '../../state/types';
+import { InlinePreloaderStyle, OnErrorCallback } from '../types';
+import { AnalyticsFacade } from '../../state/analytics';
+export type InlineCardProps = {
+    id: string;
+    url: string;
+    cardState: CardState;
+    handleAuthorize: (() => void) | undefined;
+    handleFrameClick: EventHandler<MouseEvent | KeyboardEvent>;
+    isSelected?: boolean;
+    testId?: string;
+    onResolve?: (data: {
+        url?: string;
+        title?: string;
+    }) => void;
+    onError?: OnErrorCallback;
+    inlinePreloaderStyle?: InlinePreloaderStyle;
+    renderers?: CardProviderRenderers;
+    showHoverPreview?: boolean;
+    showAuthTooltip?: boolean;
+    showServerActions?: boolean;
+    analytics: AnalyticsFacade;
+};

package/dist/types-ts4.5/view/RedesignedInlineCard/utils/withFrameStyleControl.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * This HOC serves as a temporary workaround for controlling the style of a parent component.
+ * We do not want the Frame to have a hover state when hovering over the action button.
+ * TODO: When Firefox begins supporting the :has()pseudo-selector (e.g "frame:has(button:hover){...}"),
+ * it should be used instead and the code should be cleaned up.
+ */
+declare const _default: (Button: any, frameRef: React.RefObject<HTMLSpanElement>) => (props: any) => JSX.Element;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.9.15",
+  "version": "26.9.17",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,7 +27,7 @@
     "@atlaskit/avatar": "^21.3.0",
     "@atlaskit/avatar-group": "^9.3.0",
     "@atlaskit/button": "^16.8.0",
-    "@atlaskit/dropdown-menu": "^11.10.0",
+    "@atlaskit/dropdown-menu": "^11.11.0",
     "@atlaskit/frontend-utilities": "^2.7.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/icon-file-type": "^6.4.0",
@@ -37,7 +37,7 @@
     "@atlaskit/link-analytics": "^8.2.0",
     "@atlaskit/link-client-extension": "^1.5.0",
     "@atlaskit/link-extractors": "^1.1.0",
-    "@atlaskit/linking-common": "^4.0.0",
+    "@atlaskit/linking-common": "^4.1.0",
     "@atlaskit/linking-types": "^8.2.0",
     "@atlaskit/logo": "^13.14.0",
     "@atlaskit/lozenge": "^11.4.0",
@@ -45,7 +45,7 @@
     "@atlaskit/modal-dialog": "^12.6.0",
     "@atlaskit/outbound-auth-flow-client": "^3.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
-    "@atlaskit/popup": "^1.8.0",
+    "@atlaskit/popup": "^1.9.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/theme": "^12.5.0",
     "@atlaskit/tokens": "^1.13.0",
@@ -142,6 +142,9 @@
     },
     "platform.linking-platform.smart-card.should-call-onclick-in-warning-modal-only-when-safe": {
       "type": "boolean"
+    },
+    "platform.linking-platform.smart-card.show-inline-card-refreshed-design": {
+      "type": "boolean"
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"