@atlaskit/smart-card 26.15.3 → 26.15.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/version.json +1 -1
  3. package/dist/cjs/view/BlockCard/index.js +12 -33
  4. package/dist/cjs/view/BlockCard/views/flexible/FlexibleErroredView.js +5 -3
  5. package/dist/cjs/view/BlockCard/views/flexible/FlexibleForbiddenView.js +5 -3
  6. package/dist/cjs/view/BlockCard/views/flexible/FlexibleNotFoundView.js +5 -3
  7. package/dist/cjs/view/BlockCard/views/flexible/FlexibleResolvedView.js +5 -3
  8. package/dist/cjs/view/BlockCard/views/flexible/FlexibleUnauthorisedView.js +5 -3
  9. package/dist/cjs/view/BlockCard/views/flexible/styled.js +10 -3
  10. package/dist/cjs/view/BlockCard/views/flexible/{utils.js → utils/index.js} +3 -3
  11. package/dist/cjs/view/BlockCard/views/flexible/utils/withFlexibleUIBlockCardStyle.js +18 -0
  12. package/dist/cjs/view/HoverCard/components/CustomPopupContainer.js +25 -0
  13. package/dist/cjs/view/HoverCard/components/HoverCardComponent.js +6 -2
  14. package/dist/cjs/view/HoverCard/styled.js +12 -3
  15. package/dist/es2019/version.json +1 -1
  16. package/dist/es2019/view/BlockCard/index.js +12 -34
  17. package/dist/es2019/view/BlockCard/views/flexible/FlexibleErroredView.js +6 -3
  18. package/dist/es2019/view/BlockCard/views/flexible/FlexibleForbiddenView.js +5 -3
  19. package/dist/es2019/view/BlockCard/views/flexible/FlexibleNotFoundView.js +6 -3
  20. package/dist/es2019/view/BlockCard/views/flexible/FlexibleResolvedView.js +5 -3
  21. package/dist/es2019/view/BlockCard/views/flexible/FlexibleUnauthorisedView.js +5 -3
  22. package/dist/es2019/view/BlockCard/views/flexible/styled.js +16 -1
  23. package/dist/es2019/view/BlockCard/views/flexible/{utils.js → utils/index.js} +3 -3
  24. package/dist/es2019/view/BlockCard/views/flexible/utils/withFlexibleUIBlockCardStyle.js +8 -0
  25. package/dist/es2019/view/HoverCard/components/CustomPopupContainer.js +14 -0
  26. package/dist/es2019/view/HoverCard/components/HoverCardComponent.js +6 -2
  27. package/dist/es2019/view/HoverCard/styled.js +12 -0
  28. package/dist/esm/version.json +1 -1
  29. package/dist/esm/view/BlockCard/index.js +12 -32
  30. package/dist/esm/view/BlockCard/views/flexible/FlexibleErroredView.js +6 -3
  31. package/dist/esm/view/BlockCard/views/flexible/FlexibleForbiddenView.js +5 -3
  32. package/dist/esm/view/BlockCard/views/flexible/FlexibleNotFoundView.js +6 -3
  33. package/dist/esm/view/BlockCard/views/flexible/FlexibleResolvedView.js +5 -3
  34. package/dist/esm/view/BlockCard/views/flexible/FlexibleUnauthorisedView.js +5 -3
  35. package/dist/esm/view/BlockCard/views/flexible/styled.js +8 -2
  36. package/dist/esm/view/BlockCard/views/flexible/{utils.js → utils/index.js} +3 -3
  37. package/dist/esm/view/BlockCard/views/flexible/utils/withFlexibleUIBlockCardStyle.js +10 -0
  38. package/dist/esm/view/HoverCard/components/CustomPopupContainer.js +17 -0
  39. package/dist/esm/view/HoverCard/components/HoverCardComponent.js +6 -2
  40. package/dist/esm/view/HoverCard/styled.js +10 -2
  41. package/dist/types/view/BlockCard/views/flexible/FlexibleErroredView.d.ts +2 -9
  42. package/dist/types/view/BlockCard/views/flexible/FlexibleForbiddenView.d.ts +2 -10
  43. package/dist/types/view/BlockCard/views/flexible/FlexibleNotFoundView.d.ts +2 -9
  44. package/dist/types/view/BlockCard/views/flexible/FlexibleResolvedView.d.ts +2 -8
  45. package/dist/types/view/BlockCard/views/flexible/FlexibleUnauthorisedView.d.ts +2 -10
  46. package/dist/types/view/BlockCard/views/flexible/styled.d.ts +1 -0
  47. package/dist/{types-ts4.5/view/BlockCard/views/flexible/utils.d.ts → types/view/BlockCard/views/flexible/utils/index.d.ts} +1 -1
  48. package/dist/types/view/BlockCard/views/flexible/utils/withFlexibleUIBlockCardStyle.d.ts +4 -0
  49. package/dist/types/view/HoverCard/components/CustomPopupContainer.d.ts +5 -0
  50. package/dist/types/view/HoverCard/styled.d.ts +1 -0
  51. package/dist/types-ts4.5/view/BlockCard/views/flexible/FlexibleErroredView.d.ts +2 -9
  52. package/dist/types-ts4.5/view/BlockCard/views/flexible/FlexibleForbiddenView.d.ts +2 -10
  53. package/dist/types-ts4.5/view/BlockCard/views/flexible/FlexibleNotFoundView.d.ts +2 -9
  54. package/dist/types-ts4.5/view/BlockCard/views/flexible/FlexibleResolvedView.d.ts +2 -8
  55. package/dist/types-ts4.5/view/BlockCard/views/flexible/FlexibleUnauthorisedView.d.ts +2 -10
  56. package/dist/types-ts4.5/view/BlockCard/views/flexible/styled.d.ts +1 -0
  57. package/dist/{types/view/BlockCard/views/flexible/utils.d.ts → types-ts4.5/view/BlockCard/views/flexible/utils/index.d.ts} +1 -1
  58. package/dist/types-ts4.5/view/BlockCard/views/flexible/utils/withFlexibleUIBlockCardStyle.d.ts +4 -0
  59. package/dist/types-ts4.5/view/HoverCard/components/CustomPopupContainer.d.ts +5 -0
  60. package/dist/types-ts4.5/view/HoverCard/styled.d.ts +1 -0
  61. package/package.json +1 -1
@@ -1,10 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { FlexibleBlockCardProps } from './types';
3
- /**
4
- * This view represents a Block Card with a 'Not_Found' status.
5
- *
6
- * @see SmartLinkStatus
7
- * @see FlexibleCardProps
8
- */
9
- declare const FlexibleNotFoundView: ({ anchorTarget, cardState, onAuthorize, onError, ui, url, onClick, testId, }: FlexibleBlockCardProps) => JSX.Element;
10
- export default FlexibleNotFoundView;
2
+ declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
3
+ export default _default;
@@ -1,9 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { FlexibleBlockCardProps } from './types';
3
- /**
4
- * This view represents a Block card that has an 'Resolved' status.
5
- * @see SmartLinkStatus
6
- * @see FlexibleCardProps
7
- */
8
- declare const FlexibleResolvedView: ({ id, cardState, onClick, onError, onResolve, showServerActions, anchorTarget, testId, ui, url, analytics, }: FlexibleBlockCardProps) => JSX.Element;
9
- export default FlexibleResolvedView;
2
+ declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
3
+ export default _default;
@@ -1,11 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { FlexibleBlockCardProps } from './types';
3
- /**
4
- * This view represents a Block card that has an 'Unauthorized' status .
5
- * It should have a "Connect" button that will allow a user to connect their account and view the block card.
6
- *
7
- * @see SmartLinkStatus
8
- * @see FlexibleCardProps
9
- */
10
- declare const FlexibleUnauthorisedView: ({ anchorTarget, analytics, cardState, extensionKey, onAuthorize, onClick, onError, testId, ui, url, }: FlexibleBlockCardProps) => JSX.Element;
11
- export default FlexibleUnauthorisedView;
2
+ declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
3
+ export default _default;
@@ -1,2 +1,3 @@
1
1
  export declare const metadataBlockCss: import("@emotion/react").SerializedStyles;
2
2
  export declare const titleBlockCss: import("@emotion/react").SerializedStyles;
3
+ export declare const flexibleBlockCardStyle: import("@emotion/react").SerializedStyles;
@@ -1,5 +1,5 @@
1
1
  import { JsonLd } from 'json-ld-types';
2
- import { ElementItem } from '../../../FlexibleCard/components/blocks/types';
2
+ import { ElementItem } from '../../../../FlexibleCard/components/blocks/types';
3
3
  export declare const getSimulatedBetterMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
4
4
  export declare const getSimulatedMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
5
5
  type SimulatedMetadata = {
@@ -0,0 +1,4 @@
1
+ /** @jsx jsx */
2
+ import { jsx } from '@emotion/react';
3
+ import { FlexibleBlockCardProps } from '../types';
4
+ export declare const withFlexibleUIBlockCardStyle: (FlexibleBlockCardView: React.FC<FlexibleBlockCardProps>) => (props: FlexibleBlockCardProps) => jsx.JSX.Element;
@@ -0,0 +1,5 @@
1
+ /** @jsx jsx */
2
+ import React from 'react';
3
+ import { PopupComponentProps } from '@atlaskit/popup';
4
+ declare const CustomPopupContainer: React.ForwardRefExoticComponent<Pick<PopupComponentProps, "children" | "style" | "id" | "tabIndex" | "data-testid" | "data-placement"> & React.RefAttributes<HTMLDivElement>>;
5
+ export default CustomPopupContainer;
@@ -7,3 +7,4 @@ export declare const separatorCss: import("@emotion/react").SerializedStyles;
7
7
  export declare const HoverCardContainer: import("@emotion/react").SerializedStyles;
8
8
  export declare const titleBlockCss: import("@emotion/react").SerializedStyles;
9
9
  export declare const getTransitionStyles: (snippetHeight: number) => import("@emotion/react").SerializedStyles;
10
+ export declare const popupContainerStyles: import("@emotion/react").SerializedStyles;
@@ -1,10 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { FlexibleBlockCardProps } from './types';
3
- /**
4
- * This view represents a Block Card with an 'Errored' status.
5
- *
6
- * @see SmartLinkStatus
7
- * @see FlexibleCardProps
8
- */
9
- declare const FlexibleErroredView: ({ anchorTarget, cardState, onAuthorize, onError, ui, url, onClick, testId, }: FlexibleBlockCardProps) => JSX.Element;
10
- export default FlexibleErroredView;
2
+ declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
3
+ export default _default;
@@ -1,11 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { FlexibleBlockCardProps } from './types';
3
- /**
4
- * This view represent a Block Card with the 'Forbidden' status.
5
- * It should have a "Try another account" button that will allow a user to connect another account and view the block card.
6
- *
7
- * @see SmartLinkStatus
8
- * @see FlexibleCardProps
9
- */
10
- declare const FlexibleForbiddenView: ({ anchorTarget, cardState, onAuthorize, onClick, onError, testId, ui, url, }: FlexibleBlockCardProps) => JSX.Element;
11
- export default FlexibleForbiddenView;
2
+ declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
3
+ export default _default;
@@ -1,10 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { FlexibleBlockCardProps } from './types';
3
- /**
4
- * This view represents a Block Card with a 'Not_Found' status.
5
- *
6
- * @see SmartLinkStatus
7
- * @see FlexibleCardProps
8
- */
9
- declare const FlexibleNotFoundView: ({ anchorTarget, cardState, onAuthorize, onError, ui, url, onClick, testId, }: FlexibleBlockCardProps) => JSX.Element;
10
- export default FlexibleNotFoundView;
2
+ declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
3
+ export default _default;
@@ -1,9 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { FlexibleBlockCardProps } from './types';
3
- /**
4
- * This view represents a Block card that has an 'Resolved' status.
5
- * @see SmartLinkStatus
6
- * @see FlexibleCardProps
7
- */
8
- declare const FlexibleResolvedView: ({ id, cardState, onClick, onError, onResolve, showServerActions, anchorTarget, testId, ui, url, analytics, }: FlexibleBlockCardProps) => JSX.Element;
9
- export default FlexibleResolvedView;
2
+ declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
3
+ export default _default;
@@ -1,11 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { FlexibleBlockCardProps } from './types';
3
- /**
4
- * This view represents a Block card that has an 'Unauthorized' status .
5
- * It should have a "Connect" button that will allow a user to connect their account and view the block card.
6
- *
7
- * @see SmartLinkStatus
8
- * @see FlexibleCardProps
9
- */
10
- declare const FlexibleUnauthorisedView: ({ anchorTarget, analytics, cardState, extensionKey, onAuthorize, onClick, onError, testId, ui, url, }: FlexibleBlockCardProps) => JSX.Element;
11
- export default FlexibleUnauthorisedView;
2
+ declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
3
+ export default _default;
@@ -1,2 +1,3 @@
1
1
  export declare const metadataBlockCss: import("@emotion/react").SerializedStyles;
2
2
  export declare const titleBlockCss: import("@emotion/react").SerializedStyles;
3
+ export declare const flexibleBlockCardStyle: import("@emotion/react").SerializedStyles;
@@ -1,5 +1,5 @@
1
1
  import { JsonLd } from 'json-ld-types';
2
- import { ElementItem } from '../../../FlexibleCard/components/blocks/types';
2
+ import { ElementItem } from '../../../../FlexibleCard/components/blocks/types';
3
3
  export declare const getSimulatedBetterMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
4
4
  export declare const getSimulatedMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
5
5
  type SimulatedMetadata = {
@@ -0,0 +1,4 @@
1
+ /** @jsx jsx */
2
+ import { jsx } from '@emotion/react';
3
+ import { FlexibleBlockCardProps } from '../types';
4
+ export declare const withFlexibleUIBlockCardStyle: (FlexibleBlockCardView: React.FC<FlexibleBlockCardProps>) => (props: FlexibleBlockCardProps) => jsx.JSX.Element;
@@ -0,0 +1,5 @@
1
+ /** @jsx jsx */
2
+ import React from 'react';
3
+ import { PopupComponentProps } from '@atlaskit/popup';
4
+ declare const CustomPopupContainer: React.ForwardRefExoticComponent<Pick<PopupComponentProps, "children" | "style" | "id" | "tabIndex" | "data-testid" | "data-placement"> & React.RefAttributes<HTMLDivElement>>;
5
+ export default CustomPopupContainer;
@@ -7,3 +7,4 @@ export declare const separatorCss: import("@emotion/react").SerializedStyles;
7
7
  export declare const HoverCardContainer: import("@emotion/react").SerializedStyles;
8
8
  export declare const titleBlockCss: import("@emotion/react").SerializedStyles;
9
9
  export declare const getTransitionStyles: (snippetHeight: number) => import("@emotion/react").SerializedStyles;
10
+ export declare const popupContainerStyles: import("@emotion/react").SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "26.15.3",
3
+ "version": "26.15.4",
4
4
  "description": "Smart card component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"