@atlaskit/smart-card 26.1.3 → 26.1.5

package/dist/types-ts4.5/view/InlineCard/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/InlineCard/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/LinkUrl/LinkWarningModal/hooks/use-link-warning-modal.d.ts

@@ -0,0 +1,9 @@
+import { MouseEvent } from 'react';
+export declare const useLinkWarningModal: () => {
+    checkLinkSafety: (event: MouseEvent<HTMLAnchorElement>, href: string | undefined) => void;
+    unsafeLinkText: string | null;
+    onClose: () => void;
+    onContinue: () => void;
+    isOpen: boolean;
+    url: string | null;
+};

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
+interface LinkWarningModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onContinue: () => void;
+    unsafeLinkText: string | null;
+    url: string | null;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<LinkWarningModalProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<LinkWarningModalProps & WrappedComponentProps<"intl">>;
+};
+export default _default;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { LinkUrlProps } from './types';
+declare const _default: React.ForwardRefExoticComponent<LinkUrlProps & {
+    children?: React.ReactNode;
+} & import("@atlaskit/analytics-next").WithContextProps & React.RefAttributes<any>>;
+export default _default;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface LinkUrlProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /**
+     * Determines if we want to perform a link safety check. True by default.
+     */
+    checkSafety?: boolean;
+    testId?: string;
+}
+export type PackageDataType = {
+    packageName: '@atlaskit/smart-card';
+    packageVersion: string;
+    componentName: 'linkUrl';
+};

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FrameViewProps } from '../InlineCard/Frame';
+export interface CardLinkViewProps extends FrameViewProps {
+    placeholder?: string;
+}
+export declare class CardLinkView extends React.PureComponent<CardLinkViewProps> {
+    render(): JSX.Element;
+}

package/dist/types-ts4.5/view/SmartLinkEvents/useSmartLinkEvents.d.ts

@@ -0,0 +1,2 @@
+import { SmartLinkEvents } from '../../utils/analytics/analytics';
+export declare function useSmartLinkEvents(): SmartLinkEvents;

package/dist/types-ts4.5/view/common/Byline.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export interface BylineProps {
+    text?: React.ReactNode;
+    testId?: string;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const Byline: ({ text, children, testId, className }: BylineProps) => jsx.JSX.Element;

package/dist/types-ts4.5/view/common/Icon.d.ts

@@ -0,0 +1,12 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import React from 'react';
+export interface IconProps {
+    url?: string;
+    icon?: React.ReactNode;
+    defaultIcon?: React.ReactNode;
+    testId?: string;
+    isFlexibleUi?: boolean;
+}
+export declare const blockCardIconImageClassName = "block-card-icon-image";
+export declare const Icon: ({ url, icon, defaultIcon, testId, isFlexibleUi, }: IconProps) => jsx.JSX.Element;

package/dist/types-ts4.5/view/common/Metadata.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export interface MetadataProps {
+    text: string;
+    icon?: React.ReactNode;
+    iconUrl?: string;
+    tooltip?: string;
+}
+export declare const Metadata: ({ text, icon, iconUrl, tooltip }: MetadataProps) => jsx.JSX.Element;

package/dist/types-ts4.5/view/common/MetadataList.d.ts

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { MetadataProps } from './Metadata';
+export interface MetadataListProps {
+    items: MetadataProps[];
+    testId?: string;
+}
+export declare const metadataListClassName = "smart-link-metadata-list";
+export declare const MetadataList: ({ items, testId }: MetadataListProps) => jsx.JSX.Element;

package/dist/types-ts4.5/view/common/UnauthorisedViewContent.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { AnalyticsFacade } from '../../state/analytics';
+type UnauthorisedViewContentProps = {
+    /**
+     * Is the name of the provider for the account that needs to be connected
+     * Eg. Google, Microsoft etc
+     */
+    providerName?: string;
+    /**
+     * 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;
+    /**
+     * An analytics facade object which will be used to send analytics.
+     * @internal
+     */
+    analytics?: AnalyticsFacade;
+};
+/**
+ * This component is used in unauthorized views of a smart link.
+ * It represents the main text that provides a user with information on how to connect their account
+ */
+declare const UnauthorisedViewContent: ({ providerName, testId, analytics, }: UnauthorisedViewContentProps) => JSX.Element;
+export default UnauthorisedViewContent;

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

@@ -0,0 +1,5 @@
+import facepaint from 'facepaint';
+declare const gs: (times: number) => string;
+declare const br: (times?: number) => string;
+declare const mq: facepaint.DynamicStyleFunction;
+export { gs, br, mq };

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

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { CardType } from '@atlaskit/linking-common';
+import { ActionProps } from './BlockCard/components/Action';
+import { RequestAccessMessageKey } from '../messages';
+export interface WithShowControlMethodProp {
+    showControls?: () => void;
+}
+export interface ContextViewModel {
+    icon?: ReactNode;
+    text: string;
+}
+export type AccessTypes = 'REQUEST_ACCESS' | 'PENDING_REQUEST_EXISTS' | 'FORBIDDEN' | 'DIRECT_ACCESS' | 'DENIED_REQUEST_EXISTS' | 'APPROVED_REQUEST_EXISTS' | 'ACCESS_EXISTS';
+export interface AccessContext {
+    accessType?: AccessTypes;
+    cloudId?: string;
+    url?: string;
+    smartLinksAccessMetadataExperimentCohort?: 'experiment' | 'control' | 'not-enrolled';
+}
+export interface RequestAccessContextProps extends AccessContext {
+    action?: ActionProps;
+    callToActionMessageKey?: RequestAccessMessageKey;
+    descriptiveMessageKey?: RequestAccessMessageKey;
+}
+export type InlinePreloaderStyle = 'on-left-with-skeleton' | 'on-right-without-skeleton';
+export type ErrorCardType = 'errored' | 'fallback' | 'forbidden' | 'not_found' | 'unauthorized';
+export type OnErrorCallback = (data: {
+    status: Extract<CardType, ErrorCardType>;
+    url: string;
+}) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.1.3",
+  "version": "26.1.5",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -42,7 +42,7 @@
     "@atlaskit/icon-priority": "^6.3.0",
     "@atlaskit/in-product-testing": "^0.2.0",
     "@atlaskit/link-client-extension": "^1.1.0",
-    "@atlaskit/linking-common": "^2.9.0",
+    "@atlaskit/linking-common": "^2.10.0",
     "@atlaskit/linking-types": "^1.5.0",
     "@atlaskit/logo": "^13.14.0",
     "@atlaskit/lozenge": "^11.4.0",
@@ -65,6 +65,7 @@
     "react-lazily-render": "^1.2.0",
     "react-loadable": "^5.1.0",
     "react-render-image": "^1.1.3",
+    "use-sync-external-store": "^1.2.0",
     "uuid": "^3.1.0"
   },
   "peerDependencies": {
@@ -106,6 +107,7 @@
     "@types/lorem-ipsum": "^1.0.2",
     "@types/react": "^16.8.0",
     "@types/react-loadable": "^5.4.1",
+    "@types/use-sync-external-store": "^0.0.3",
     "abortcontroller-polyfill": "^1.1.9",
     "brace": "^0.11.1",
     "fetch-mock": "^8.0.0",