@atlaskit/smart-card 45.4.2 → 45.4.3

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 (18) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/__tests__/vr-tests/__snapshots__/inline-card/inline-card-resolved-view-with-rovo-actions-cta-treatment---default.png +2 -2
  3. package/dist/cjs/utils/analytics/analytics.js +1 -1
  4. package/dist/cjs/view/InlineCard/common/rovo-actions-cta/index.compiled.css +4 -11
  5. package/dist/cjs/view/InlineCard/common/rovo-actions-cta/index.js +10 -25
  6. package/dist/cjs/view/LinkUrl/index.js +1 -1
  7. package/dist/es2019/__tests__/vr-tests/__snapshots__/inline-card/inline-card-resolved-view-with-rovo-actions-cta-treatment---default.png +2 -2
  8. package/dist/es2019/utils/analytics/analytics.js +1 -1
  9. package/dist/es2019/view/InlineCard/common/rovo-actions-cta/index.compiled.css +4 -11
  10. package/dist/es2019/view/InlineCard/common/rovo-actions-cta/index.js +1 -17
  11. package/dist/es2019/view/LinkUrl/index.js +1 -1
  12. package/dist/esm/__tests__/vr-tests/__snapshots__/inline-card/inline-card-resolved-view-with-rovo-actions-cta-treatment---default.png +2 -2
  13. package/dist/esm/utils/analytics/analytics.js +1 -1
  14. package/dist/esm/view/InlineCard/common/rovo-actions-cta/index.compiled.css +4 -11
  15. package/dist/esm/view/InlineCard/common/rovo-actions-cta/index.js +9 -24
  16. package/dist/esm/view/LinkUrl/index.js +1 -1
  17. package/dist/types/view/InlineCard/common/rovo-actions-cta/index.d.ts +0 -3
  18. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/smart-card
2
2
 
3
+ ## 45.4.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`3ce73b2cce528`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3ce73b2cce528) -
8
+ [ux] NO-ISSUE Fixing the inline card tailored CTA text alignment
9
+
3
10
  ## 45.4.2
4
11
 
5
12
  ### Patch Changes
package/dist/cjs/__tests__/vr-tests/__snapshots__/inline-card/inline-card-resolved-view-with-rovo-actions-cta-treatment---default.png CHANGED
@@ -1,3 +1,3 @@
1
1
  version https://git-lfs.github.com/spec/v1
2
- oid sha256:aa200619a891e5d125bc1afc6e360cd61508fef825ffeb5fa88c30f5df2bbefa
3
- size 21197
2
+ oid sha256:7c6b2bc02ec9fa3852a811d4de9dfaa6baf4be75d5df256591874083d5cd9360
3
+ size 21289
package/dist/cjs/utils/analytics/analytics.js CHANGED
@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
11
11
  var context = exports.context = {
12
12
  componentName: 'smart-cards',
13
13
  packageName: "@atlaskit/smart-card" || '',
14
- packageVersion: "45.4.1" || ''
14
+ packageVersion: "45.4.2" || ''
15
15
  };
16
16
  var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
17
17
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
package/dist/cjs/view/InlineCard/common/rovo-actions-cta/index.compiled.css CHANGED
@@ -1,12 +1,5 @@
1
- ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
2
1
  ._19bv12x7{padding-left:var(--ds-space-075,6px)}
3
- ._1e0c1nu9{display:inline}
4
- ._1o0zlb4i{border-bottom-right-radius:var(--ds-radius-xsmall,2px)}
5
- ._1y1m1u8q{background-clip:padding-box}
6
- ._80omtlke{cursor:pointer}
7
- ._bfhkjmqp{background-color:var(--ds-background-selected-bold,#1868db)}
8
- ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
9
- ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
10
- ._qrwqlb4i{border-top-right-radius:var(--ds-radius-xsmall,2px)}
11
- ._syaz15cr{color:var(--ds-text-inverse,#fff)}
12
- ._u5f312x7{padding-right:var(--ds-space-075,6px)}
2
+ ._19pk1i6y{margin-top:var(--ds-space-negative-025,-2px)}
3
+ ._1e0c116y{display:inline-flex}
4
+ ._4cvr1h6o{align-items:center}
5
+ ._s7n4nkob{vertical-align:middle}
package/dist/cjs/view/InlineCard/common/rovo-actions-cta/index.js CHANGED
@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
6
6
  Object.defineProperty(exports, "__esModule", {
7
7
  value: true
8
8
  });
9
- exports.RovoActionsCta = exports.InlineRovoActionButton = void 0;
9
+ exports.InlineRovoActionButton = void 0;
10
10
  require("./index.compiled.css");
11
11
  var _runtime = require("@compiled/react/runtime");
12
12
  var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
@@ -14,8 +14,6 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
14
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15
15
  var _react = _interopRequireWildcard(require("react"));
16
16
  var _reactIntl = require("react-intl");
17
- var _css = require("@atlaskit/css");
18
- var _rovoChat = _interopRequireDefault(require("@atlaskit/icon/core/rovo-chat"));
19
17
  var _linkExtractors = require("@atlaskit/link-extractors");
20
18
  var _compiled = require("@atlaskit/primitives/compiled");
21
19
  var _extractRovoChatAction = _interopRequireDefault(require("../../../../extractors/flexible/actions/extract-rovo-chat-action"));
@@ -30,25 +28,12 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
30
28
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
31
29
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
32
30
  var styles = {
33
- innerContainer: "_1e0c1nu9 _1y1m1u8q _16d9qvcn _19bv12x7 _u5f312x7",
34
- rovoIcon: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _ca0qv77o _n3tdv77o",
35
- text: "_1e0c1nu9 _19bv12x7"
31
+ text: "_19bv12x7 _1e0c116y _4cvr1h6o _s7n4nkob _19pk1i6y"
36
32
  };
37
- var RovoActionsCta = exports.RovoActionsCta = function RovoActionsCta(_ref) {
38
- var testId = _ref.testId;
39
- return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
40
- xcss: (0, _css.cx)(styles.innerContainer, styles.rovoIcon),
41
- testId: testId
42
- }, /*#__PURE__*/_react.default.createElement(_rovoChat.default, {
43
- label: "Rovo",
44
- color: "var(--ds-icon-inverse, #FFFFFF)",
45
- size: "small"
46
- }));
47
- };
48
- var InlineRovoActionButton = exports.InlineRovoActionButton = function InlineRovoActionButton(_ref2) {
49
- var testId = _ref2.testId,
50
- url = _ref2.url,
51
- actionOptions = _ref2.actionOptions;
33
+ var InlineRovoActionButton = exports.InlineRovoActionButton = function InlineRovoActionButton(_ref) {
34
+ var testId = _ref.testId,
35
+ url = _ref.url,
36
+ actionOptions = _ref.actionOptions;
52
37
  var _useRovoChat = (0, _useRovoChat2.default)(),
53
38
  sendPromptMessage = _useRovoChat.sendPromptMessage,
54
39
  isRovoChatEnabled = _useRovoChat.isRovoChatEnabled;
@@ -90,16 +75,16 @@ var InlineRovoActionButton = exports.InlineRovoActionButton = function InlineRov
90
75
  return _rovoChatUtils.RovoChatPromptKey.SALESFORCE_PREP;
91
76
  }
92
77
  }, [extensionKey, cardState]);
93
- var _ref3 = promptKey ? (0, _rovoChatUtils.getPromptAction)({
78
+ var _ref2 = promptKey ? (0, _rovoChatUtils.getPromptAction)({
94
79
  promptKey: promptKey,
95
80
  intl: intl,
96
81
  url: url,
97
82
  iconSize: 'small',
98
83
  provider: provider === null || provider === void 0 ? void 0 : provider.text
99
84
  }) || {} : {},
100
- promptData = _ref3.data,
101
- content = _ref3.content,
102
- icon = _ref3.icon;
85
+ promptData = _ref2.data,
86
+ content = _ref2.content,
87
+ icon = _ref2.icon;
103
88
  var handleClick = (0, _react.useCallback)(function (event) {
104
89
  event.preventDefault();
105
90
  event.stopPropagation();
package/dist/cjs/view/LinkUrl/index.js CHANGED
@@ -19,7 +19,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
19
19
  _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
20
20
  var PACKAGE_DATA = {
21
21
  packageName: "@atlaskit/smart-card",
22
- packageVersion: "45.4.1",
22
+ packageVersion: "45.4.2",
23
23
  componentName: 'linkUrl'
24
24
  };
25
25
  var LinkUrl = function LinkUrl(_ref) {
package/dist/es2019/__tests__/vr-tests/__snapshots__/inline-card/inline-card-resolved-view-with-rovo-actions-cta-treatment---default.png CHANGED
@@ -1,3 +1,3 @@
1
1
  version https://git-lfs.github.com/spec/v1
2
- oid sha256:aa200619a891e5d125bc1afc6e360cd61508fef825ffeb5fa88c30f5df2bbefa
3
- size 21197
2
+ oid sha256:7c6b2bc02ec9fa3852a811d4de9dfaa6baf4be75d5df256591874083d5cd9360
3
+ size 21289
package/dist/es2019/utils/analytics/analytics.js CHANGED
@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
2
2
  export const context = {
3
3
  componentName: 'smart-cards',
4
4
  packageName: "@atlaskit/smart-card" || '',
5
- packageVersion: "45.4.1" || ''
5
+ packageVersion: "45.4.2" || ''
6
6
  };
7
7
  export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
8
8
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
package/dist/es2019/view/InlineCard/common/rovo-actions-cta/index.compiled.css CHANGED
@@ -1,12 +1,5 @@
1
- ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
2
1
  ._19bv12x7{padding-left:var(--ds-space-075,6px)}
3
- ._1e0c1nu9{display:inline}
4
- ._1o0zlb4i{border-bottom-right-radius:var(--ds-radius-xsmall,2px)}
5
- ._1y1m1u8q{background-clip:padding-box}
6
- ._80omtlke{cursor:pointer}
7
- ._bfhkjmqp{background-color:var(--ds-background-selected-bold,#1868db)}
8
- ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
9
- ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
10
- ._qrwqlb4i{border-top-right-radius:var(--ds-radius-xsmall,2px)}
11
- ._syaz15cr{color:var(--ds-text-inverse,#fff)}
12
- ._u5f312x7{padding-right:var(--ds-space-075,6px)}
2
+ ._19pk1i6y{margin-top:var(--ds-space-negative-025,-2px)}
3
+ ._1e0c116y{display:inline-flex}
4
+ ._4cvr1h6o{align-items:center}
5
+ ._s7n4nkob{vertical-align:middle}
package/dist/es2019/view/InlineCard/common/rovo-actions-cta/index.js CHANGED
@@ -3,8 +3,6 @@ import "./index.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useCallback, useMemo } from 'react';
5
5
  import { useIntl } from 'react-intl';
6
- import { cx } from '@atlaskit/css';
7
- import RovoChatIcon from '@atlaskit/icon/core/rovo-chat';
8
6
  import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
9
7
  import { Box, Text } from '@atlaskit/primitives/compiled';
10
8
  import extractRovoChatAction from '../../../../extractors/flexible/actions/extract-rovo-chat-action';
@@ -16,21 +14,7 @@ import { useSmartCardState } from '../../../../state/store';
16
14
  import { getPromptAction, RovoChatPromptKey } from '../../../common/rovo-chat-utils';
17
15
  import { ActionButton } from '../action-button';
18
16
  const styles = {
19
- innerContainer: "_1e0c1nu9 _1y1m1u8q _16d9qvcn _19bv12x7 _u5f312x7",
20
- rovoIcon: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _ca0qv77o _n3tdv77o",
21
- text: "_1e0c1nu9 _19bv12x7"
22
- };
23
- export const RovoActionsCta = ({
24
- testId
25
- }) => {
26
- return /*#__PURE__*/React.createElement(Box, {
27
- xcss: cx(styles.innerContainer, styles.rovoIcon),
28
- testId: testId
29
- }, /*#__PURE__*/React.createElement(RovoChatIcon, {
30
- label: "Rovo",
31
- color: "var(--ds-icon-inverse, #FFFFFF)",
32
- size: "small"
33
- }));
17
+ text: "_19bv12x7 _1e0c116y _4cvr1h6o _s7n4nkob _19pk1i6y"
34
18
  };
35
19
  export const InlineRovoActionButton = ({
36
20
  testId,
package/dist/es2019/view/LinkUrl/index.js CHANGED
@@ -9,7 +9,7 @@ import LinkWarningModal from './LinkWarningModal';
9
9
  import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
10
10
  const PACKAGE_DATA = {
11
11
  packageName: "@atlaskit/smart-card",
12
- packageVersion: "45.4.1",
12
+ packageVersion: "45.4.2",
13
13
  componentName: 'linkUrl'
14
14
  };
15
15
  const LinkUrl = ({
package/dist/esm/__tests__/vr-tests/__snapshots__/inline-card/inline-card-resolved-view-with-rovo-actions-cta-treatment---default.png CHANGED
@@ -1,3 +1,3 @@
1
1
  version https://git-lfs.github.com/spec/v1
2
- oid sha256:aa200619a891e5d125bc1afc6e360cd61508fef825ffeb5fa88c30f5df2bbefa
3
- size 21197
2
+ oid sha256:7c6b2bc02ec9fa3852a811d4de9dfaa6baf4be75d5df256591874083d5cd9360
3
+ size 21289
package/dist/esm/utils/analytics/analytics.js CHANGED
@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
4
4
  export var context = {
5
5
  componentName: 'smart-cards',
6
6
  packageName: "@atlaskit/smart-card" || '',
7
- packageVersion: "45.4.1" || ''
7
+ packageVersion: "45.4.2" || ''
8
8
  };
9
9
  export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
10
10
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
package/dist/esm/view/InlineCard/common/rovo-actions-cta/index.compiled.css CHANGED
@@ -1,12 +1,5 @@
1
- ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
2
1
  ._19bv12x7{padding-left:var(--ds-space-075,6px)}
3
- ._1e0c1nu9{display:inline}
4
- ._1o0zlb4i{border-bottom-right-radius:var(--ds-radius-xsmall,2px)}
5
- ._1y1m1u8q{background-clip:padding-box}
6
- ._80omtlke{cursor:pointer}
7
- ._bfhkjmqp{background-color:var(--ds-background-selected-bold,#1868db)}
8
- ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
9
- ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
10
- ._qrwqlb4i{border-top-right-radius:var(--ds-radius-xsmall,2px)}
11
- ._syaz15cr{color:var(--ds-text-inverse,#fff)}
12
- ._u5f312x7{padding-right:var(--ds-space-075,6px)}
2
+ ._19pk1i6y{margin-top:var(--ds-space-negative-025,-2px)}
3
+ ._1e0c116y{display:inline-flex}
4
+ ._4cvr1h6o{align-items:center}
5
+ ._s7n4nkob{vertical-align:middle}
package/dist/esm/view/InlineCard/common/rovo-actions-cta/index.js CHANGED
@@ -8,8 +8,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
8
8
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
9
9
  import React, { useCallback, useMemo } from 'react';
10
10
  import { useIntl } from 'react-intl';
11
- import { cx } from '@atlaskit/css';
12
- import RovoChatIcon from '@atlaskit/icon/core/rovo-chat';
13
11
  import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
14
12
  import { Box, Text } from '@atlaskit/primitives/compiled';
15
13
  import extractRovoChatAction from '../../../../extractors/flexible/actions/extract-rovo-chat-action';
@@ -21,25 +19,12 @@ import { useSmartCardState } from '../../../../state/store';
21
19
  import { getPromptAction, RovoChatPromptKey } from '../../../common/rovo-chat-utils';
22
20
  import { ActionButton } from '../action-button';
23
21
  var styles = {
24
- innerContainer: "_1e0c1nu9 _1y1m1u8q _16d9qvcn _19bv12x7 _u5f312x7",
25
- rovoIcon: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _ca0qv77o _n3tdv77o",
26
- text: "_1e0c1nu9 _19bv12x7"
22
+ text: "_19bv12x7 _1e0c116y _4cvr1h6o _s7n4nkob _19pk1i6y"
27
23
  };
28
- export var RovoActionsCta = function RovoActionsCta(_ref) {
29
- var testId = _ref.testId;
30
- return /*#__PURE__*/React.createElement(Box, {
31
- xcss: cx(styles.innerContainer, styles.rovoIcon),
32
- testId: testId
33
- }, /*#__PURE__*/React.createElement(RovoChatIcon, {
34
- label: "Rovo",
35
- color: "var(--ds-icon-inverse, #FFFFFF)",
36
- size: "small"
37
- }));
38
- };
39
- export var InlineRovoActionButton = function InlineRovoActionButton(_ref2) {
40
- var testId = _ref2.testId,
41
- url = _ref2.url,
42
- actionOptions = _ref2.actionOptions;
24
+ export var InlineRovoActionButton = function InlineRovoActionButton(_ref) {
25
+ var testId = _ref.testId,
26
+ url = _ref.url,
27
+ actionOptions = _ref.actionOptions;
43
28
  var _useRovoChat = useRovoChat(),
44
29
  sendPromptMessage = _useRovoChat.sendPromptMessage,
45
30
  isRovoChatEnabled = _useRovoChat.isRovoChatEnabled;
@@ -81,16 +66,16 @@ export var InlineRovoActionButton = function InlineRovoActionButton(_ref2) {
81
66
  return RovoChatPromptKey.SALESFORCE_PREP;
82
67
  }
83
68
  }, [extensionKey, cardState]);
84
- var _ref3 = promptKey ? getPromptAction({
69
+ var _ref2 = promptKey ? getPromptAction({
85
70
  promptKey: promptKey,
86
71
  intl: intl,
87
72
  url: url,
88
73
  iconSize: 'small',
89
74
  provider: provider === null || provider === void 0 ? void 0 : provider.text
90
75
  }) || {} : {},
91
- promptData = _ref3.data,
92
- content = _ref3.content,
93
- icon = _ref3.icon;
76
+ promptData = _ref2.data,
77
+ content = _ref2.content,
78
+ icon = _ref2.icon;
94
79
  var handleClick = useCallback(function (event) {
95
80
  event.preventDefault();
96
81
  event.stopPropagation();
package/dist/esm/view/LinkUrl/index.js CHANGED
@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
12
12
  import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
13
13
  var PACKAGE_DATA = {
14
14
  packageName: "@atlaskit/smart-card",
15
- packageVersion: "45.4.1",
15
+ packageVersion: "45.4.2",
16
16
  componentName: 'linkUrl'
17
17
  };
18
18
  var LinkUrl = function LinkUrl(_ref) {
package/dist/types/view/InlineCard/common/rovo-actions-cta/index.d.ts CHANGED
@@ -1,7 +1,4 @@
1
1
  import type { InternalCardActionOptions as CardActionOptions } from '../../../Card/types';
2
- export declare const RovoActionsCta: ({ testId }: {
3
- testId?: string;
4
- }) => JSX.Element;
5
2
  export declare const InlineRovoActionButton: ({ testId, url, actionOptions, }: {
6
3
  actionOptions?: CardActionOptions;
7
4
  testId?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "45.4.2",
3
+ "version": "45.4.3",
4
4
  "description": "Smart card component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"