@atlaskit/smart-card 26.1.0 → 26.1.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 26.1.2
+
+### Patch Changes
+
+- [`f50bead1f15`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f50bead1f15) - Added firing an analytics event on action lozenge error modal opening
+
+## 26.1.1
+
+### Patch Changes
+
+- [`04a2ca5dffb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/04a2ca5dffb) - [ux] Changed zIndex for hover card
+
 ## 26.1.0
 
 ### Minor Changes

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.1.0",
+	"version": "26.1.2",
 	"sideEffects": false
 }

package/dist/cjs/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/index.js

@@ -38,6 +38,7 @@ var LozengeActionError = function LozengeActionError(_ref) {
   }, [reload, url]);
   var handlePreviewOpen = (0, _react2.useCallback)(function () {
     if (isPreviewAvailable) {
+      analytics === null || analytics === void 0 ? void 0 : analytics.ui.smartLinkLozengeActionErrorOpenPreviewClickedEvent();
       return (0, _utils2.openPreviewModal)(_objectSpread(_objectSpread({}, previewData), {}, {
         analytics: analytics,
         onClose: handlePreviewClose

package/dist/cjs/view/HoverCard/styled.js

@@ -9,9 +9,10 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _index = require("../../index");
 var _constants = require("../../constants");
+var _constants2 = require("@atlaskit/theme/constants");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
-var HOVER_CARD_Z_INDEX = 511;
+var HOVER_CARD_Z_INDEX = _constants2.layers.modal();
 exports.HOVER_CARD_Z_INDEX = HOVER_CARD_Z_INDEX;
 var flexibleUiOptions = {
   hideBackground: true,

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.1.0",
+	"version": "26.1.2",
 	"sideEffects": false
 }

package/dist/es2019/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/index.js

@@ -29,6 +29,7 @@ const LozengeActionError = ({
   }, [reload, url]);
   const handlePreviewOpen = useCallback(() => {
     if (isPreviewAvailable) {
+      analytics === null || analytics === void 0 ? void 0 : analytics.ui.smartLinkLozengeActionErrorOpenPreviewClickedEvent();
       return openPreviewModal({
         ...previewData,
         analytics,

package/dist/es2019/view/HoverCard/styled.js

@@ -1,8 +1,10 @@
 import { css } from '@emotion/react';
 import { loadingPlaceholderClassName } from '../../index';
 import { SmartLinkSize, SmartLinkTheme } from '../../constants';
+import { layers } from '@atlaskit/theme/constants';
+
 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
-export const HOVER_CARD_Z_INDEX = 511;
+export const HOVER_CARD_Z_INDEX = layers.modal();
 export const flexibleUiOptions = {
   hideBackground: true,
   hideElevation: true,

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.1.0",
+	"version": "26.1.2",
 	"sideEffects": false
 }

package/dist/esm/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/index.js

@@ -32,6 +32,7 @@ var LozengeActionError = function LozengeActionError(_ref) {
   }, [reload, url]);
   var handlePreviewOpen = useCallback(function () {
     if (isPreviewAvailable) {
+      analytics === null || analytics === void 0 ? void 0 : analytics.ui.smartLinkLozengeActionErrorOpenPreviewClickedEvent();
       return openPreviewModal(_objectSpread(_objectSpread({}, previewData), {}, {
         analytics: analytics,
         onClose: handlePreviewClose

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

@@ -3,8 +3,10 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import { css } from '@emotion/react';
 import { loadingPlaceholderClassName } from '../../index';
 import { SmartLinkSize, SmartLinkTheme } from '../../constants';
+import { layers } from '@atlaskit/theme/constants';
+
 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
-export var HOVER_CARD_Z_INDEX = 511;
+export var HOVER_CARD_Z_INDEX = layers.modal();
 export var flexibleUiOptions = {
   hideBackground: true,
   hideElevation: true,

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

@@ -1,5 +1,5 @@
 import { FlexibleUiOptions } from '../FlexibleCard/types';
-export declare const HOVER_CARD_Z_INDEX = 511;
+export declare const HOVER_CARD_Z_INDEX: 510;
 export declare const flexibleUiOptions: FlexibleUiOptions;
 export declare const CARD_WIDTH_REM = 24;
 export declare const CARD_GAP_PX = 10;

package/dist/types-ts4.0/__fixtures__/bitbucket-pull-request.d.ts

@@ -0,0 +1,73 @@
+declare const _default: {
+    meta: {
+        visibility: string;
+        access: string;
+        resourceType: string;
+        key: string;
+    };
+    data: {
+        '@id': string;
+        '@context': {
+            '@vocab': string;
+            atlassian: string;
+            schema: string;
+        };
+        '@type': string[];
+        url: string;
+        attributedTo: {
+            '@type': string;
+            name: string;
+            icon: string;
+        };
+        'schema:dateCreated': string;
+        generator: {
+            '@type': string;
+            name: string;
+            icon: {
+                '@type': string;
+                url: string;
+            };
+        };
+        icon: {
+            '@type': string;
+            url: string;
+        };
+        name: string;
+        summary: string;
+        'atlassian:mergeSource': {
+            '@type': string;
+            href: string;
+            name: string;
+        };
+        'atlassian:mergeDestination': {
+            '@type': string;
+            href: string;
+            name: string;
+        };
+        updated: string;
+        'atlassian:internalId': string;
+        'atlassian:isMerged': boolean;
+        'atlassian:state': string;
+        'atlassian:reviewer': {
+            '@type': string;
+            name: string;
+            icon: string;
+        }[];
+        'atlassian:updatedBy': {
+            '@type': string;
+            name: string;
+            icon: string;
+        };
+        audience: {
+            '@type': string;
+            name: string;
+            icon: string;
+        }[];
+        context: {
+            '@type': string;
+            name: string;
+            url: string;
+        };
+    };
+};
+export default _default;

package/dist/types-ts4.0/__fixtures__/confluence-blog.d.ts

@@ -0,0 +1,49 @@
+declare const _default: {
+    meta: {
+        auth: never[];
+        definitionId: string;
+        visibility: string;
+        access: string;
+        resourceType: string;
+        key: string;
+    };
+    data: {
+        '@context': {
+            '@vocab': string;
+            atlassian: string;
+            schema: string;
+        };
+        generator: {
+            '@type': string;
+            '@id': string;
+            name: string;
+        };
+        '@type': string[];
+        url: string;
+        name: string;
+        'atlassian:state': string;
+        summary: string;
+        'schema:commentCount': number;
+        'atlassian:subscriberCount': number;
+        'atlassian:titlePrefix': {
+            text: string;
+            '@type': string;
+        };
+        'atlassian:attributedTo': {
+            '@type': string;
+            name: string;
+            icon: string;
+        };
+        'atlassian:ownedBy': {
+            '@type': string;
+            name: string;
+            icon: string;
+        };
+        preview: {
+            '@type': string;
+            href: string;
+            'atlassian:supportedPlatforms': string[];
+        };
+    };
+};
+export default _default;

package/dist/types-ts4.0/__fixtures__/confluence-page.d.ts

@@ -0,0 +1,49 @@
+declare const _default: {
+    meta: {
+        auth: never[];
+        definitionId: string;
+        visibility: string;
+        access: string;
+        resourceType: string;
+        key: string;
+    };
+    data: {
+        '@context': {
+            '@vocab': string;
+            atlassian: string;
+            schema: string;
+        };
+        generator: {
+            '@type': string;
+            '@id': string;
+            name: string;
+        };
+        '@type': string[];
+        url: string;
+        name: string;
+        'atlassian:state': string;
+        summary: string;
+        'schema:commentCount': number;
+        'atlassian:subscriberCount': number;
+        'atlassian:titlePrefix': {
+            text: string;
+            '@type': string;
+        };
+        'atlassian:attributedTo': {
+            '@type': string;
+            name: string;
+            icon: string;
+        };
+        'atlassian:ownedBy': {
+            '@type': string;
+            name: string;
+            icon: string;
+        };
+        preview: {
+            '@type': string;
+            href: string;
+            'atlassian:supportedPlatforms': string[];
+        };
+    };
+};
+export default _default;

package/dist/types-ts4.0/__fixtures__/confluence-space.d.ts

@@ -0,0 +1,36 @@
+declare const _default: {
+    meta: {
+        auth: never[];
+        definitionId: string;
+        visibility: string;
+        access: string;
+        resourceType: string;
+        key: string;
+    };
+    data: {
+        '@context': {
+            '@vocab': string;
+            atlassian: string;
+            schema: string;
+        };
+        generator: {
+            '@type': string;
+            '@id': string;
+            name: string;
+        };
+        '@type': string[];
+        url: string;
+        icon: {
+            '@type': string;
+            url: string;
+        };
+        name: string;
+        'atlassian:state': string;
+        summary: string;
+        'atlassian:titlePrefix': {
+            text: string;
+            '@type': string;
+        };
+    };
+};
+export default _default;

package/dist/types-ts4.0/__fixtures__/confluence-template.d.ts

@@ -0,0 +1,31 @@
+declare const _default: {
+    data: {
+        '@context': {
+            '@vocab': string;
+            atlassian: string;
+            schema: string;
+        };
+        '@type': string[];
+        generator: {
+            '@id': string;
+            '@type': string;
+            name: string;
+        };
+        icon: undefined;
+        name: string;
+        summary: string;
+        'atlassian:titlePrefix': {
+            '@type': string;
+            text: string;
+        };
+        url: string;
+    };
+    meta: {
+        access: string;
+        auth: never[];
+        definitionId: string;
+        resourceType: string;
+        visibility: string;
+    };
+};
+export default _default;

package/dist/types-ts4.0/__fixtures__/figma.d.ts

@@ -0,0 +1,43 @@
+declare const _default: {
+    meta: {
+        access: string;
+        visibility: string;
+        auth: {
+            key: string;
+            displayName: string;
+            url: string;
+        }[];
+        definitionId: string;
+        key: string;
+        resourceType: string;
+        version: string;
+    };
+    data: {
+        url: string;
+        '@context': {
+            '@vocab': string;
+            atlassian: string;
+            schema: string;
+        };
+        '@type': string;
+        name: string;
+        updated: string;
+        image: {
+            '@type': string;
+            url: string;
+        };
+        generator: {
+            '@type': string;
+            name: string;
+            icon: {
+                '@type': string;
+                url: string;
+            };
+        };
+        preview: {
+            '@type': string;
+            href: string;
+        };
+    };
+};
+export default _default;

package/dist/types-ts4.0/__fixtures__/flexible-ui-data-context.d.ts

@@ -0,0 +1,3 @@
+import { FlexibleUiDataContext } from '../state/flexible-ui-context/types';
+declare const context: FlexibleUiDataContext;
+export default context;

package/dist/types-ts4.0/__fixtures__/jira-roadmap.d.ts

@@ -0,0 +1,35 @@
+declare const _default: {
+    meta: {
+        auth: never[];
+        definitionId: string;
+        visibility: string;
+        access: string;
+        resourceType: string;
+        key: string;
+    };
+    data: {
+        '@context': {
+            '@vocab': string;
+            atlassian: string;
+            schema: string;
+        };
+        generator: {
+            '@type': string;
+            '@id': string;
+            name: string;
+        };
+        '@type': string[];
+        url: string;
+        name: string;
+        summary: string;
+        icon: {
+            '@type': string;
+            url: string;
+        };
+        preview: {
+            href: string;
+            'atlassian:supportedPlatforms': string[];
+        };
+    };
+};
+export default _default;

package/dist/types-ts4.0/__fixtures__/jira-task.d.ts

@@ -0,0 +1,78 @@
+import { SmartLinkActionType } from '@atlaskit/linking-types';
+declare const _default: {
+    meta: {
+        auth: never[];
+        definitionId: string;
+        visibility: string;
+        access: string;
+        resourceType: string;
+        key: string;
+    };
+    data: {
+        '@context': {
+            '@vocab': string;
+            atlassian: string;
+            schema: string;
+        };
+        generator: {
+            '@type': string;
+            '@id': string;
+            name: string;
+        };
+        '@type': string[];
+        name: string;
+        'schema:dateCreated': string;
+        updated: string;
+        'schema:commentCount': number;
+        'atlassian:subscriberCount': number;
+        tag: {
+            '@type': string;
+            name: string;
+            appearance: string;
+        };
+        taskType: {
+            '@type': string[];
+            '@id': string;
+            name: string;
+            icon: {
+                '@type': string;
+                url: string;
+            };
+        };
+        icon: {
+            '@type': string;
+            url: string;
+        };
+        attributedTo: {
+            '@type': string;
+            name: string;
+        };
+        url: string;
+        'atlassian:priority': {
+            '@type': string;
+            name: string;
+            icon: {
+                '@type': string;
+                url: string;
+            };
+        };
+        'atlassian:serverAction': {
+            '@type': string;
+            name: string;
+            dataRetrievalAction: {
+                '@type': string;
+                name: SmartLinkActionType;
+            };
+            dataUpdateAction: {
+                '@type': string;
+                name: SmartLinkActionType;
+            };
+            refField: string;
+            resourceIdentifiers: {
+                issueKey: string;
+                hostname: string;
+            };
+        }[];
+    };
+};
+export default _default;

package/dist/types-ts4.0/__fixtures__/youtube-video.d.ts

@@ -0,0 +1,44 @@
+declare const _default: {
+    meta: {
+        access: string;
+        visibility: string;
+        auth: never[];
+        definitionId: string;
+        key: string;
+        resourceType: string;
+    };
+    data: {
+        '@type': string;
+        '@context': {
+            '@vocab': string;
+            atlassian: string;
+            schema: string;
+        };
+        url: string;
+        name: string;
+        updated: string;
+        summary: string;
+        generator: {
+            '@type': string;
+            name: string;
+            icon: {
+                '@type': string;
+                url: string;
+            };
+        };
+        icon: {
+            '@type': string;
+            url: string;
+        };
+        image: {
+            '@type': string;
+            url: string;
+        };
+        preview: {
+            '@type': string;
+            href: string;
+            'atlassian:aspectRatio': number;
+        };
+    };
+};
+export default _default;

package/dist/types-ts4.0/__tests_external__/index.d.ts

@@ -0,0 +1,6 @@
+export { InlineCardPageObject } from './page-objects/InlineCard';
+export { BlockCardPageObject } from './page-objects/BlockCard';
+export { EmbedCardPageObject } from './page-objects/EmbedCard';
+export { inlineSmartLinkRendersTestCase } from './test-cases/inline';
+export { blockSmartLinkRendersTestCase } from './test-cases/card';
+export { embedSmartLinkRendersTestCase } from './test-cases/embed';

package/dist/types-ts4.0/__tests_external__/page-objects/BaseCard.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="cypress" />
+import { InProductTestPageObject, CypressType } from '@atlaskit/in-product-testing';
+import { CardType, CardAppearance } from '@atlaskit/linking-common';
+export declare class BaseCardPageObject extends InProductTestPageObject {
+    protected cy: CypressType;
+    protected appearance: CardAppearance;
+    protected constructor(cy: CypressType, appearance: CardAppearance);
+    private static CARD_TIMEOUT;
+    private _toSelector;
+    expectCardReady(numOfCards?: number, status?: CardType): Cypress.Chainable<JQuery<HTMLElement>>;
+    expectCardNotExists(status?: CardType): Cypress.Chainable<JQuery<HTMLElement>>;
+    findCardNth(nth?: number, status?: CardType): Cypress.Chainable<JQuery<HTMLElement>>;
+    assertHrefRendered(url: string): Cypress.Chainable<JQuery<HTMLElement>>;
+    assertHrefNotRendered(url: string): Cypress.Chainable<JQuery<HTMLElement>>;
+    click(status?: CardType): Cypress.Chainable<JQuery<HTMLElement>>;
+}

package/dist/types-ts4.0/__tests_external__/page-objects/BlockCard.d.ts

@@ -0,0 +1,6 @@
+import { CypressType } from '@atlaskit/in-product-testing';
+import { BaseCardPageObject } from './BaseCard';
+export declare class BlockCardPageObject extends BaseCardPageObject {
+    protected cy: CypressType;
+    constructor(cy: CypressType);
+}

package/dist/types-ts4.0/__tests_external__/page-objects/EmbedCard.d.ts

@@ -0,0 +1,6 @@
+import { CypressType } from '@atlaskit/in-product-testing';
+import { BaseCardPageObject } from './BaseCard';
+export declare class EmbedCardPageObject extends BaseCardPageObject {
+    protected cy: CypressType;
+    constructor(cy: CypressType);
+}

package/dist/types-ts4.0/__tests_external__/page-objects/InlineCard.d.ts

@@ -0,0 +1,6 @@
+import { CypressType } from '@atlaskit/in-product-testing';
+import { BaseCardPageObject } from './BaseCard';
+export declare class InlineCardPageObject extends BaseCardPageObject {
+    protected cy: CypressType;
+    constructor(cy: CypressType);
+}

package/dist/types-ts4.0/__tests_external__/test-cases/card.d.ts

@@ -0,0 +1,3 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { SmartLinkTestCaseOpts } from './types';
+export declare const blockSmartLinkRendersTestCase: ({ url, status, }: SmartLinkTestCaseOpts) => InProductTestCase;

package/dist/types-ts4.0/__tests_external__/test-cases/embed.d.ts

@@ -0,0 +1,3 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { SmartLinkTestCaseOpts } from './types';
+export declare const embedSmartLinkRendersTestCase: ({ status, }: SmartLinkTestCaseOpts) => InProductTestCase;

package/dist/types-ts4.0/__tests_external__/test-cases/inline.d.ts

@@ -0,0 +1,3 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { SmartLinkTestCaseOpts } from './types';
+export declare const inlineSmartLinkRendersTestCase: ({ url, status, }: SmartLinkTestCaseOpts) => InProductTestCase;

package/dist/types-ts4.0/__tests_external__/test-cases/types.d.ts

@@ -0,0 +1,5 @@
+import { CardType } from '../../state';
+export interface SmartLinkTestCaseOpts {
+    url: string;
+    status?: CardType;
+}

package/dist/types-ts4.0/classNames.d.ts

@@ -0,0 +1,11 @@
+export { contentFooterClassName } from './view/BlockCard/components/ContentFooter';
+export { metadataListClassName } from './view/common/MetadataList';
+export { blockCardResolvingViewClassName } from './view/BlockCard/views/ResolvingView';
+export { blockCardResolvedViewClassName, blockCardResolvedViewByClassName, } from './view/BlockCard/views/ResolvedView';
+export { blockCardForbiddenViewClassName, blockCardForbiddenViewLinkClassName, } from './view/BlockCard/views/ForbiddenView';
+export { blockCardIconImageClassName } from './view/common/Icon';
+export { blockCardContentClassName } from './view/BlockCard/components/Content';
+export { blockCardContentHeaderClassName } from './view/BlockCard/components/ContentHeader';
+export { blockCardContentHeaderNameClassName } from './view/BlockCard/components/Name';
+export { blockCardNotFoundViewClassName } from './view/BlockCard/views/NotFoundView';
+export { blockCardErroredViewClassName } from './view/BlockCard/views/ErroredView';

package/dist/types-ts4.0/client/index.d.ts

@@ -0,0 +1 @@
+export { CardClient as default } from '@atlaskit/link-provider';