@atlaskit/smart-card 26.50.5 → 26.50.7

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 (94) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/client/package.json +1 -1
  3. package/dist/cjs/utils/analytics/analytics.js +1 -1
  4. package/dist/cjs/view/BlockCard/components/ActionIcon.js +2 -0
  5. package/dist/cjs/view/BlockCard/components/ActionList.js +4 -1
  6. package/dist/cjs/view/BlockCard/components/Content.js +1 -0
  7. package/dist/cjs/view/BlockCard/components/ContentFooter.js +1 -0
  8. package/dist/cjs/view/BlockCard/components/Frame.js +1 -0
  9. package/dist/cjs/view/BlockCard/components/Name.js +1 -0
  10. package/dist/cjs/view/BlockCard/components/Provider.js +1 -0
  11. package/dist/cjs/view/BlockCard/views/ResolvingView.js +2 -1
  12. package/dist/cjs/view/EmbedCard/components/styled.js +4 -5
  13. package/dist/cjs/view/EmbedCard/views/ErroredView.js +2 -0
  14. package/dist/cjs/view/EmbedModal/components/link-info/styled.js +55 -8
  15. package/dist/cjs/view/FlexibleCard/components/common/atlaskit-icon/index.js +7 -17
  16. package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/styled.js +38 -10
  17. package/dist/cjs/view/InlineCard/Icon.js +16 -4
  18. package/dist/cjs/view/LinkUrl/index.js +1 -1
  19. package/dist/cjs/view/common/Byline.js +1 -0
  20. package/dist/cjs/view/common/MetadataList.js +1 -0
  21. package/dist/cjs/view/common/ai-prism/ai-glowing-border/animated-svg-container.js +5 -5
  22. package/dist/cjs/view/common/ai-prism/constants.js +1 -2
  23. package/dist/cjs/view/common/utils.js +3 -0
  24. package/dist/es2019/utils/analytics/analytics.js +1 -1
  25. package/dist/es2019/view/BlockCard/components/ActionIcon.js +2 -0
  26. package/dist/es2019/view/BlockCard/components/ActionList.js +4 -1
  27. package/dist/es2019/view/BlockCard/components/Content.js +1 -0
  28. package/dist/es2019/view/BlockCard/components/ContentFooter.js +1 -0
  29. package/dist/es2019/view/BlockCard/components/Frame.js +1 -0
  30. package/dist/es2019/view/BlockCard/components/Name.js +1 -0
  31. package/dist/es2019/view/BlockCard/components/Provider.js +1 -0
  32. package/dist/es2019/view/BlockCard/views/ResolvingView.js +2 -1
  33. package/dist/es2019/view/EmbedCard/components/styled.js +4 -5
  34. package/dist/es2019/view/EmbedCard/views/ErroredView.js +2 -0
  35. package/dist/es2019/view/EmbedModal/components/link-info/styled.js +45 -57
  36. package/dist/es2019/view/FlexibleCard/components/common/atlaskit-icon/index.js +8 -18
  37. package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/styled.js +35 -45
  38. package/dist/es2019/view/InlineCard/Icon.js +16 -14
  39. package/dist/es2019/view/LinkUrl/index.js +1 -1
  40. package/dist/es2019/view/common/Byline.js +1 -0
  41. package/dist/es2019/view/common/MetadataList.js +1 -0
  42. package/dist/es2019/view/common/ai-prism/ai-glowing-border/animated-svg-container.js +6 -6
  43. package/dist/es2019/view/common/ai-prism/constants.js +0 -1
  44. package/dist/es2019/view/common/utils.js +4 -0
  45. package/dist/esm/utils/analytics/analytics.js +1 -1
  46. package/dist/esm/view/BlockCard/components/ActionIcon.js +2 -0
  47. package/dist/esm/view/BlockCard/components/ActionList.js +4 -1
  48. package/dist/esm/view/BlockCard/components/Content.js +1 -0
  49. package/dist/esm/view/BlockCard/components/ContentFooter.js +1 -0
  50. package/dist/esm/view/BlockCard/components/Frame.js +1 -0
  51. package/dist/esm/view/BlockCard/components/Name.js +1 -0
  52. package/dist/esm/view/BlockCard/components/Provider.js +1 -0
  53. package/dist/esm/view/BlockCard/views/ResolvingView.js +2 -1
  54. package/dist/esm/view/EmbedCard/components/styled.js +4 -5
  55. package/dist/esm/view/EmbedCard/views/ErroredView.js +2 -0
  56. package/dist/esm/view/EmbedModal/components/link-info/styled.js +55 -7
  57. package/dist/esm/view/FlexibleCard/components/common/atlaskit-icon/index.js +8 -18
  58. package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/styled.js +38 -9
  59. package/dist/esm/view/InlineCard/Icon.js +16 -4
  60. package/dist/esm/view/LinkUrl/index.js +1 -1
  61. package/dist/esm/view/common/Byline.js +1 -0
  62. package/dist/esm/view/common/MetadataList.js +1 -0
  63. package/dist/esm/view/common/ai-prism/ai-glowing-border/animated-svg-container.js +6 -6
  64. package/dist/esm/view/common/ai-prism/constants.js +0 -1
  65. package/dist/esm/view/common/utils.js +4 -0
  66. package/dist/types/common/analytics/generated/create-event-payload.d.ts +1 -1
  67. package/dist/types/common/analytics/generated/use-analytics-events.d.ts +1 -1
  68. package/dist/types/state/analytics/useLinkClicked.d.ts +2 -2
  69. package/dist/types/utils/actions/create-invoke-request.d.ts +1 -1
  70. package/dist/types/utils/analytics/click.d.ts +1 -1
  71. package/dist/types/view/Card/index.d.ts +1 -1
  72. package/dist/types/view/EmbedCard/constants.d.ts +3 -3
  73. package/dist/types/view/EmbedCard/utils.d.ts +1 -1
  74. package/dist/types/view/FlexibleCard/components/blocks/types.d.ts +8 -0
  75. package/dist/types/view/LinkUrl/LinkWarningModal/index.d.ts +2 -2
  76. package/dist/types/view/common/ai-prism/constants.d.ts +0 -1
  77. package/dist/types-ts4.5/common/analytics/generated/create-event-payload.d.ts +1 -1
  78. package/dist/types-ts4.5/common/analytics/generated/use-analytics-events.d.ts +1 -1
  79. package/dist/types-ts4.5/state/analytics/useLinkClicked.d.ts +2 -2
  80. package/dist/types-ts4.5/utils/actions/create-invoke-request.d.ts +1 -1
  81. package/dist/types-ts4.5/utils/analytics/click.d.ts +1 -1
  82. package/dist/types-ts4.5/view/Card/index.d.ts +1 -1
  83. package/dist/types-ts4.5/view/EmbedCard/constants.d.ts +3 -3
  84. package/dist/types-ts4.5/view/EmbedCard/utils.d.ts +1 -1
  85. package/dist/types-ts4.5/view/FlexibleCard/components/blocks/types.d.ts +8 -0
  86. package/dist/types-ts4.5/view/LinkUrl/LinkWarningModal/index.d.ts +2 -2
  87. package/dist/types-ts4.5/view/common/ai-prism/constants.d.ts +0 -1
  88. package/hooks/package.json +1 -1
  89. package/hover-card/package.json +1 -1
  90. package/in-product/package.json +1 -1
  91. package/link-url/package.json +1 -1
  92. package/package.json +2 -2
  93. package/ssr/package.json +1 -1
  94. package/types/package.json +1 -1
@@ -1,14 +1,43 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
3
1
  import { css } from '@emotion/react';
4
2
  import { N800 } from '@atlaskit/theme/colors';
5
3
  import { getTruncateStyles } from '../../../../utils';
6
- export var dropdownItemGroupStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n button {\n width: 220px;\n\n &:hover {\n background-color: inherit;\n cursor: default;\n }\n }\n"])));
7
- var sharedBlockStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n gap: 0.5rem;\n line-height: 1rem;\n min-width: 0;\n overflow: hidden;\n flex-direction: row;\n align-items: center;\n"])));
8
- export var contentStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", ";\n\n margin-top: ", ";\n align-items: flex-start;\n\n > span,\n > div {\n font-size: 0.875rem;\n line-height: 1.25rem;\n color: ", ";\n }\n"])), sharedBlockStyles, "var(--ds-space-025, 2px)", "var(--ds-text, ".concat(N800, ")"));
9
-
10
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
11
- export var linkStyles = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n ", ";\n\n cursor: pointer;\n font-size: 0.875rem;\n margin-top: 10px;\n margin-left: ", ";\n margin-bottom: ", ";\n"])), sharedBlockStyles, "var(--ds-space-400, 32px)", "var(--ds-space-025, 2px)");
4
+ export var dropdownItemGroupStyles = css({
5
+ button: {
6
+ width: '220px',
7
+ '&:hover': {
8
+ backgroundColor: 'inherit',
9
+ cursor: 'default'
10
+ }
11
+ }
12
+ });
13
+ var sharedBlockStyles = css({
14
+ display: 'flex',
15
+ gap: '0.5rem',
16
+ lineHeight: '1rem',
17
+ minWidth: 0,
18
+ overflow: 'hidden',
19
+ flexDirection: 'row',
20
+ alignItems: 'center'
21
+ });
22
+ export var contentStyles = css(sharedBlockStyles, {
23
+ marginTop: "var(--ds-space-025, 2px)",
24
+ alignItems: 'flex-start',
25
+ '> span, > div': {
26
+ fontSize: '0.875rem',
27
+ lineHeight: '1.25rem',
28
+ color: "var(--ds-text, ".concat(N800, ")")
29
+ }
30
+ });
31
+ export var linkStyles = css(sharedBlockStyles, {
32
+ cursor: 'pointer',
33
+ fontSize: '0.875rem',
34
+ marginTop: "var(--ds-space-100, 8px)",
35
+ marginLeft: "var(--ds-space-400, 32px)",
36
+ marginBottom: "var(--ds-space-025, 2px)"
37
+ });
12
38
  export var textStyles = function textStyles(maxLines) {
13
- return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n line-height: 1rem;\n white-space: normal;\n ", ";\n"])), getTruncateStyles(maxLines));
39
+ return css({
40
+ lineHeight: '1rem',
41
+ whiteSpace: 'normal'
42
+ }, getTruncateStyles(maxLines));
14
43
  };
@@ -1,5 +1,3 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2;
3
1
  import styled from '@emotion/styled';
4
2
  import { Skeleton } from '@atlaskit/linking-common';
5
3
  import React from 'react';
@@ -9,17 +7,31 @@ import React from 'react';
9
7
  // Current rationale: vertically positioned at the top of
10
8
  // the smart card container (when set to 0). Offset this
11
9
  // to position it with appropriate whitespace from the top.
12
- export var Icon = styled.img(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n height: 14px;\n width: 14px;\n margin-right: ", ";\n border-radius: 2px;\n user-select: none;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])), "var(--ds-space-050, 4px)");
10
+ export var Icon = styled.img({
11
+ height: '14px',
12
+ width: '14px',
13
+ marginRight: "var(--ds-space-050, 4px)",
14
+ borderRadius: '2px',
15
+ userSelect: 'none',
16
+ position: 'absolute',
17
+ top: '50%',
18
+ left: '50%',
19
+ transform: 'translate(-50%, -50%)'
20
+ });
13
21
 
14
22
  // Used for 'untrue' icons which claim to be 16x16 but
15
23
  // are less than that in height/width.
16
24
  // TODO: Replace this override with proper AtlasKit solution.
17
- export var AKIconWrapper = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin-right: ", ";\n"])), "var(--ds-space-negative-025, -2px)");
25
+ export var AKIconWrapper = styled.span({
26
+ marginRight: "var(--ds-space-negative-025, -2px)"
27
+ });
18
28
  export var Shimmer = function Shimmer(_ref) {
19
29
  var testId = _ref.testId;
20
30
  var skeletonCustomStyles = {
21
31
  position: 'absolute',
32
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
22
33
  top: '50%',
34
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
23
35
  left: '50%',
24
36
  transform: 'translate(-50%, -50%)',
25
37
  marginRight: "var(--ds-space-050, 4px)"
@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
10
10
  import LinkWarningModal from './LinkWarningModal';
11
11
  var PACKAGE_DATA = {
12
12
  packageName: "@atlaskit/smart-card",
13
- packageVersion: "26.50.5",
13
+ packageVersion: "26.50.7",
14
14
  componentName: 'linkUrl'
15
15
  };
16
16
  var Link = withLinkClickedEvent('a');
@@ -13,6 +13,7 @@ export var Byline = function Byline(_ref) {
13
13
  lineHeight: gs(2.5),
14
14
  color: "".concat("var(--ds-text-subtlest, ".concat(N300, ")")),
15
15
  fontWeight: 'normal',
16
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
16
17
  marginTop: gs(0.5),
17
18
  // Spec: only allow two lines MAX to be shown.
18
19
  display: '-webkit-box',
@@ -10,6 +10,7 @@ export var MetadataList = function MetadataList(_ref) {
10
10
  return jsx("div", {
11
11
  css: {
12
12
  display: 'flex',
13
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
13
14
  marginTop: gs(0.5),
14
15
  alignItems: 'center',
15
16
  '&:last-child': {
@@ -1,18 +1,18 @@
1
1
  /** @jsx jsx */
2
2
  import { css, jsx } from '@emotion/react';
3
3
  import React, { useEffect, useRef } from 'react';
4
- import { GLOW_SIZE, OUTER_BORDER_RADIUS } from '../constants';
4
+ import { OUTER_BORDER_RADIUS } from '../constants';
5
5
  var namespaceUUID = 0;
6
6
  var svgStyles = css({
7
7
  position: 'absolute',
8
8
  borderRadius: OUTER_BORDER_RADIUS
9
9
  });
10
10
  var blurredStyles = css({
11
- width: "calc(100% - ".concat(GLOW_SIZE / 2, "px)"),
12
- height: "calc(100% - ".concat(GLOW_SIZE / 2, "px)"),
13
- top: GLOW_SIZE / 2,
14
- left: GLOW_SIZE / 2,
15
- filter: "blur(".concat(GLOW_SIZE, "px)"),
11
+ width: "calc(100% - ".concat("var(--ds-space-050, 4px)", ")"),
12
+ height: "calc(100% - ".concat("var(--ds-space-050, 4px)", ")"),
13
+ top: "var(--ds-space-050, 4px)",
14
+ left: "var(--ds-space-050, 4px)",
15
+ filter: "blur(".concat("var(--ds-space-100, 8px)", ")"),
16
16
  // for safari... : https://stackoverflow.com/a/71353198
17
17
  backfaceVisibility: 'hidden',
18
18
  transform: 'translate3d(0, 0, 0)'
@@ -4,7 +4,6 @@
4
4
  * with modifications.
5
5
  */
6
6
 
7
- export var GLOW_SIZE = 8;
8
7
  export var INNER_BORDER_RADIUS = 8;
9
8
  export var OUTER_BORDER_RADIUS = 10;
10
9
 
@@ -1,4 +1,8 @@
1
1
  import facepaint from 'facepaint';
2
+
3
+ // this function is used for spacing, fontsize and line height,
4
+ // once design tokens have been established for the all of these categories
5
+ // then this function can be replaced with the tokens
2
6
  var gs = function gs(times) {
3
7
  return "".concat(8 * times, "px");
4
8
  };
@@ -23,5 +23,5 @@ type EventPayload<K extends EventKey> = {
23
23
  actionSubjectId?: string;
24
24
  attributes?: AnalyticsEventAttributes[K];
25
25
  };
26
- declare const createEventPayload: <K extends keyof AnalyticsEventAttributes>(eventKey: K, ...[attributes]: OptionalIfUndefined<AnalyticsEventAttributes[K]>) => ScreenEventPayload<K> | EventPayload<K>;
26
+ declare const createEventPayload: <K extends keyof AnalyticsEventAttributes>(eventKey: K, ...[attributes]: EventPayloadAttributes<K>) => ScreenEventPayload<K> | EventPayload<K>;
27
27
  export default createEventPayload;
@@ -1,3 +1,3 @@
1
1
  export declare const useAnalyticsEvents: () => {
2
- fireEvent: <K extends keyof import("./analytics.types").AnalyticsEventAttributes>(params_0: K, ...params_1: undefined extends import("./analytics.types").AnalyticsEventAttributes[K] ? [param?: import("./analytics.types").AnalyticsEventAttributes[K] | undefined] : [param: import("./analytics.types").AnalyticsEventAttributes[K]]) => void;
2
+ fireEvent: <K extends keyof import("./analytics.types").AnalyticsEventAttributes>(eventKey: K, ...params_1: undefined extends import("./analytics.types").AnalyticsEventAttributes[K] ? [param?: import("./analytics.types").AnalyticsEventAttributes[K] | undefined] : [param: import("./analytics.types").AnalyticsEventAttributes[K]]) => void;
3
3
  };
@@ -4,5 +4,5 @@ export declare enum ClickButton {
4
4
  Middle = 1,
5
5
  Right = 2
6
6
  }
7
- export declare const useLinkClicked: <T extends import("react").MouseEventHandler<Element>>(handler?: T | undefined, predicate?: ((event: React.MouseEvent) => boolean) | undefined) => (...args: Parameters<T>) => void;
8
- export declare const useMouseDownEvent: <T extends import("react").MouseEventHandler<Element>>(onMouseDown?: T | undefined) => (...args: Parameters<T>) => void;
7
+ export declare const useLinkClicked: <T extends import("react").MouseEventHandler<Element>>(handler?: T, predicate?: ((event: React.MouseEvent) => boolean) | undefined) => (...args: Parameters<T>) => void;
8
+ export declare const useMouseDownEvent: <T extends import("react").MouseEventHandler<Element>>(onMouseDown?: T) => (...args: Parameters<T>) => void;
@@ -1,3 +1,3 @@
1
1
  import type { InvokeRequest } from '@atlaskit/linking-types/smart-link-actions';
2
- declare const createInvokeRequest: <TPayload extends object>(request: InvokeRequest, payload?: TPayload | undefined) => InvokeRequest<TPayload>;
2
+ declare const createInvokeRequest: <TPayload extends object>(request: InvokeRequest, payload?: TPayload) => InvokeRequest<TPayload>;
3
3
  export default createInvokeRequest;
@@ -4,7 +4,7 @@ import { GasPayload } from '@atlaskit/analytics-gas-types';
4
4
  import { ClickOutcome, ClickType, UiLinkClickedEventProps } from './types';
5
5
  import { AnalyticsPayload } from '../types';
6
6
  export declare const buttonMap: Map<number | undefined, "left" | "right" | "none" | "middle">;
7
- export declare const getKeys: (e: React.MouseEvent) => ("meta" | "alt" | "shift" | "ctrl")[];
7
+ export declare const getKeys: (e: React.MouseEvent) => ("meta" | "shift" | "alt" | "ctrl")[];
8
8
  export declare function getLinkClickOutcome(e: React.MouseEvent, clickType: ClickType): ClickOutcome;
9
9
  export declare const createLinkClickedPayload: (event: React.MouseEvent) => AnalyticsPayload | undefined;
10
10
  type DeepPartial<T> = T extends object ? {
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
2
  import { CardAppearance, CardPlatform, CardProps } from './types';
3
3
  import { WrappedComponentProps } from 'react-intl-next';
4
- export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "container" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "actionOptions" | "onResolve" | "ui" | "showHoverPreview" | "showAuthTooltip" | "platform" | "isHovered" | "isFrameVisible" | "frameStyle" | "importer" | "showActions" | "showServerActions" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "inlinePreloaderStyle" | "analyticsEvents" | "useLegacyBlockCard" | "forwardedRef"> & React.RefAttributes<any>>;
4
+ export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "container" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "actionOptions" | "onResolve" | "ui" | "showHoverPreview" | "showAuthTooltip" | "platform" | "isHovered" | "isFrameVisible" | "frameStyle" | "importer" | "showActions" | "showServerActions" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "inlinePreloaderStyle" | "analyticsEvents" | "useLegacyBlockCard" | "forwardedRef"> & React.RefAttributes<any>>;
5
5
  export type { CardAppearance, CardProps, CardPlatform };
@@ -1,3 +1,3 @@
1
- export declare const LockImage: string;
2
- export declare const NotFoundImage: string;
3
- export declare const UnauthorisedImage: string;
1
+ export declare const LockImage = "https://smart-links-cdn.us-east-1.prod.public.atl-paas.net/lock.svg";
2
+ export declare const NotFoundImage = "https://smart-links-cdn.us-east-1.prod.public.atl-paas.net/not_found.svg";
3
+ export declare const UnauthorisedImage = "https://smart-links-cdn.us-east-1.prod.public.atl-paas.net/unauth.svg";
@@ -1 +1 @@
1
- export declare const getUnresolvedEmbedCardImage: (status: 'forbidden' | 'unauthorized' | 'notFound') => string;
1
+ export declare const getUnresolvedEmbedCardImage: (status: 'forbidden' | 'unauthorized' | 'notFound') => "https://smart-links-cdn.us-east-1.prod.public.atl-paas.net/lock.svg" | "https://smart-links-cdn.us-east-1.prod.public.atl-paas.net/not_found.svg" | "https://smart-links-cdn.us-east-1.prod.public.atl-paas.net/unauth.svg";
@@ -76,6 +76,10 @@ export type BaseActionItem = {
76
76
  * Determines whether the action should hide the icon inside the button.
77
77
  */
78
78
  hideIcon?: boolean;
79
+ /**
80
+ * Determines where the icon should be rendered if text is provided.
81
+ */
82
+ iconPosition?: 'before' | 'after';
79
83
  /**
80
84
  * Determines the text and icon representation of the action, with exception
81
85
  * to CustomAction.
@@ -85,6 +89,10 @@ export type BaseActionItem = {
85
89
  * Determines the onClick behaviour of the action.
86
90
  */
87
91
  onClick: () => any;
92
+ /**
93
+ * Determines the text content of the Action.
94
+ */
95
+ content?: React.ReactNode;
88
96
  /**
89
97
  * Additional CSS properties on the Action.
90
98
  */
@@ -8,7 +8,7 @@ interface LinkWarningModalProps {
8
8
  unsafeLinkText: string | null;
9
9
  url: string | null;
10
10
  }
11
- declare const _default: React.FC<import("react-intl-next").WithIntlProps<LinkWarningModalProps & WrappedComponentProps<"intl">>> & {
12
- WrappedComponent: React.ComponentType<LinkWarningModalProps & WrappedComponentProps<"intl">>;
11
+ declare const _default: React.FC<import("react-intl-next").WithIntlProps<LinkWarningModalProps & WrappedComponentProps>> & {
12
+ WrappedComponent: React.ComponentType<LinkWarningModalProps & WrappedComponentProps>;
13
13
  };
14
14
  export default _default;
@@ -4,7 +4,6 @@ import { AIThemeBorderPalette } from './types';
4
4
  * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
5
5
  * with modifications.
6
6
  */
7
- export declare const GLOW_SIZE = 8;
8
7
  export declare const INNER_BORDER_RADIUS = 8;
9
8
  export declare const OUTER_BORDER_RADIUS = 10;
10
9
  export declare const aiThemeTokens: {
@@ -27,5 +27,5 @@ type EventPayload<K extends EventKey> = {
27
27
  actionSubjectId?: string;
28
28
  attributes?: AnalyticsEventAttributes[K];
29
29
  };
30
- declare const createEventPayload: <K extends keyof AnalyticsEventAttributes>(eventKey: K, ...[attributes]: OptionalIfUndefined<AnalyticsEventAttributes[K]>) => ScreenEventPayload<K> | EventPayload<K>;
30
+ declare const createEventPayload: <K extends keyof AnalyticsEventAttributes>(eventKey: K, ...[attributes]: EventPayloadAttributes<K>) => ScreenEventPayload<K> | EventPayload<K>;
31
31
  export default createEventPayload;
@@ -1,5 +1,5 @@
1
1
  export declare const useAnalyticsEvents: () => {
2
- fireEvent: <K extends keyof import("./analytics.types").AnalyticsEventAttributes>(params_0: K, ...params_1: undefined extends import("./analytics.types").AnalyticsEventAttributes[K] ? [
2
+ fireEvent: <K extends keyof import("./analytics.types").AnalyticsEventAttributes>(eventKey: K, ...params_1: undefined extends import("./analytics.types").AnalyticsEventAttributes[K] ? [
3
3
  param?: import("./analytics.types").AnalyticsEventAttributes[K] | undefined
4
4
  ] : [
5
5
  param: import("./analytics.types").AnalyticsEventAttributes[K]
@@ -4,5 +4,5 @@ export declare enum ClickButton {
4
4
  Middle = 1,
5
5
  Right = 2
6
6
  }
7
- export declare const useLinkClicked: <T extends import("react").MouseEventHandler<Element>>(handler?: T | undefined, predicate?: ((event: React.MouseEvent) => boolean) | undefined) => (...args: Parameters<T>) => void;
8
- export declare const useMouseDownEvent: <T extends import("react").MouseEventHandler<Element>>(onMouseDown?: T | undefined) => (...args: Parameters<T>) => void;
7
+ export declare const useLinkClicked: <T extends import("react").MouseEventHandler<Element>>(handler?: T, predicate?: ((event: React.MouseEvent) => boolean) | undefined) => (...args: Parameters<T>) => void;
8
+ export declare const useMouseDownEvent: <T extends import("react").MouseEventHandler<Element>>(onMouseDown?: T) => (...args: Parameters<T>) => void;
@@ -1,3 +1,3 @@
1
1
  import type { InvokeRequest } from '@atlaskit/linking-types/smart-link-actions';
2
- declare const createInvokeRequest: <TPayload extends object>(request: InvokeRequest, payload?: TPayload | undefined) => InvokeRequest<TPayload>;
2
+ declare const createInvokeRequest: <TPayload extends object>(request: InvokeRequest, payload?: TPayload) => InvokeRequest<TPayload>;
3
3
  export default createInvokeRequest;
@@ -4,7 +4,7 @@ import { GasPayload } from '@atlaskit/analytics-gas-types';
4
4
  import { ClickOutcome, ClickType, UiLinkClickedEventProps } from './types';
5
5
  import { AnalyticsPayload } from '../types';
6
6
  export declare const buttonMap: Map<number | undefined, "left" | "right" | "none" | "middle">;
7
- export declare const getKeys: (e: React.MouseEvent) => ("meta" | "alt" | "shift" | "ctrl")[];
7
+ export declare const getKeys: (e: React.MouseEvent) => ("meta" | "shift" | "alt" | "ctrl")[];
8
8
  export declare function getLinkClickOutcome(e: React.MouseEvent, clickType: ClickType): ClickOutcome;
9
9
  export declare const createLinkClickedPayload: (event: React.MouseEvent) => AnalyticsPayload | undefined;
10
10
  type DeepPartial<T> = T extends object ? {
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
2
  import { CardAppearance, CardPlatform, CardProps } from './types';
3
3
  import { WrappedComponentProps } from 'react-intl-next';
4
- export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "container" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "actionOptions" | "onResolve" | "ui" | "showHoverPreview" | "showAuthTooltip" | "platform" | "isHovered" | "isFrameVisible" | "frameStyle" | "importer" | "showActions" | "showServerActions" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "inlinePreloaderStyle" | "analyticsEvents" | "useLegacyBlockCard" | "forwardedRef"> & React.RefAttributes<any>>;
4
+ export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "container" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "actionOptions" | "onResolve" | "ui" | "showHoverPreview" | "showAuthTooltip" | "platform" | "isHovered" | "isFrameVisible" | "frameStyle" | "importer" | "showActions" | "showServerActions" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "inlinePreloaderStyle" | "analyticsEvents" | "useLegacyBlockCard" | "forwardedRef"> & React.RefAttributes<any>>;
5
5
  export type { CardAppearance, CardProps, CardPlatform };
@@ -1,3 +1,3 @@
1
- export declare const LockImage: string;
2
- export declare const NotFoundImage: string;
3
- export declare const UnauthorisedImage: string;
1
+ export declare const LockImage = "https://smart-links-cdn.us-east-1.prod.public.atl-paas.net/lock.svg";
2
+ export declare const NotFoundImage = "https://smart-links-cdn.us-east-1.prod.public.atl-paas.net/not_found.svg";
3
+ export declare const UnauthorisedImage = "https://smart-links-cdn.us-east-1.prod.public.atl-paas.net/unauth.svg";
@@ -1 +1 @@
1
- export declare const getUnresolvedEmbedCardImage: (status: 'forbidden' | 'unauthorized' | 'notFound') => string;
1
+ export declare const getUnresolvedEmbedCardImage: (status: 'forbidden' | 'unauthorized' | 'notFound') => "https://smart-links-cdn.us-east-1.prod.public.atl-paas.net/lock.svg" | "https://smart-links-cdn.us-east-1.prod.public.atl-paas.net/not_found.svg" | "https://smart-links-cdn.us-east-1.prod.public.atl-paas.net/unauth.svg";
@@ -76,6 +76,10 @@ export type BaseActionItem = {
76
76
  * Determines whether the action should hide the icon inside the button.
77
77
  */
78
78
  hideIcon?: boolean;
79
+ /**
80
+ * Determines where the icon should be rendered if text is provided.
81
+ */
82
+ iconPosition?: 'before' | 'after';
79
83
  /**
80
84
  * Determines the text and icon representation of the action, with exception
81
85
  * to CustomAction.
@@ -85,6 +89,10 @@ export type BaseActionItem = {
85
89
  * Determines the onClick behaviour of the action.
86
90
  */
87
91
  onClick: () => any;
92
+ /**
93
+ * Determines the text content of the Action.
94
+ */
95
+ content?: React.ReactNode;
88
96
  /**
89
97
  * Additional CSS properties on the Action.
90
98
  */
@@ -8,7 +8,7 @@ interface LinkWarningModalProps {
8
8
  unsafeLinkText: string | null;
9
9
  url: string | null;
10
10
  }
11
- declare const _default: React.FC<import("react-intl-next").WithIntlProps<LinkWarningModalProps & WrappedComponentProps<"intl">>> & {
12
- WrappedComponent: React.ComponentType<LinkWarningModalProps & WrappedComponentProps<"intl">>;
11
+ declare const _default: React.FC<import("react-intl-next").WithIntlProps<LinkWarningModalProps & WrappedComponentProps>> & {
12
+ WrappedComponent: React.ComponentType<LinkWarningModalProps & WrappedComponentProps>;
13
13
  };
14
14
  export default _default;
@@ -4,7 +4,6 @@ import { AIThemeBorderPalette } from './types';
4
4
  * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
5
5
  * with modifications.
6
6
  */
7
- export declare const GLOW_SIZE = 8;
8
7
  export declare const INNER_BORDER_RADIUS = 8;
9
8
  export declare const OUTER_BORDER_RADIUS = 10;
10
9
  export declare const aiThemeTokens: {
@@ -6,7 +6,7 @@
6
6
  "sideEffects": false,
7
7
  "types": "../dist/types/hooks.d.ts",
8
8
  "typesVersions": {
9
- ">=4.5 <4.9": {
9
+ ">=4.5 <5.4": {
10
10
  "*": [
11
11
  "../dist/types-ts4.5/hooks.d.ts"
12
12
  ]
@@ -6,7 +6,7 @@
6
6
  "sideEffects": false,
7
7
  "types": "../dist/types/hoverCard.d.ts",
8
8
  "typesVersions": {
9
- ">=4.5 <4.9": {
9
+ ">=4.5 <5.4": {
10
10
  "*": [
11
11
  "../dist/types-ts4.5/hoverCard.d.ts"
12
12
  ]
@@ -6,7 +6,7 @@
6
6
  "sideEffects": false,
7
7
  "types": "../dist/types/in-product.d.ts",
8
8
  "typesVersions": {
9
- ">=4.5 <4.9": {
9
+ ">=4.5 <5.4": {
10
10
  "*": [
11
11
  "../dist/types-ts4.5/in-product.d.ts"
12
12
  ]
@@ -6,7 +6,7 @@
6
6
  "sideEffects": false,
7
7
  "types": "../dist/types/linkUrl.d.ts",
8
8
  "typesVersions": {
9
- ">=4.5 <4.9": {
9
+ ">=4.5 <5.4": {
10
10
  "*": [
11
11
  "../dist/types-ts4.5/linkUrl.d.ts"
12
12
  ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "26.50.5",
3
+ "version": "26.50.7",
4
4
  "description": "Smart card component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -116,7 +116,7 @@
116
116
  "react-intl-next": "npm:react-intl@^5.18.1",
117
117
  "react-test-renderer": "^16.8.0",
118
118
  "ts-jest": "26.5.6",
119
- "typescript": "~4.9.5",
119
+ "typescript": "~5.4.2",
120
120
  "xhr-mock": "^2.4.0"
121
121
  },
122
122
  "techstack": {
package/ssr/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "sideEffects": false,
7
7
  "types": "../dist/types/ssr.d.ts",
8
8
  "typesVersions": {
9
- ">=4.5 <4.9": {
9
+ ">=4.5 <5.4": {
10
10
  "*": [
11
11
  "../dist/types-ts4.5/ssr.d.ts"
12
12
  ]
@@ -6,7 +6,7 @@
6
6
  "sideEffects": false,
7
7
  "types": "../dist/types/types.d.ts",
8
8
  "typesVersions": {
9
- ">=4.5 <4.9": {
9
+ ">=4.5 <5.4": {
10
10
  "*": [
11
11
  "../dist/types-ts4.5/types.d.ts"
12
12
  ]