@atlaskit/smart-card 22.2.0 → 22.2.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/smart-card
 
+## 22.2.1
+
+### Patch Changes
+
+- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
+- Updated dependencies
+
 ## 22.2.0
 
 ### Minor Changes

package/client/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/client/index.js",
   "module:es2019": "../dist/es2019/client/index.js",
   "sideEffects": false,
-  "types": "../dist/types/client/index.d.ts"
+  "types": "../dist/types/client/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/client/index.d.ts"
+      ]
+    }
+  }
 }

package/dist/cjs/state/helpers.js

@@ -93,7 +93,8 @@ exports.isAccessible = isAccessible;
 var isVisible = function isVisible(_ref2) {
   var visibility = _ref2.meta.visibility;
   return visibility === 'restricted' || visibility === 'public';
-};
+}; // Be aware, this is a copy of a function in link-provider/src/helpers
+
 
 exports.isVisible = isVisible;
 

package/dist/cjs/version.json

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

package/dist/cjs/view/EmbedModal/components/embed-content/index.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
 var _core = require("@emotion/core");
@@ -33,9 +31,7 @@ var EmbedContent = function EmbedContent(_ref) {
     src: src,
     'data-testid': "".concat(testId, "-embed")
   };
-  return src ? (0, _core.jsx)("iframe", (0, _extends2.default)({
-    src: src
-  }, props)) : (0, _core.jsx)("iframe", props);
+  return (0, _core.jsx)("iframe", props);
 };
 
 var _default = EmbedContent;

package/dist/es2019/state/helpers.js

@@ -55,7 +55,8 @@ export const isVisible = ({
   meta: {
     visibility
   }
-}) => visibility === 'restricted' || visibility === 'public';
+}) => visibility === 'restricted' || visibility === 'public'; // Be aware, this is a copy of a function in link-provider/src/helpers
+
 export const getStatus = ({
   meta
 }) => {

package/dist/es2019/version.json

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

package/dist/es2019/view/EmbedModal/components/embed-content/index.js

@@ -1,5 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { css, jsx } from '@emotion/core';
 import { getIframeSandboxAttribute } from '../../../../utils';
@@ -23,9 +21,7 @@ const EmbedContent = ({
     src,
     'data-testid': `${testId}-embed`
   };
-  return src ? jsx("iframe", _extends({
-    src: src
-  }, props)) : jsx("iframe", props);
+  return jsx("iframe", props);
 };
 
 export default EmbedContent;

package/dist/esm/state/helpers.js

@@ -55,7 +55,8 @@ export var isAccessible = function isAccessible(_ref) {
 export var isVisible = function isVisible(_ref2) {
   var visibility = _ref2.meta.visibility;
   return visibility === 'restricted' || visibility === 'public';
-};
+}; // Be aware, this is a copy of a function in link-provider/src/helpers
+
 export var getStatus = function getStatus(_ref3) {
   var meta = _ref3.meta;
   var access = meta.access,

package/dist/esm/version.json

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

package/dist/esm/view/EmbedModal/components/embed-content/index.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
 var _templateObject;
@@ -22,9 +21,7 @@ var EmbedContent = function EmbedContent(_ref) {
     src: src,
     'data-testid': "".concat(testId, "-embed")
   };
-  return src ? jsx("iframe", _extends({
-    src: src
-  }, props)) : jsx("iframe", props);
+  return jsx("iframe", props);
 };
 
 export default EmbedContent;

package/dist/types/extractors/common/__mocks__/jsonld.d.ts

@@ -142,7 +142,7 @@ export declare const TEST_DATA_WITH_LATEST_COMMIT_OBJ: {
     };
     '@context': JsonLd.Primitives.Context;
     '@type': JsonLd.Primitives.Property<JsonLd.Primitives.ObjectType>;
-    'schema:potentialAction'?: import("schema-dts").DeleteAction | import("schema-dts").ViewAction | import("schema-dts").DownloadAction | import("schema-dts").WatchAction | import("schema-dts").AssignAction | import("schema-dts").CommentAction | import("schema-dts").ReplyAction | import("schema-dts").ShareAction | import("schema-dts").SubscribeAction | (import("schema-dts").DeleteAction | import("schema-dts").ViewAction | import("schema-dts").DownloadAction | import("schema-dts").WatchAction | import("schema-dts").AssignAction | import("schema-dts").CommentAction | import("schema-dts").ReplyAction | import("schema-dts").ShareAction | import("schema-dts").SubscribeAction)[] | undefined;
+    'schema:potentialAction'?: import("schema-dts").AssignAction | import("schema-dts").CommentAction | import("schema-dts").DeleteAction | import("schema-dts").ReplyAction | import("schema-dts").ShareAction | import("schema-dts").SubscribeAction | import("schema-dts").WatchAction | import("schema-dts").DownloadAction | import("schema-dts").ViewAction | (import("schema-dts").AssignAction | import("schema-dts").CommentAction | import("schema-dts").DeleteAction | import("schema-dts").ReplyAction | import("schema-dts").ShareAction | import("schema-dts").SubscribeAction | import("schema-dts").WatchAction | import("schema-dts").DownloadAction | import("schema-dts").ViewAction)[] | undefined;
     'atlassian:downloadUrl'?: string | undefined;
     'atlassian:visitUrl'?: string | undefined;
     'atlassian:titlePrefix'?: JsonLd.Data.TitlePrefix | undefined;
@@ -188,7 +188,7 @@ export declare const TEST_DATA_WITH_LATEST_COMMIT_TEXT: {
     'atlassian:latestCommit': string;
     '@context': JsonLd.Primitives.Context;
     '@type': JsonLd.Primitives.Property<JsonLd.Primitives.ObjectType>;
-    'schema:potentialAction'?: import("schema-dts").DeleteAction | import("schema-dts").ViewAction | import("schema-dts").DownloadAction | import("schema-dts").WatchAction | import("schema-dts").AssignAction | import("schema-dts").CommentAction | import("schema-dts").ReplyAction | import("schema-dts").ShareAction | import("schema-dts").SubscribeAction | (import("schema-dts").DeleteAction | import("schema-dts").ViewAction | import("schema-dts").DownloadAction | import("schema-dts").WatchAction | import("schema-dts").AssignAction | import("schema-dts").CommentAction | import("schema-dts").ReplyAction | import("schema-dts").ShareAction | import("schema-dts").SubscribeAction)[] | undefined;
+    'schema:potentialAction'?: import("schema-dts").AssignAction | import("schema-dts").CommentAction | import("schema-dts").DeleteAction | import("schema-dts").ReplyAction | import("schema-dts").ShareAction | import("schema-dts").SubscribeAction | import("schema-dts").WatchAction | import("schema-dts").DownloadAction | import("schema-dts").ViewAction | (import("schema-dts").AssignAction | import("schema-dts").CommentAction | import("schema-dts").DeleteAction | import("schema-dts").ReplyAction | import("schema-dts").ShareAction | import("schema-dts").SubscribeAction | import("schema-dts").WatchAction | import("schema-dts").DownloadAction | import("schema-dts").ViewAction)[] | undefined;
     'atlassian:downloadUrl'?: string | undefined;
     'atlassian:visitUrl'?: string | undefined;
     'atlassian:titlePrefix'?: JsonLd.Data.TitlePrefix | undefined;

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/__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: ({ url, 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';

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

@@ -0,0 +1,185 @@
+/**
+ * The alignment of Flexible UI component.
+ */
+export declare enum SmartLinkAlignment {
+    Left = "left",
+    Right = "right"
+}
+/**
+ * The direction of Flexible UI components. It establish the main-axis
+ * or how the child components laid out inside the parent component.
+ * Similar to flex's flex-direction concept.
+ */
+export declare enum SmartLinkDirection {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}
+/**
+ * The positioning of the component within the parent component.
+ * Similar to flex's align-items or align-self concept.
+ */
+export declare enum SmartLinkPosition {
+    Top = "top",
+    Center = "center"
+}
+/**
+ * The sizing options of the Flexible UI component. Every component
+ * has or inherits the sizing props. Implementation varies
+ * as per component.
+ */
+export declare enum SmartLinkSize {
+    XLarge = "xlarge",
+    Large = "large",
+    Medium = "medium",
+    Small = "small"
+}
+/**
+ * Smart Links link request status
+ */
+export declare enum SmartLinkStatus {
+    Pending = "pending",
+    Resolving = "resolving",
+    Resolved = "resolved",
+    Forbidden = "forbidden",
+    Errored = "errored",
+    NotFound = "not_found",
+    Unauthorized = "unauthorized",
+    Fallback = "fallback"
+}
+/**
+ * Flexible UI theme available on the Card level.
+ * This determine the styling of the link.
+ */
+export declare enum SmartLinkTheme {
+    Black = "black",
+    Link = "link"
+}
+/**
+ * Determines whether the container size will fit to the content
+ * or expand to the available width or the parent component.
+ * Similar to flex's flex-grow concept.
+ */
+export declare enum SmartLinkWidth {
+    FitToContent = "fit-to-content",
+    Flexible = "flexible"
+}
+/**
+ * Flexible UI element name - each reflecting the link data its represented.
+ * When adding an element...
+ * 1) Create base element if it doesn't already exist.
+ *    Base element are inside src/view/FlexibleCard/components/elements.
+ *    E.g. Badge, DateTime, Icon, Lozenge, etc.
+ * 2) Update FlexibleUiContext with the new prop for data representing
+ *    the element, preferably with the same name as the element itself.
+ *    (src/state/flexible-ui-context/types.ts)
+ * 3) Update Flexible UI extractor (src/extractors/flexible/index.ts)
+ * 4) Set base element and data mapping
+ *    (src/view/FlexibleCard/components/elements/utils.tsx)
+ * 5) Create element. (src/view/FlexibleCard/components/elements/index.ts)
+ * 6) Update element ElementDisplaySchema for inline/block display
+ *    (src/view/FlexibleCard/components/blocks/utils.tsx)
+ */
+export declare enum ElementName {
+    AuthorGroup = "AuthorGroup",
+    CollaboratorGroup = "CollaboratorGroup",
+    CommentCount = "CommentCount",
+    CreatedBy = "CreatedBy",
+    CreatedOn = "CreatedOn",
+    DueOn = "DueOn",
+    LinkIcon = "LinkIcon",
+    ModifiedBy = "ModifiedBy",
+    ModifiedOn = "ModifiedOn",
+    Preview = "Preview",
+    Priority = "Priority",
+    ProgrammingLanguage = "ProgrammingLanguage",
+    Provider = "Provider",
+    ReactCount = "ReactCount",
+    Snippet = "Snippet",
+    SourceBranch = "SourceBranch",
+    State = "State",
+    SubscriberCount = "SubscriberCount",
+    TargetBranch = "TargetBranch",
+    Title = "Title",
+    ViewCount = "ViewCount",
+    VoteCount = "VoteCount",
+    LatestCommit = "LatestCommit"
+}
+/**
+ * Flexible UI action (button)
+ */
+export declare enum ActionName {
+    DeleteAction = "DeleteAction",
+    EditAction = "EditAction",
+    CustomAction = "CustomAction"
+}
+/**
+ * Flexible UI icons - each mapped to AK icons.
+ */
+export declare enum IconType {
+    Archive = "FileType:Archive",
+    Audio = "FileType:Audio",
+    Blog = "FileType:Blog",
+    Code = "FileType:Code",
+    Document = "FileType:Document",
+    Executable = "FileType:Executable",
+    File = "FileType:File",
+    Folder = "FileType:Folder",
+    Generic = "FileType:Generic",
+    GIF = "FileType:GIF",
+    GoogleDocs = "FileType:GoogleDocs",
+    GoogleForms = "FileType:GoogleForms",
+    GoogleSheets = "FileType:GoogleSheets",
+    GoogleSlides = "FileType:GoogleSlides",
+    Image = "FileType.Image",
+    MSExcel = "FileType:Excel",
+    MSPowerpoint = "FileType:Powerpoint",
+    MSWord = "FileType:WordDocument",
+    PDF = "FileType:PDF",
+    Presentation = "FileType:Presentation",
+    Sketch = "FileType:Sketch",
+    Spreadsheet = "FileType:Spreadsheet",
+    Template = "FileType:Template",
+    Video = "FileType:Video",
+    Branch = "BitBucket:Branch",
+    Commit = "BitBucket:Commit",
+    Project = "BitBucket:Project",
+    PullRequest = "BitBucket:PullRequest",
+    Repo = "BitBucket:Repo",
+    Bug = "Jira:Bug",
+    Change = "Jira:Change",
+    Epic = "Jira:Epic",
+    Incident = "Jira:Incident",
+    Problem = "Jira:Problem",
+    ServiceRequest = "Jira:ServiceRequest",
+    Story = "Jira:Story",
+    SubTask = "Jira:SubTask",
+    Task = "Jira:Task",
+    Confluence = "Provider:Confluence",
+    Jira = "Provider:Jira",
+    Default = "Default",
+    Error = "Default:Error",
+    Forbidden = "Default:Forbidden",
+    Comment = "Badge:Comment",
+    View = "Badge:View",
+    React = "Badge:React",
+    Vote = "Badge:Vote",
+    PriorityBlocker = "Badge:PriorityBlocker",
+    PriorityCritical = "Badge:PriorityCritical",
+    PriorityHigh = "Badge:PriorityHigh",
+    PriorityHighest = "Badge:PriorityHighest",
+    PriorityLow = "Badge:PriorityLow",
+    PriorityLowest = "Badge:PriorityLowest",
+    PriorityMajor = "Badge:PriorityMajor",
+    PriorityMedium = "Badge:PriorityMedium",
+    PriorityMinor = "Badge:PriorityMinor",
+    PriorityTrivial = "Badge:PriorityTrivial",
+    PriorityUndefined = "Badge:PriorityUndefined",
+    ProgrammingLanguage = "Badge:ProgrammingLanguage",
+    Subscriber = "Badge:Subscriber"
+}
+/**
+ * Type for Flexible UI's Media element
+ */
+export declare enum MediaType {
+    Image = "image"
+}

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

@@ -0,0 +1,9 @@
+import { JsonLd } from 'json-ld-types';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
+import { LinkPerson } from '@atlaskit/linking-common/extractors';
+import { ExtractBlockOpts } from './types';
+import { BlockCardResolvedViewProps } from '../../view/BlockCard';
+import { ActionProps } from '../../view/BlockCard/components/Action';
+export declare const extractBlockActions: (props: BlockCardResolvedViewProps, jsonLd: JsonLd.Data.BaseData, opts?: ExtractBlockOpts | undefined, platform?: JsonLd.Primitives.Platforms | undefined) => ActionProps[];
+export declare const extractBlockUsers: (jsonLd: JsonLd.Data.BaseData) => LinkPerson[] | undefined;
+export declare const extractBlockProps: (jsonLd: JsonLd.Data.BaseData, meta?: JsonLd.Meta.BaseMeta | undefined, opts?: ExtractBlockOpts | undefined, renderers?: CardProviderRenderers | undefined, platform?: JsonLd.Primitives.Platforms | undefined) => BlockCardResolvedViewProps;

package/dist/types-ts4.0/extractors/block/types.d.ts

@@ -0,0 +1,14 @@
+import { LinkingPlatformFeatureFlags } from '@atlaskit/linking-common';
+import { InvokeHandler } from '../../model/invoke-handler';
+import { AnalyticsFacade } from '../../state/analytics';
+import { CardInnerAppearance } from '../../view/Card/types';
+import { AnalyticsOrigin } from '../../utils/types';
+export interface ExtractBlockOpts {
+    handleInvoke: InvokeHandler;
+    analytics: AnalyticsFacade;
+    origin?: AnalyticsOrigin;
+    extensionKey?: string;
+    featureFlags?: Partial<LinkingPlatformFeatureFlags>;
+    source?: CardInnerAppearance;
+    testId?: string;
+}