@atlaskit/smart-card 26.52.3 → 26.52.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 26.52.4
+
+### Patch Changes
+
+- [#88718](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/88718) [`c0c472e0dc0b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c0c472e0dc0b) - Refactoring FlexibleCard's EditAction and DeleteAction creation
+
 ## 26.52.3
 
 ### Patch Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.52.3"
+  packageVersion: "26.52.4"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/FlexibleCard/components/actions/delete-action/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _action = _interopRequireDefault(require("../action"));
+var _messages = require("../../../../../messages");
+var _reactIntlNext = require("react-intl-next");
+var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
+var DeleteAction = function DeleteAction(props) {
+  return /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.delete),
+    icon: /*#__PURE__*/_react.default.createElement(_cross.default, {
+      label: "Delete"
+    }),
+    testId: "smart-action-delete-action",
+    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.delete)
+  }, props));
+};
+var _default = exports.default = DeleteAction;

package/dist/cjs/view/FlexibleCard/components/actions/delete-action/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/view/FlexibleCard/components/actions/edit-action/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _action = _interopRequireDefault(require("../action"));
+var _messages = require("../../../../../messages");
+var _reactIntlNext = require("react-intl-next");
+var _edit = _interopRequireDefault(require("@atlaskit/icon/glyph/edit"));
+var EditAction = function EditAction(props) {
+  return /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.edit),
+    icon: /*#__PURE__*/_react.default.createElement(_edit.default, {
+      label: "Edit"
+    }),
+    testId: "smart-action-edit-action",
+    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.edit)
+  }, props));
+};
+var _default = exports.default = EditAction;

package/dist/cjs/view/FlexibleCard/components/actions/edit-action/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/view/FlexibleCard/components/actions/index.js

@@ -4,14 +4,25 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DeleteAction = exports.CustomAction = void 0;
+exports.CustomAction = void 0;
+Object.defineProperty(exports, "DeleteAction", {
+  enumerable: true,
+  get: function get() {
+    return _deleteAction.default;
+  }
+});
 Object.defineProperty(exports, "DownloadAction", {
   enumerable: true,
   get: function get() {
     return _downloadAction.default;
   }
 });
-exports.EditAction = void 0;
+Object.defineProperty(exports, "EditAction", {
+  enumerable: true,
+  get: function get() {
+    return _editAction.default;
+  }
+});
 Object.defineProperty(exports, "FollowAction", {
   enumerable: true,
   get: function get() {
@@ -30,19 +41,8 @@ var _utils = require("./utils");
 var _followAction = _interopRequireDefault(require("./follow-action"));
 var _previewAction = _interopRequireDefault(require("./preview-action"));
 var _downloadAction = _interopRequireDefault(require("./download-action"));
-/**
- * Creates a DeleteAction component. Accepts default ActionProps, but defaults
- * the icon to a cross icon.
- * @see Action
- */
-var DeleteAction = exports.DeleteAction = (0, _utils.createUIAction)(_constants.ActionName.DeleteAction);
-/**
- * Creates a EditAction component. Accepts default ActionProps, but defaults
- * the icon to an edit (pencil) icon.
- * @see Action
- */
-var EditAction = exports.EditAction = (0, _utils.createUIAction)(_constants.ActionName.EditAction);
-
+var _editAction = _interopRequireDefault(require("./edit-action"));
+var _deleteAction = _interopRequireDefault(require("./delete-action"));
 /**
  * Creates a ViewAction component. Accepts default ViewActionProps, and defaults
  * to the text 'View' inside the button.

package/dist/cjs/view/FlexibleCard/components/actions/utils.js

@@ -15,8 +15,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _action = _interopRequireDefault(require("./action"));
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("../../../../messages");
-var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
-var _edit = _interopRequireDefault(require("@atlaskit/icon/glyph/edit"));
 var _viewAction = _interopRequireDefault(require("./action/view-action"));
 var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
 var _actionMappings;
@@ -27,26 +25,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var actionMappings = (_actionMappings = {}, (0, _defineProperty2.default)(_actionMappings, _constants.ActionName.CustomAction, {
   component: _action.default,
   props: {}
-}), (0, _defineProperty2.default)(_actionMappings, _constants.ActionName.DeleteAction, {
-  component: _action.default,
-  props: {
-    testId: 'smart-action-delete-action',
-    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.delete),
-    icon: /*#__PURE__*/_react.default.createElement(_cross.default, {
-      label: "Delete"
-    }),
-    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.delete)
-  }
-}), (0, _defineProperty2.default)(_actionMappings, _constants.ActionName.EditAction, {
-  component: _action.default,
-  props: {
-    testId: 'smart-action-edit-action',
-    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.edit),
-    icon: /*#__PURE__*/_react.default.createElement(_edit.default, {
-      label: "Edit"
-    }),
-    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.edit)
-  }
 }), (0, _defineProperty2.default)(_actionMappings, _constants.ActionName.ViewAction, {
   component: _viewAction.default,
   props: {

package/dist/cjs/view/LinkUrl/index.js

@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.52.3",
+  packageVersion: "26.52.4",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.52.3"
+  packageVersion: "26.52.4"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/FlexibleCard/components/actions/delete-action/index.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Action from '../action';
+import { messages } from '../../../../../messages';
+import { FormattedMessage } from 'react-intl-next';
+import CrossIcon from '@atlaskit/icon/glyph/cross';
+const DeleteAction = props => /*#__PURE__*/React.createElement(Action, _extends({
+  content: /*#__PURE__*/React.createElement(FormattedMessage, messages.delete),
+  icon: /*#__PURE__*/React.createElement(CrossIcon, {
+    label: "Delete"
+  }),
+  testId: "smart-action-delete-action",
+  tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.delete)
+}, props));
+export default DeleteAction;

package/dist/es2019/view/FlexibleCard/components/actions/delete-action/types.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/view/FlexibleCard/components/actions/edit-action/index.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Action from '../action';
+import { messages } from '../../../../../messages';
+import { FormattedMessage } from 'react-intl-next';
+import EditIcon from '@atlaskit/icon/glyph/edit';
+const EditAction = props => /*#__PURE__*/React.createElement(Action, _extends({
+  content: /*#__PURE__*/React.createElement(FormattedMessage, messages.edit),
+  icon: /*#__PURE__*/React.createElement(EditIcon, {
+    label: "Edit"
+  }),
+  testId: "smart-action-edit-action",
+  tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.edit)
+}, props));
+export default EditAction;

package/dist/es2019/view/FlexibleCard/components/actions/edit-action/types.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/view/FlexibleCard/components/actions/index.js

@@ -3,19 +3,8 @@ import { createDataAction, createUIAction } from './utils';
 export { default as FollowAction } from './follow-action';
 export { default as PreviewAction } from './preview-action';
 export { default as DownloadAction } from './download-action';
-
-/**
- * Creates a DeleteAction component. Accepts default ActionProps, but defaults
- * the icon to a cross icon.
- * @see Action
- */
-export const DeleteAction = createUIAction(ActionName.DeleteAction);
-/**
- * Creates a EditAction component. Accepts default ActionProps, but defaults
- * the icon to an edit (pencil) icon.
- * @see Action
- */
-export const EditAction = createUIAction(ActionName.EditAction);
+export { default as EditAction } from './edit-action';
+export { default as DeleteAction } from './delete-action';
 
 /**
  * Creates a ViewAction component. Accepts default ViewActionProps, and defaults

package/dist/es2019/view/FlexibleCard/components/actions/utils.js

@@ -5,8 +5,6 @@ import React, { useContext } from 'react';
 import Action from './action';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../../messages';
-import CrossIcon from '@atlaskit/icon/glyph/cross';
-import EditIcon from '@atlaskit/icon/glyph/edit';
 import ViewAction from './action/view-action';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 const actionMappings = {
@@ -14,28 +12,6 @@ const actionMappings = {
     component: Action,
     props: {}
   },
-  [ActionName.DeleteAction]: {
-    component: Action,
-    props: {
-      testId: 'smart-action-delete-action',
-      content: /*#__PURE__*/React.createElement(FormattedMessage, messages.delete),
-      icon: /*#__PURE__*/React.createElement(CrossIcon, {
-        label: "Delete"
-      }),
-      tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.delete)
-    }
-  },
-  [ActionName.EditAction]: {
-    component: Action,
-    props: {
-      testId: 'smart-action-edit-action',
-      content: /*#__PURE__*/React.createElement(FormattedMessage, messages.edit),
-      icon: /*#__PURE__*/React.createElement(EditIcon, {
-        label: "Edit"
-      }),
-      tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.edit)
-    }
-  },
   [ActionName.ViewAction]: {
     component: ViewAction,
     props: {

package/dist/es2019/view/LinkUrl/index.js

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.52.3",
+  packageVersion: "26.52.4",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.52.3"
+  packageVersion: "26.52.4"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/FlexibleCard/components/actions/delete-action/index.js

@@ -0,0 +1,17 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Action from '../action';
+import { messages } from '../../../../../messages';
+import { FormattedMessage } from 'react-intl-next';
+import CrossIcon from '@atlaskit/icon/glyph/cross';
+var DeleteAction = function DeleteAction(props) {
+  return /*#__PURE__*/React.createElement(Action, _extends({
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.delete),
+    icon: /*#__PURE__*/React.createElement(CrossIcon, {
+      label: "Delete"
+    }),
+    testId: "smart-action-delete-action",
+    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.delete)
+  }, props));
+};
+export default DeleteAction;

package/dist/esm/view/FlexibleCard/components/actions/delete-action/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/view/FlexibleCard/components/actions/edit-action/index.js

@@ -0,0 +1,17 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Action from '../action';
+import { messages } from '../../../../../messages';
+import { FormattedMessage } from 'react-intl-next';
+import EditIcon from '@atlaskit/icon/glyph/edit';
+var EditAction = function EditAction(props) {
+  return /*#__PURE__*/React.createElement(Action, _extends({
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.edit),
+    icon: /*#__PURE__*/React.createElement(EditIcon, {
+      label: "Edit"
+    }),
+    testId: "smart-action-edit-action",
+    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.edit)
+  }, props));
+};
+export default EditAction;

package/dist/esm/view/FlexibleCard/components/actions/edit-action/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/view/FlexibleCard/components/actions/index.js

@@ -3,19 +3,8 @@ import { createDataAction, createUIAction } from './utils';
 export { default as FollowAction } from './follow-action';
 export { default as PreviewAction } from './preview-action';
 export { default as DownloadAction } from './download-action';
-
-/**
- * Creates a DeleteAction component. Accepts default ActionProps, but defaults
- * the icon to a cross icon.
- * @see Action
- */
-export var DeleteAction = createUIAction(ActionName.DeleteAction);
-/**
- * Creates a EditAction component. Accepts default ActionProps, but defaults
- * the icon to an edit (pencil) icon.
- * @see Action
- */
-export var EditAction = createUIAction(ActionName.EditAction);
+export { default as EditAction } from './edit-action';
+export { default as DeleteAction } from './delete-action';
 
 /**
  * Creates a ViewAction component. Accepts default ViewActionProps, and defaults

package/dist/esm/view/FlexibleCard/components/actions/utils.js

@@ -10,33 +10,11 @@ import React, { useContext } from 'react';
 import Action from './action';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../../messages';
-import CrossIcon from '@atlaskit/icon/glyph/cross';
-import EditIcon from '@atlaskit/icon/glyph/edit';
 import ViewAction from './action/view-action';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 var actionMappings = (_actionMappings = {}, _defineProperty(_actionMappings, ActionName.CustomAction, {
   component: Action,
   props: {}
-}), _defineProperty(_actionMappings, ActionName.DeleteAction, {
-  component: Action,
-  props: {
-    testId: 'smart-action-delete-action',
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.delete),
-    icon: /*#__PURE__*/React.createElement(CrossIcon, {
-      label: "Delete"
-    }),
-    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.delete)
-  }
-}), _defineProperty(_actionMappings, ActionName.EditAction, {
-  component: Action,
-  props: {
-    testId: 'smart-action-edit-action',
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.edit),
-    icon: /*#__PURE__*/React.createElement(EditIcon, {
-      label: "Edit"
-    }),
-    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.edit)
-  }
 }), _defineProperty(_actionMappings, ActionName.ViewAction, {
   component: ViewAction,
   props: {

package/dist/esm/view/LinkUrl/index.js

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.52.3",
+  packageVersion: "26.52.4",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/view/FlexibleCard/components/actions/delete-action/index.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { DeleteActionProps } from './types';
+declare const DeleteAction: FC<DeleteActionProps>;
+export default DeleteAction;

package/dist/types/view/FlexibleCard/components/actions/delete-action/types.d.ts

@@ -0,0 +1,2 @@
+import type { ActionProps } from '../action/types';
+export type DeleteActionProps = ActionProps;

package/dist/types/view/FlexibleCard/components/actions/edit-action/index.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { EditActionProps } from './types';
+declare const EditAction: FC<EditActionProps>;
+export default EditAction;

package/dist/types/view/FlexibleCard/components/actions/edit-action/types.d.ts

@@ -0,0 +1,2 @@
+import type { ActionProps } from '../action/types';
+export type EditActionProps = ActionProps;

package/dist/types/view/FlexibleCard/components/actions/index.d.ts

@@ -4,18 +4,8 @@ import { ViewActionProps } from './action/view-action/types';
 export { default as FollowAction } from './follow-action';
 export { default as PreviewAction } from './preview-action';
 export { default as DownloadAction } from './download-action';
-/**
- * Creates a DeleteAction component. Accepts default ActionProps, but defaults
- * the icon to a cross icon.
- * @see Action
- */
-export declare const DeleteAction: import("react").FC<ActionProps>;
-/**
- * Creates a EditAction component. Accepts default ActionProps, but defaults
- * the icon to an edit (pencil) icon.
- * @see Action
- */
-export declare const EditAction: import("react").FC<ActionProps>;
+export { default as EditAction } from './edit-action';
+export { default as DeleteAction } from './delete-action';
 /**
  * Creates a ViewAction component. Accepts default ViewActionProps, and defaults
  * to the text 'View' inside the button.

package/dist/types-ts4.5/view/FlexibleCard/components/actions/delete-action/index.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { DeleteActionProps } from './types';
+declare const DeleteAction: FC<DeleteActionProps>;
+export default DeleteAction;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/delete-action/types.d.ts

@@ -0,0 +1,2 @@
+import type { ActionProps } from '../action/types';
+export type DeleteActionProps = ActionProps;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/edit-action/index.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { EditActionProps } from './types';
+declare const EditAction: FC<EditActionProps>;
+export default EditAction;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/edit-action/types.d.ts

@@ -0,0 +1,2 @@
+import type { ActionProps } from '../action/types';
+export type EditActionProps = ActionProps;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/index.d.ts

@@ -4,18 +4,8 @@ import { ViewActionProps } from './action/view-action/types';
 export { default as FollowAction } from './follow-action';
 export { default as PreviewAction } from './preview-action';
 export { default as DownloadAction } from './download-action';
-/**
- * Creates a DeleteAction component. Accepts default ActionProps, but defaults
- * the icon to a cross icon.
- * @see Action
- */
-export declare const DeleteAction: import("react").FC<ActionProps>;
-/**
- * Creates a EditAction component. Accepts default ActionProps, but defaults
- * the icon to an edit (pencil) icon.
- * @see Action
- */
-export declare const EditAction: import("react").FC<ActionProps>;
+export { default as EditAction } from './edit-action';
+export { default as DeleteAction } from './delete-action';
 /**
  * Creates a ViewAction component. Accepts default ViewActionProps, and defaults
  * to the text 'View' inside the button.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.52.3",
+  "version": "26.52.4",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"