@atlaskit/smart-card 26.34.4 → 26.35.1

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/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,33 @@
+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;
+    titleMessageKey?: RequestAccessMessageKey;
+    hostname?: string;
+    buttonDisabled?: boolean;
+}
+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;
+    err?: Error;
+}) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.34.4",
+  "version": "26.35.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -28,7 +28,7 @@
     "@atlaskit/avatar-group": "^9.4.0",
     "@atlaskit/badge": "^15.1.0",
     "@atlaskit/button": "^16.10.0",
-    "@atlaskit/dropdown-menu": "^12.0.0",
+    "@atlaskit/dropdown-menu": "^12.1.0",
     "@atlaskit/frontend-utilities": "^2.7.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/icon-file-type": "^6.4.0",
@@ -45,10 +45,10 @@
     "@atlaskit/modal-dialog": "^12.8.0",
     "@atlaskit/outbound-auth-flow-client": "^3.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
-    "@atlaskit/popup": "^1.10.0",
+    "@atlaskit/popup": "^1.11.0",
     "@atlaskit/spinner": "^15.6.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.25.0",
+    "@atlaskit/tokens": "^1.26.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",
@@ -74,7 +74,7 @@
   "devDependencies": {
     "@af/visual-regression": "*",
     "@atlaskit/analytics-listeners": "^8.7.0",
-    "@atlaskit/css-reset": "^6.5.0",
+    "@atlaskit/css-reset": "^6.6.0",
     "@atlaskit/link-test-helpers": "^6.1.0",
     "@atlaskit/media-test-helpers": "^33.0.0",
     "@atlaskit/visual-regression": "*",

package/report.api.md

@@ -436,6 +436,9 @@ type CustomActionItem = BaseActionItem & {
         Pick<ActionProps, 'content'>)
   );
 
+// @internal
+export const CustomBlock: React_2.FC<BlockProps>;
+
 export { DatasourceAdf };
 
 export { DatasourceAdfView };