@atlaskit/smart-card 26.43.10 → 26.44.0

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 (48) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/extractors/flexible/extract-state.js +3 -4
  3. package/dist/cjs/utils/analytics/analytics.js +1 -1
  4. package/dist/cjs/view/FlexibleCard/components/container/hover-card-control/index.js +2 -6
  5. package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/index.js +1 -2
  6. package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/index.js +2 -7
  7. package/dist/cjs/view/HoverCard/components/HoverCardContent.js +1 -3
  8. package/dist/cjs/view/LinkUrl/index.js +1 -1
  9. package/dist/es2019/extractors/flexible/extract-state.js +3 -4
  10. package/dist/es2019/utils/analytics/analytics.js +1 -1
  11. package/dist/es2019/view/FlexibleCard/components/container/hover-card-control/index.js +2 -6
  12. package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/index.js +1 -2
  13. package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/index.js +1 -6
  14. package/dist/es2019/view/HoverCard/components/HoverCardContent.js +1 -3
  15. package/dist/es2019/view/LinkUrl/index.js +1 -1
  16. package/dist/esm/extractors/flexible/extract-state.js +3 -4
  17. package/dist/esm/utils/analytics/analytics.js +1 -1
  18. package/dist/esm/view/FlexibleCard/components/container/hover-card-control/index.js +2 -6
  19. package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/index.js +1 -2
  20. package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/index.js +2 -7
  21. package/dist/esm/view/HoverCard/components/HoverCardContent.js +1 -3
  22. package/dist/esm/view/LinkUrl/index.js +1 -1
  23. package/dist/types/extractors/common/lozenge/types.d.ts +1 -3
  24. package/dist/types/extractors/flexible/actions/extract-follow-action.d.ts +1 -2
  25. package/dist/types/extractors/flexible/extract-state.d.ts +1 -2
  26. package/dist/types/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/type.d.ts +0 -1
  27. package/dist/types/view/FlexibleCard/types.d.ts +1 -22
  28. package/dist/types-ts4.5/extractors/common/lozenge/types.d.ts +1 -3
  29. package/dist/types-ts4.5/extractors/flexible/actions/extract-follow-action.d.ts +1 -2
  30. package/dist/types-ts4.5/extractors/flexible/extract-state.d.ts +1 -2
  31. package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/type.d.ts +0 -1
  32. package/dist/types-ts4.5/view/FlexibleCard/types.d.ts +1 -22
  33. package/package.json +3 -4
  34. package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/index.js +0 -57
  35. package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/styled.js +0 -31
  36. package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/types.js +0 -5
  37. package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/index.js +0 -47
  38. package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/styled.js +0 -29
  39. package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/types.js +0 -1
  40. package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/index.js +0 -50
  41. package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/styled.js +0 -24
  42. package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/types.js +0 -1
  43. package/dist/types/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/index.d.ts +0 -10
  44. package/dist/types/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/styled.d.ts +0 -2
  45. package/dist/types/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/types.d.ts +0 -7
  46. package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/index.d.ts +0 -10
  47. package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/styled.d.ts +0 -2
  48. package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/types.d.ts +0 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/smart-card
2
2
 
3
+ ## 26.44.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#65223](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/65223) [`ff157d5f6c61`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ff157d5f6c61) - [ux] Removed the discovery pulse for the Jira status change action
8
+
3
9
  ## 26.43.10
4
10
 
5
11
  ### Patch Changes
@@ -26,7 +26,7 @@ var toInvokeRequest = function toInvokeRequest(extensionKey, resourceIdentifiers
26
26
  details: details
27
27
  };
28
28
  };
29
- var extractAction = function extractAction(response, id, options) {
29
+ var extractAction = function extractAction(response, id) {
30
30
  var _action$dataRetrieval, _action$dataUpdateAct;
31
31
  var extensionKey = (0, _helpers.getExtensionKey)(response);
32
32
  var data = response === null || response === void 0 ? void 0 : response.data;
@@ -51,8 +51,7 @@ var extractAction = function extractAction(response, id, options) {
51
51
  var update = toInvokeRequest(extensionKey, action.resourceIdentifiers, (_action$dataUpdateAct = action.dataUpdateAction) === null || _action$dataUpdateAct === void 0 ? void 0 : _action$dataUpdateAct.name, details);
52
52
  return read || update ? {
53
53
  read: read,
54
- update: update,
55
- showFeatureDiscovery: options === null || options === void 0 ? void 0 : options.showStateActionFeatureDiscovery
54
+ update: update
56
55
  } : undefined;
57
56
  };
58
57
  var extractState = function extractState(response, showServerActions, id) {
@@ -66,7 +65,7 @@ var extractState = function extractState(response, showServerActions, id) {
66
65
  if (!showServerActions) {
67
66
  return lozenge;
68
67
  }
69
- var action = extractAction(response, id, typeof showServerActions === 'boolean' ? undefined : showServerActions);
68
+ var action = extractAction(response, id);
70
69
  return _objectSpread(_objectSpread({}, lozenge), {}, {
71
70
  action: action
72
71
  });
@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
22
22
  var context = exports.context = {
23
23
  componentName: 'smart-cards',
24
24
  packageName: "@atlaskit/smart-card",
25
- packageVersion: "26.43.10"
25
+ packageVersion: "26.44.0"
26
26
  };
27
27
  var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
28
28
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -67,12 +67,8 @@ var HoverCardControl = function HoverCardControl(_ref) {
67
67
  allowEventPropagation: true,
68
68
  canOpen: canOpen,
69
69
  closeOnChildClick: true,
70
- hidePreviewButton: hideHoverCardPreviewButton
71
- // EDM-6709 extends the internal prop for showServerActions type to be
72
- // an object. If we decide to use expose the type for hover preview
73
- // remove the Boolean() conversion here.
74
- ,
75
- showServerActions: Boolean(showServerActions),
70
+ hidePreviewButton: hideHoverCardPreviewButton,
71
+ showServerActions: showServerActions,
76
72
  url: url
77
73
  }, /*#__PURE__*/_react.default.createElement("span", {
78
74
  onMouseLeave: onMouseLeave,
@@ -146,11 +146,10 @@ var LozengeAction = function LozengeAction(_ref) {
146
146
  return (0, _react.jsx)(_lozengeActionTrigger.default, (0, _extends2.default)({}, props, {
147
147
  appearance: selected.appearance,
148
148
  isOpen: isOpen,
149
- showFeatureDiscovery: action === null || action === void 0 ? void 0 : action.showFeatureDiscovery,
150
149
  testId: testId,
151
150
  text: selected.text
152
151
  }));
153
- }, [selected.appearance, selected.text, isOpen, action === null || action === void 0 ? void 0 : action.showFeatureDiscovery, testId]);
152
+ }, [selected.appearance, selected.text, isOpen, testId]);
154
153
  var handleItemClick = (0, _react2.useCallback)( /*#__PURE__*/function () {
155
154
  var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(id, text, appearance) {
156
155
  var updateAction, request;
@@ -13,13 +13,11 @@ var _react2 = require("react");
13
13
  var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
14
14
  var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
15
15
  var _styled = require("../styled");
16
- var _featureDiscovery = _interopRequireDefault(require("../feature-discovery"));
17
- var _excluded = ["appearance", "isOpen", "showFeatureDiscovery", "testId", "text", "triggerRef"];
16
+ var _excluded = ["appearance", "isOpen", "testId", "text", "triggerRef"];
18
17
  /** @jsx jsx */
19
18
  var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
20
19
  var appearance = _ref.appearance,
21
20
  isOpen = _ref.isOpen,
22
- showFeatureDiscovery = _ref.showFeatureDiscovery,
23
21
  testId = _ref.testId,
24
22
  text = _ref.text,
25
23
  triggerRef = _ref.triggerRef,
@@ -54,9 +52,6 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
54
52
  onMouseEnter: onMouseEnter,
55
53
  onMouseLeave: onMouseLeave,
56
54
  ref: triggerRef
57
- }), showFeatureDiscovery ? (0, _react.jsx)(_featureDiscovery.default, {
58
- appearance: appearance,
59
- testId: testId
60
- }, lozenge) : lozenge);
55
+ }), lozenge);
61
56
  };
62
57
  var _default = exports.default = LozengeActionTrigger;
@@ -154,9 +154,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
154
154
  onClick: onClick,
155
155
  onResolve: onResolve,
156
156
  renderers: renderers,
157
- showServerActions: showServerActions ? {
158
- showStateActionFeatureDiscovery: true
159
- } : false,
157
+ showServerActions: showServerActions,
160
158
  ui: _styled.flexibleUiOptions,
161
159
  url: url,
162
160
  children: {},
@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
17
17
  _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
18
18
  var PACKAGE_DATA = {
19
19
  packageName: "@atlaskit/smart-card",
20
- packageVersion: "26.43.10",
20
+ packageVersion: "26.44.0",
21
21
  componentName: 'linkUrl'
22
22
  };
23
23
  var Link = (0, _click.withLinkClickedEvent)('a');
@@ -16,7 +16,7 @@ const toInvokeRequest = (extensionKey, resourceIdentifiers, actionType, details)
16
16
  details
17
17
  };
18
18
  };
19
- const extractAction = (response, id, options) => {
19
+ const extractAction = (response, id) => {
20
20
  var _action$dataRetrieval, _action$dataUpdateAct;
21
21
  const extensionKey = getExtensionKey(response);
22
22
  const data = response === null || response === void 0 ? void 0 : response.data;
@@ -39,8 +39,7 @@ const extractAction = (response, id, options) => {
39
39
  const update = toInvokeRequest(extensionKey, action.resourceIdentifiers, (_action$dataUpdateAct = action.dataUpdateAction) === null || _action$dataUpdateAct === void 0 ? void 0 : _action$dataUpdateAct.name, details);
40
40
  return read || update ? {
41
41
  read,
42
- update,
43
- showFeatureDiscovery: options === null || options === void 0 ? void 0 : options.showStateActionFeatureDiscovery
42
+ update
44
43
  } : undefined;
45
44
  };
46
45
  const extractState = (response, showServerActions, id) => {
@@ -54,7 +53,7 @@ const extractState = (response, showServerActions, id) => {
54
53
  if (!showServerActions) {
55
54
  return lozenge;
56
55
  }
57
- const action = extractAction(response, id, typeof showServerActions === 'boolean' ? undefined : showServerActions);
56
+ const action = extractAction(response, id);
58
57
  return {
59
58
  ...lozenge,
60
59
  action
@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
4
4
  export const context = {
5
5
  componentName: 'smart-cards',
6
6
  packageName: "@atlaskit/smart-card",
7
- packageVersion: "26.43.10"
7
+ packageVersion: "26.44.0"
8
8
  };
9
9
  export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
10
10
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -53,12 +53,8 @@ const HoverCardControl = ({
53
53
  allowEventPropagation: true,
54
54
  canOpen: canOpen,
55
55
  closeOnChildClick: true,
56
- hidePreviewButton: hideHoverCardPreviewButton
57
- // EDM-6709 extends the internal prop for showServerActions type to be
58
- // an object. If we decide to use expose the type for hover preview
59
- // remove the Boolean() conversion here.
60
- ,
61
- showServerActions: Boolean(showServerActions),
56
+ hidePreviewButton: hideHoverCardPreviewButton,
57
+ showServerActions: showServerActions,
62
58
  url: url
63
59
  }, /*#__PURE__*/React.createElement("span", {
64
60
  onMouseLeave: onMouseLeave,
@@ -86,10 +86,9 @@ const LozengeAction = ({
86
86
  const trigger = useCallback(props => jsx(LozengeActionTrigger, _extends({}, props, {
87
87
  appearance: selected.appearance,
88
88
  isOpen: isOpen,
89
- showFeatureDiscovery: action === null || action === void 0 ? void 0 : action.showFeatureDiscovery,
90
89
  testId: testId,
91
90
  text: selected.text
92
- })), [selected.appearance, selected.text, isOpen, action === null || action === void 0 ? void 0 : action.showFeatureDiscovery, testId]);
91
+ })), [selected.appearance, selected.text, isOpen, testId]);
93
92
  const handleItemClick = useCallback(async (id, text, appearance) => {
94
93
  try {
95
94
  analytics === null || analytics === void 0 ? void 0 : analytics.ui.smartLinkLozengeActionListItemClickedEvent();
@@ -5,11 +5,9 @@ import { useCallback, useMemo, useState } from 'react';
5
5
  import Lozenge from '@atlaskit/lozenge';
6
6
  import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
7
7
  import { triggerButtonStyles, triggerLozengeStyles } from '../styled';
8
- import FeatureDiscovery from '../feature-discovery';
9
8
  const LozengeActionTrigger = ({
10
9
  appearance,
11
10
  isOpen,
12
- showFeatureDiscovery,
13
11
  testId,
14
12
  text,
15
13
  triggerRef,
@@ -36,9 +34,6 @@ const LozengeActionTrigger = ({
36
34
  onMouseEnter: onMouseEnter,
37
35
  onMouseLeave: onMouseLeave,
38
36
  ref: triggerRef
39
- }), showFeatureDiscovery ? jsx(FeatureDiscovery, {
40
- appearance: appearance,
41
- testId: testId
42
- }, lozenge) : lozenge);
37
+ }), lozenge);
43
38
  };
44
39
  export default LozengeActionTrigger;
@@ -117,9 +117,7 @@ const HoverCardContent = ({
117
117
  onClick: onClick,
118
118
  onResolve: onResolve,
119
119
  renderers: renderers,
120
- showServerActions: showServerActions ? {
121
- showStateActionFeatureDiscovery: true
122
- } : false,
120
+ showServerActions,
123
121
  ui: flexibleUiOptions,
124
122
  url: url,
125
123
  children: {},
@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
7
7
  import LinkWarningModal from './LinkWarningModal';
8
8
  const PACKAGE_DATA = {
9
9
  packageName: "@atlaskit/smart-card",
10
- packageVersion: "26.43.10",
10
+ packageVersion: "26.44.0",
11
11
  componentName: 'linkUrl'
12
12
  };
13
13
  const Link = withLinkClickedEvent('a');
@@ -19,7 +19,7 @@ var toInvokeRequest = function toInvokeRequest(extensionKey, resourceIdentifiers
19
19
  details: details
20
20
  };
21
21
  };
22
- var extractAction = function extractAction(response, id, options) {
22
+ var extractAction = function extractAction(response, id) {
23
23
  var _action$dataRetrieval, _action$dataUpdateAct;
24
24
  var extensionKey = getExtensionKey(response);
25
25
  var data = response === null || response === void 0 ? void 0 : response.data;
@@ -44,8 +44,7 @@ var extractAction = function extractAction(response, id, options) {
44
44
  var update = toInvokeRequest(extensionKey, action.resourceIdentifiers, (_action$dataUpdateAct = action.dataUpdateAction) === null || _action$dataUpdateAct === void 0 ? void 0 : _action$dataUpdateAct.name, details);
45
45
  return read || update ? {
46
46
  read: read,
47
- update: update,
48
- showFeatureDiscovery: options === null || options === void 0 ? void 0 : options.showStateActionFeatureDiscovery
47
+ update: update
49
48
  } : undefined;
50
49
  };
51
50
  var extractState = function extractState(response, showServerActions, id) {
@@ -59,7 +58,7 @@ var extractState = function extractState(response, showServerActions, id) {
59
58
  if (!showServerActions) {
60
59
  return lozenge;
61
60
  }
62
- var action = extractAction(response, id, typeof showServerActions === 'boolean' ? undefined : showServerActions);
61
+ var action = extractAction(response, id);
63
62
  return _objectSpread(_objectSpread({}, lozenge), {}, {
64
63
  action: action
65
64
  });
@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
15
15
  export var context = {
16
16
  componentName: 'smart-cards',
17
17
  packageName: "@atlaskit/smart-card",
18
- packageVersion: "26.43.10"
18
+ packageVersion: "26.44.0"
19
19
  };
20
20
  export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
21
21
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -57,12 +57,8 @@ var HoverCardControl = function HoverCardControl(_ref) {
57
57
  allowEventPropagation: true,
58
58
  canOpen: canOpen,
59
59
  closeOnChildClick: true,
60
- hidePreviewButton: hideHoverCardPreviewButton
61
- // EDM-6709 extends the internal prop for showServerActions type to be
62
- // an object. If we decide to use expose the type for hover preview
63
- // remove the Boolean() conversion here.
64
- ,
65
- showServerActions: Boolean(showServerActions),
60
+ hidePreviewButton: hideHoverCardPreviewButton,
61
+ showServerActions: showServerActions,
66
62
  url: url
67
63
  }, /*#__PURE__*/React.createElement("span", {
68
64
  onMouseLeave: onMouseLeave,
@@ -138,11 +138,10 @@ var LozengeAction = function LozengeAction(_ref) {
138
138
  return jsx(LozengeActionTrigger, _extends({}, props, {
139
139
  appearance: selected.appearance,
140
140
  isOpen: isOpen,
141
- showFeatureDiscovery: action === null || action === void 0 ? void 0 : action.showFeatureDiscovery,
142
141
  testId: testId,
143
142
  text: selected.text
144
143
  }));
145
- }, [selected.appearance, selected.text, isOpen, action === null || action === void 0 ? void 0 : action.showFeatureDiscovery, testId]);
144
+ }, [selected.appearance, selected.text, isOpen, testId]);
146
145
  var handleItemClick = useCallback( /*#__PURE__*/function () {
147
146
  var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(id, text, appearance) {
148
147
  var updateAction, request;
@@ -1,18 +1,16 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
- var _excluded = ["appearance", "isOpen", "showFeatureDiscovery", "testId", "text", "triggerRef"];
4
+ var _excluded = ["appearance", "isOpen", "testId", "text", "triggerRef"];
5
5
  /** @jsx jsx */
6
6
  import { jsx } from '@emotion/react';
7
7
  import { useCallback, useMemo, useState } from 'react';
8
8
  import Lozenge from '@atlaskit/lozenge';
9
9
  import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
10
10
  import { triggerButtonStyles, triggerLozengeStyles } from '../styled';
11
- import FeatureDiscovery from '../feature-discovery';
12
11
  var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
13
12
  var appearance = _ref.appearance,
14
13
  isOpen = _ref.isOpen,
15
- showFeatureDiscovery = _ref.showFeatureDiscovery,
16
14
  testId = _ref.testId,
17
15
  text = _ref.text,
18
16
  triggerRef = _ref.triggerRef,
@@ -47,9 +45,6 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
47
45
  onMouseEnter: onMouseEnter,
48
46
  onMouseLeave: onMouseLeave,
49
47
  ref: triggerRef
50
- }), showFeatureDiscovery ? jsx(FeatureDiscovery, {
51
- appearance: appearance,
52
- testId: testId
53
- }, lozenge) : lozenge);
48
+ }), lozenge);
54
49
  };
55
50
  export default LozengeActionTrigger;
@@ -143,9 +143,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
143
143
  onClick: onClick,
144
144
  onResolve: onResolve,
145
145
  renderers: renderers,
146
- showServerActions: showServerActions ? {
147
- showStateActionFeatureDiscovery: true
148
- } : false,
146
+ showServerActions: showServerActions,
149
147
  ui: flexibleUiOptions,
150
148
  url: url,
151
149
  children: {},
@@ -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.43.10",
13
+ packageVersion: "26.44.0",
14
14
  componentName: 'linkUrl'
15
15
  };
16
16
  var Link = withLinkClickedEvent('a');
@@ -1,8 +1,6 @@
1
1
  import { InvokeActions } from '../../../state/hooks/use-invoke/types';
2
2
  export type LinkLozengeColor = 'default' | 'success' | 'removed' | 'inprogress' | 'new' | 'moved';
3
- export type LinkLozengeInvokeActions = InvokeActions & {
4
- showFeatureDiscovery?: boolean;
5
- };
3
+ export type LinkLozengeInvokeActions = InvokeActions;
6
4
  export interface LinkLozenge {
7
5
  action?: LinkLozengeInvokeActions;
8
6
  text: string;
@@ -1,5 +1,4 @@
1
1
  import type { JsonLd } from 'json-ld-types';
2
2
  import { ServerActionProp } from '../../../state/flexible-ui-context/types';
3
- import { ServerActionOptions } from '../../../view/FlexibleCard/types';
4
- declare const extractFollowAction: (response?: JsonLd.Response, showServerActions?: boolean | ServerActionOptions, id?: string) => ServerActionProp<boolean> | undefined;
3
+ declare const extractFollowAction: (response?: JsonLd.Response, showServerActions?: boolean, id?: string) => ServerActionProp<boolean> | undefined;
5
4
  export default extractFollowAction;
@@ -1,5 +1,4 @@
1
1
  import type { JsonLd } from 'json-ld-types';
2
2
  import type { LinkLozenge } from '../common/lozenge/types';
3
- import { ServerActionOptions } from '../../view/FlexibleCard/types';
4
- declare const extractState: (response?: JsonLd.Response, showServerActions?: boolean | ServerActionOptions, id?: string) => LinkLozenge | undefined;
3
+ declare const extractState: (response?: JsonLd.Response, showServerActions?: boolean, id?: string) => LinkLozenge | undefined;
5
4
  export default extractState;
@@ -4,7 +4,6 @@ import type { CustomTriggerProps } from '@atlaskit/dropdown-menu';
4
4
  export type LozengeActionTriggerProps = {
5
5
  appearance?: ThemeAppearance;
6
6
  isOpen?: boolean;
7
- showFeatureDiscovery?: boolean;
8
7
  testId?: string;
9
8
  text: string | React.ReactNode;
10
9
  } & CustomTriggerProps<HTMLButtonElement>;
@@ -59,7 +59,7 @@ export type FlexibleCardProps = {
59
59
  /**
60
60
  * Determines whether to show available server actions.
61
61
  */
62
- showServerActions?: boolean | ServerActionOptions;
62
+ showServerActions?: boolean;
63
63
  /**
64
64
  * A `testId` prop is provided for specified elements, which is a unique
65
65
  * string that appears as a data attribute `data-testid` in the rendered code,
@@ -124,27 +124,6 @@ export type FlexibleUiOptions = {
124
124
  */
125
125
  zIndex?: number;
126
126
  };
127
- /**
128
- * Server action options to control action behaviour.
129
- *
130
- * If the type is applied to exported component (<Card />, <HoverCard />)
131
- * please verify with the team if the deprecated prop can be removed prior.
132
- *
133
- * In the case that it is being exposed in HoverCard, please remove
134
- * boolean conversion `Boolean(showServerActions)` in
135
- * /src/view/FlexibleCard/components/container/index.tsx line 287
136
- * @internal
137
- */
138
- export type ServerActionOptions = {
139
- /**
140
- * DO NOT USE: This prop is part of an experiment. It will be removed once
141
- * the experiment is completed.
142
- * @see https://team.atlassian.com/project/ATLAS-13099/about
143
- * @internal
144
- * @deprecated
145
- */
146
- showStateActionFeatureDiscovery?: boolean;
147
- };
148
127
  /**
149
128
  * Retry options used if Smart Link resolves to an errored state.
150
129
  */
@@ -1,8 +1,6 @@
1
1
  import { InvokeActions } from '../../../state/hooks/use-invoke/types';
2
2
  export type LinkLozengeColor = 'default' | 'success' | 'removed' | 'inprogress' | 'new' | 'moved';
3
- export type LinkLozengeInvokeActions = InvokeActions & {
4
- showFeatureDiscovery?: boolean;
5
- };
3
+ export type LinkLozengeInvokeActions = InvokeActions;
6
4
  export interface LinkLozenge {
7
5
  action?: LinkLozengeInvokeActions;
8
6
  text: string;
@@ -1,5 +1,4 @@
1
1
  import type { JsonLd } from 'json-ld-types';
2
2
  import { ServerActionProp } from '../../../state/flexible-ui-context/types';
3
- import { ServerActionOptions } from '../../../view/FlexibleCard/types';
4
- declare const extractFollowAction: (response?: JsonLd.Response, showServerActions?: boolean | ServerActionOptions, id?: string) => ServerActionProp<boolean> | undefined;
3
+ declare const extractFollowAction: (response?: JsonLd.Response, showServerActions?: boolean, id?: string) => ServerActionProp<boolean> | undefined;
5
4
  export default extractFollowAction;
@@ -1,5 +1,4 @@
1
1
  import type { JsonLd } from 'json-ld-types';
2
2
  import type { LinkLozenge } from '../common/lozenge/types';
3
- import { ServerActionOptions } from '../../view/FlexibleCard/types';
4
- declare const extractState: (response?: JsonLd.Response, showServerActions?: boolean | ServerActionOptions, id?: string) => LinkLozenge | undefined;
3
+ declare const extractState: (response?: JsonLd.Response, showServerActions?: boolean, id?: string) => LinkLozenge | undefined;
5
4
  export default extractState;
@@ -4,7 +4,6 @@ import type { CustomTriggerProps } from '@atlaskit/dropdown-menu';
4
4
  export type LozengeActionTriggerProps = {
5
5
  appearance?: ThemeAppearance;
6
6
  isOpen?: boolean;
7
- showFeatureDiscovery?: boolean;
8
7
  testId?: string;
9
8
  text: string | React.ReactNode;
10
9
  } & CustomTriggerProps<HTMLButtonElement>;
@@ -59,7 +59,7 @@ export type FlexibleCardProps = {
59
59
  /**
60
60
  * Determines whether to show available server actions.
61
61
  */
62
- showServerActions?: boolean | ServerActionOptions;
62
+ showServerActions?: boolean;
63
63
  /**
64
64
  * A `testId` prop is provided for specified elements, which is a unique
65
65
  * string that appears as a data attribute `data-testid` in the rendered code,
@@ -124,27 +124,6 @@ export type FlexibleUiOptions = {
124
124
  */
125
125
  zIndex?: number;
126
126
  };
127
- /**
128
- * Server action options to control action behaviour.
129
- *
130
- * If the type is applied to exported component (<Card />, <HoverCard />)
131
- * please verify with the team if the deprecated prop can be removed prior.
132
- *
133
- * In the case that it is being exposed in HoverCard, please remove
134
- * boolean conversion `Boolean(showServerActions)` in
135
- * /src/view/FlexibleCard/components/container/index.tsx line 287
136
- * @internal
137
- */
138
- export type ServerActionOptions = {
139
- /**
140
- * DO NOT USE: This prop is part of an experiment. It will be removed once
141
- * the experiment is completed.
142
- * @see https://team.atlassian.com/project/ATLAS-13099/about
143
- * @internal
144
- * @deprecated
145
- */
146
- showStateActionFeatureDiscovery?: boolean;
147
- };
148
127
  /**
149
128
  * Retry options used if Smart Link resolves to an errored state.
150
129
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "26.43.10",
3
+ "version": "26.44.0",
4
4
  "description": "Smart card component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -27,9 +27,8 @@
27
27
  "@atlaskit/avatar": "^21.4.0",
28
28
  "@atlaskit/avatar-group": "^9.5.0",
29
29
  "@atlaskit/badge": "^15.2.0",
30
- "@atlaskit/button": "^17.1.0",
30
+ "@atlaskit/button": "^17.2.0",
31
31
  "@atlaskit/dropdown-menu": "^12.1.0",
32
- "@atlaskit/frontend-utilities": "^2.7.0",
33
32
  "@atlaskit/icon": "^22.0.0",
34
33
  "@atlaskit/icon-file-type": "^6.4.0",
35
34
  "@atlaskit/icon-object": "^6.3.0",
@@ -38,7 +37,7 @@
38
37
  "@atlaskit/link-analytics": "^8.3.0",
39
38
  "@atlaskit/link-client-extension": "^1.8.0",
40
39
  "@atlaskit/link-extractors": "^1.2.0",
41
- "@atlaskit/linking-common": "^5.2.0",
40
+ "@atlaskit/linking-common": "^5.3.0",
42
41
  "@atlaskit/linking-types": "^8.5.0",
43
42
  "@atlaskit/logo": "^13.14.0",
44
43
  "@atlaskit/lozenge": "^11.5.0",
@@ -1,57 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _react = require("@emotion/react");
8
- var _react2 = require("react");
9
- var _storageClient = require("@atlaskit/frontend-utilities/storage-client");
10
- var _styled = require("./styled");
11
- /** @jsx jsx */
12
-
13
- var LOCAL_STORAGE_CLIENT_KEY = '@atlaskit/smart-card';
14
- var LOCAL_STORAGE_DISCOVERY_KEY = 'action-discovery-status';
15
- var LOCAL_STORAGE_DISCOVERY_VALUE = 'discovered';
16
- var LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS = 15552000000; // 180 days
17
- var LOCAL_STORAGE_DISCOVERY_REQUIRED_TIME = 2000; // 2s
18
-
19
- /**
20
- * This is a hacky solution to help with the feature discovery.
21
- * This implementation must be removed once the experiment is completed.
22
- * Cleanup on https://product-fabric.atlassian.net/browse/EDM-5795
23
- * @see https://team.atlassian.com/project/ATLAS-13099/about
24
- */
25
- var FeatureDiscovery = function FeatureDiscovery(_ref) {
26
- var appearance = _ref.appearance,
27
- children = _ref.children,
28
- testId = _ref.testId;
29
- var renderedTime = (0, _react2.useRef)();
30
- var storageClient = (0, _react2.useMemo)(function () {
31
- return new _storageClient.StorageClient(LOCAL_STORAGE_CLIENT_KEY);
32
- }, []);
33
- var discovered = (0, _react2.useMemo)(function () {
34
- return storageClient.getItem(LOCAL_STORAGE_DISCOVERY_KEY) === LOCAL_STORAGE_DISCOVERY_VALUE;
35
- }, [storageClient]);
36
- (0, _react2.useEffect)(function () {
37
- renderedTime.current = Date.now();
38
- return function () {
39
- if (!discovered && renderedTime.current) {
40
- var duration = Date.now() - renderedTime.current;
41
- if (duration > LOCAL_STORAGE_DISCOVERY_REQUIRED_TIME) {
42
- storageClient.setItemWithExpiry(LOCAL_STORAGE_DISCOVERY_KEY, LOCAL_STORAGE_DISCOVERY_VALUE, LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS);
43
- }
44
- }
45
- };
46
- }, [storageClient, discovered]);
47
- var component = (0, _react2.useMemo)(function () {
48
- if (!discovered) {
49
- return (0, _react.jsx)("span", {
50
- css: (0, _styled.getPulseStyles)(appearance),
51
- "data-testid": "".concat(testId, "-discovery")
52
- }, children);
53
- }
54
- }, [appearance, children, discovered, testId]);
55
- return component !== null && component !== void 0 ? component : children;
56
- };
57
- var _default = exports.default = FeatureDiscovery;
@@ -1,31 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.getPulseStyles = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
- var _react = require("@emotion/react");
10
- var _templateObject, _templateObject2;
11
- var pulseKeyframes = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n to {\n box-shadow: 0 0 0 7px rgba(0, 0, 0, 0);\n }\n"])));
12
- var getPulseColor = function getPulseColor(appearance) {
13
- switch (appearance) {
14
- case 'inprogress':
15
- return "var(--ds-background-information-bold, #0052CC)";
16
- case 'moved':
17
- return "var(--ds-background-warning-bold, #FFAB00)";
18
- case 'new':
19
- return "var(--ds-background-discovery-bold, #5243AA)";
20
- case 'removed':
21
- return "var(--ds-background-danger-bold, #DE350B)";
22
- case 'success':
23
- return "var(--ds-background-success-bold, #00875A)";
24
- case 'default':
25
- default:
26
- return "var(--ds-background-neutral-bold, #42526E)";
27
- }
28
- };
29
- var getPulseStyles = exports.getPulseStyles = function getPulseStyles(appearance) {
30
- return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: inline-flex;\n border-radius: 3px;\n box-shadow: 0 0 0 0 ", ";\n animation: ", " 1.45s cubic-bezier(0.5, 0, 0, 1) 3;\n"])), getPulseColor(appearance), pulseKeyframes);
31
- };
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,47 +0,0 @@
1
- /** @jsx jsx */
2
- import { jsx } from '@emotion/react';
3
- import { useEffect, useMemo, useRef } from 'react';
4
- import { StorageClient } from '@atlaskit/frontend-utilities/storage-client';
5
- import { getPulseStyles } from './styled';
6
- const LOCAL_STORAGE_CLIENT_KEY = '@atlaskit/smart-card';
7
- const LOCAL_STORAGE_DISCOVERY_KEY = 'action-discovery-status';
8
- const LOCAL_STORAGE_DISCOVERY_VALUE = 'discovered';
9
- const LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS = 15552000000; // 180 days
10
- const LOCAL_STORAGE_DISCOVERY_REQUIRED_TIME = 2000; // 2s
11
-
12
- /**
13
- * This is a hacky solution to help with the feature discovery.
14
- * This implementation must be removed once the experiment is completed.
15
- * Cleanup on https://product-fabric.atlassian.net/browse/EDM-5795
16
- * @see https://team.atlassian.com/project/ATLAS-13099/about
17
- */
18
- const FeatureDiscovery = ({
19
- appearance,
20
- children,
21
- testId
22
- }) => {
23
- const renderedTime = useRef();
24
- const storageClient = useMemo(() => new StorageClient(LOCAL_STORAGE_CLIENT_KEY), []);
25
- const discovered = useMemo(() => storageClient.getItem(LOCAL_STORAGE_DISCOVERY_KEY) === LOCAL_STORAGE_DISCOVERY_VALUE, [storageClient]);
26
- useEffect(() => {
27
- renderedTime.current = Date.now();
28
- return () => {
29
- if (!discovered && renderedTime.current) {
30
- const duration = Date.now() - renderedTime.current;
31
- if (duration > LOCAL_STORAGE_DISCOVERY_REQUIRED_TIME) {
32
- storageClient.setItemWithExpiry(LOCAL_STORAGE_DISCOVERY_KEY, LOCAL_STORAGE_DISCOVERY_VALUE, LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS);
33
- }
34
- }
35
- };
36
- }, [storageClient, discovered]);
37
- const component = useMemo(() => {
38
- if (!discovered) {
39
- return jsx("span", {
40
- css: getPulseStyles(appearance),
41
- "data-testid": `${testId}-discovery`
42
- }, children);
43
- }
44
- }, [appearance, children, discovered, testId]);
45
- return component !== null && component !== void 0 ? component : children;
46
- };
47
- export default FeatureDiscovery;
@@ -1,29 +0,0 @@
1
- import { css, keyframes } from '@emotion/react';
2
- const pulseKeyframes = keyframes`
3
- to {
4
- box-shadow: 0 0 0 7px rgba(0, 0, 0, 0);
5
- }
6
- `;
7
- const getPulseColor = appearance => {
8
- switch (appearance) {
9
- case 'inprogress':
10
- return "var(--ds-background-information-bold, #0052CC)";
11
- case 'moved':
12
- return "var(--ds-background-warning-bold, #FFAB00)";
13
- case 'new':
14
- return "var(--ds-background-discovery-bold, #5243AA)";
15
- case 'removed':
16
- return "var(--ds-background-danger-bold, #DE350B)";
17
- case 'success':
18
- return "var(--ds-background-success-bold, #00875A)";
19
- case 'default':
20
- default:
21
- return "var(--ds-background-neutral-bold, #42526E)";
22
- }
23
- };
24
- export const getPulseStyles = appearance => css`
25
- display: inline-flex;
26
- border-radius: 3px;
27
- box-shadow: 0 0 0 0 ${getPulseColor(appearance)};
28
- animation: ${pulseKeyframes} 1.45s cubic-bezier(0.5, 0, 0, 1) 3;
29
- `;
@@ -1,50 +0,0 @@
1
- /** @jsx jsx */
2
- import { jsx } from '@emotion/react';
3
- import { useEffect, useMemo, useRef } from 'react';
4
- import { StorageClient } from '@atlaskit/frontend-utilities/storage-client';
5
- import { getPulseStyles } from './styled';
6
- var LOCAL_STORAGE_CLIENT_KEY = '@atlaskit/smart-card';
7
- var LOCAL_STORAGE_DISCOVERY_KEY = 'action-discovery-status';
8
- var LOCAL_STORAGE_DISCOVERY_VALUE = 'discovered';
9
- var LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS = 15552000000; // 180 days
10
- var LOCAL_STORAGE_DISCOVERY_REQUIRED_TIME = 2000; // 2s
11
-
12
- /**
13
- * This is a hacky solution to help with the feature discovery.
14
- * This implementation must be removed once the experiment is completed.
15
- * Cleanup on https://product-fabric.atlassian.net/browse/EDM-5795
16
- * @see https://team.atlassian.com/project/ATLAS-13099/about
17
- */
18
- var FeatureDiscovery = function FeatureDiscovery(_ref) {
19
- var appearance = _ref.appearance,
20
- children = _ref.children,
21
- testId = _ref.testId;
22
- var renderedTime = useRef();
23
- var storageClient = useMemo(function () {
24
- return new StorageClient(LOCAL_STORAGE_CLIENT_KEY);
25
- }, []);
26
- var discovered = useMemo(function () {
27
- return storageClient.getItem(LOCAL_STORAGE_DISCOVERY_KEY) === LOCAL_STORAGE_DISCOVERY_VALUE;
28
- }, [storageClient]);
29
- useEffect(function () {
30
- renderedTime.current = Date.now();
31
- return function () {
32
- if (!discovered && renderedTime.current) {
33
- var duration = Date.now() - renderedTime.current;
34
- if (duration > LOCAL_STORAGE_DISCOVERY_REQUIRED_TIME) {
35
- storageClient.setItemWithExpiry(LOCAL_STORAGE_DISCOVERY_KEY, LOCAL_STORAGE_DISCOVERY_VALUE, LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS);
36
- }
37
- }
38
- };
39
- }, [storageClient, discovered]);
40
- var component = useMemo(function () {
41
- if (!discovered) {
42
- return jsx("span", {
43
- css: getPulseStyles(appearance),
44
- "data-testid": "".concat(testId, "-discovery")
45
- }, children);
46
- }
47
- }, [appearance, children, discovered, testId]);
48
- return component !== null && component !== void 0 ? component : children;
49
- };
50
- export default FeatureDiscovery;
@@ -1,24 +0,0 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2;
3
- import { css, keyframes } from '@emotion/react';
4
- var pulseKeyframes = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n to {\n box-shadow: 0 0 0 7px rgba(0, 0, 0, 0);\n }\n"])));
5
- var getPulseColor = function getPulseColor(appearance) {
6
- switch (appearance) {
7
- case 'inprogress':
8
- return "var(--ds-background-information-bold, #0052CC)";
9
- case 'moved':
10
- return "var(--ds-background-warning-bold, #FFAB00)";
11
- case 'new':
12
- return "var(--ds-background-discovery-bold, #5243AA)";
13
- case 'removed':
14
- return "var(--ds-background-danger-bold, #DE350B)";
15
- case 'success':
16
- return "var(--ds-background-success-bold, #00875A)";
17
- case 'default':
18
- default:
19
- return "var(--ds-background-neutral-bold, #42526E)";
20
- }
21
- };
22
- export var getPulseStyles = function getPulseStyles(appearance) {
23
- return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: inline-flex;\n border-radius: 3px;\n box-shadow: 0 0 0 0 ", ";\n animation: ", " 1.45s cubic-bezier(0.5, 0, 0, 1) 3;\n"])), getPulseColor(appearance), pulseKeyframes);
24
- };
@@ -1,10 +0,0 @@
1
- import type { FC } from 'react';
2
- import type { FeatureDiscoveryProps } from './types';
3
- /**
4
- * This is a hacky solution to help with the feature discovery.
5
- * This implementation must be removed once the experiment is completed.
6
- * Cleanup on https://product-fabric.atlassian.net/browse/EDM-5795
7
- * @see https://team.atlassian.com/project/ATLAS-13099/about
8
- */
9
- declare const FeatureDiscovery: FC<FeatureDiscoveryProps>;
10
- export default FeatureDiscovery;
@@ -1,2 +0,0 @@
1
- import type { ThemeAppearance } from '@atlaskit/lozenge';
2
- export declare const getPulseStyles: (appearance?: ThemeAppearance) => import("@emotion/react").SerializedStyles;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { ThemeAppearance } from '@atlaskit/lozenge';
3
- export type FeatureDiscoveryProps = {
4
- appearance?: ThemeAppearance;
5
- children: React.ReactElement;
6
- testId?: string;
7
- };
@@ -1,10 +0,0 @@
1
- import type { FC } from 'react';
2
- import type { FeatureDiscoveryProps } from './types';
3
- /**
4
- * This is a hacky solution to help with the feature discovery.
5
- * This implementation must be removed once the experiment is completed.
6
- * Cleanup on https://product-fabric.atlassian.net/browse/EDM-5795
7
- * @see https://team.atlassian.com/project/ATLAS-13099/about
8
- */
9
- declare const FeatureDiscovery: FC<FeatureDiscoveryProps>;
10
- export default FeatureDiscovery;
@@ -1,2 +0,0 @@
1
- import type { ThemeAppearance } from '@atlaskit/lozenge';
2
- export declare const getPulseStyles: (appearance?: ThemeAppearance) => import("@emotion/react").SerializedStyles;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { ThemeAppearance } from '@atlaskit/lozenge';
3
- export type FeatureDiscoveryProps = {
4
- appearance?: ThemeAppearance;
5
- children: React.ReactElement;
6
- testId?: string;
7
- };