@atlaskit/smart-card 17.2.0 → 17.2.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 17.2.1
+
+### Patch Changes
+
+- [`1d701660954`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1d701660954) - Refactored deleteAction into a re-usable action component
+
 ## 17.2.0
 
 ### Minor Changes

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "17.2.0",
+	"version": "17.2.1",
 	"sideEffects": false
 }

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

@@ -11,22 +11,16 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntlNext = require("react-intl-next");
-
 var _core = require("@emotion/core");
 
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 
-var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
-
 var _constants = require("../../../../../constants");
 
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
 var _utils = require("../../utils");
 
-var _messages = require("../../../../../messages");
-
 var _token = require("../../../../../utils/token");
 
 var _utils2 = require("../../../../../utils");
@@ -46,38 +40,59 @@ var getWidth = function getWidth(size) {
   }
 };
 
-var getStyles = function getStyles(size) {
+var getIconStyles = function getIconStyles(size) {
   return (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  ", ";\n"])), _token.tokens.actionIcon, (0, _utils.getIconSizeStyles)(getWidth(size)));
 };
 
-var DeleteAction = function DeleteAction(_ref) {
-  var _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? 'subtle' : _ref$appearance,
-      content = _ref.content,
-      onClick = _ref.onClick,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-action-delete-action' : _ref$testId;
+var ActionIcon = function ActionIcon(_ref) {
+  var size = _ref.size,
+      testId = _ref.testId,
+      icon = _ref.icon;
+  return (0, _core.jsx)("span", {
+    css: getIconStyles(size),
+    "data-testid": "".concat(testId, "-icon")
+  }, icon);
+};
+
+var Action = function Action(_ref2) {
+  var _ref2$appearance = _ref2.appearance,
+      appearance = _ref2$appearance === void 0 ? 'subtle' : _ref2$appearance,
+      content = _ref2.content,
+      onClick = _ref2.onClick,
+      _ref2$size = _ref2.size,
+      size = _ref2$size === void 0 ? _constants.SmartLinkSize.Medium : _ref2$size,
+      _ref2$testId = _ref2.testId,
+      testId = _ref2$testId === void 0 ? 'smart-action' : _ref2$testId,
+      icon = _ref2.icon,
+      _ref2$iconPosition = _ref2.iconPosition,
+      iconPosition = _ref2$iconPosition === void 0 ? 'before' : _ref2$iconPosition,
+      tooltipMessage = _ref2.tooltipMessage;
 
   if (!onClick) {
     return null;
   }
 
+  var iconBefore = iconPosition === 'before' ? (0, _core.jsx)(ActionIcon, {
+    size: size,
+    testId: testId,
+    icon: icon
+  }) : undefined;
+  var iconAfter = iconPosition === 'after' ? (0, _core.jsx)(ActionIcon, {
+    size: size,
+    testId: testId,
+    icon: icon
+  }) : undefined;
   return (0, _core.jsx)(_tooltip.default, {
-    content: (0, _core.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.delete)
+    content: tooltipMessage
   }, (0, _core.jsx)(_customThemeButton.default, {
     spacing: "none",
     appearance: appearance,
     testId: testId,
-    onClick: (0, _utils2.handleOnClick)(onClick)
-  }, content || (0, _core.jsx)("span", {
-    css: getStyles(size),
-    "data-testid": "".concat(testId, "-icon")
-  }, (0, _core.jsx)(_cross.default, {
-    label: "Delete"
-  }))));
+    onClick: (0, _utils2.handleOnClick)(onClick),
+    iconBefore: iconBefore,
+    iconAfter: iconAfter
+  }, content));
 };
 
-var _default = DeleteAction;
+var _default = Action;
 exports.default = _default;

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

@@ -12,5 +12,7 @@ var _utils = require("./utils");
 // Attention: Keep the export name and action name the same.
 // This will help reducing the code for mapping action inside
 // createAction and renderActionItems
-var DeleteAction = (0, _utils.createAction)(_constants.ActionName.DeleteAction);
+// UIActions infer that you do not need to get any data from the context.
+// DataActions infer that the action depends on the data from the context.
+var DeleteAction = (0, _utils.createUIAction)(_constants.ActionName.DeleteAction);
 exports.DeleteAction = DeleteAction;

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

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createAction = void 0;
+exports.createUIAction = exports.createDataAction = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -19,14 +19,27 @@ var _flexibleUiContext = require("../../../../state/flexible-ui-context");
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _deleteAction = _interopRequireDefault(require("./delete-action"));
+var _action = _interopRequireDefault(require("./action"));
+
+var _reactIntlNext = require("react-intl-next");
+
+var _messages = require("../../../../messages");
+
+var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var actionMappings = (0, _defineProperty2.default)({}, _constants.ActionName.DeleteAction, {
-  component: _deleteAction.default
+  component: _action.default,
+  props: {
+    testId: 'smart-action-delete-action',
+    icon: /*#__PURE__*/_react.default.createElement(_cross.default, {
+      label: "Delete"
+    }),
+    toolTipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.delete)
+  }
 });
 
 var getContextKey = function getContextKey(name) {
@@ -43,13 +56,12 @@ var getActionData = function getActionData(actionName, contextKey, context) {
   var data = context[contextKey];
 
   switch (actionName) {
-    case _constants.ActionName.DeleteAction:
     default:
       return data;
   }
 };
 
-var createAction = function createAction(name) {
+var createDataAction = function createDataAction(name) {
   var _ref = actionMappings[name] || {},
       BaseAction = _ref.component,
       props = _ref.props;
@@ -67,4 +79,20 @@ var createAction = function createAction(name) {
   };
 };
 
-exports.createAction = createAction;
+exports.createDataAction = createDataAction;
+
+var createUIAction = function createUIAction(name) {
+  var _ref2 = actionMappings[name] || {},
+      BaseAction = _ref2.component,
+      props = _ref2.props;
+
+  if (!BaseAction) {
+    throw Error("Action ".concat(name, " does not exist."));
+  }
+
+  return function (overrides) {
+    return /*#__PURE__*/_react.default.createElement(BaseAction, (0, _extends2.default)({}, props, overrides));
+  };
+};
+
+exports.createUIAction = createUIAction;

package/dist/cjs/view/FlexibleCard/components/blocks/action-group/index.js

@@ -19,7 +19,7 @@ var _constants = require("../../../../../constants");
 
 var _templateObject;
 
-var styles = (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  line-height: 0;\n"])));
+var styles = (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  line-height: 1rem;\n"])));
 
 var ActionGroup = function ActionGroup(_ref) {
   var _ref$items = _ref.items,

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "17.2.0",
+	"version": "17.2.1",
 	"sideEffects": false
 }

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

@@ -1,13 +1,10 @@
 /** @jsx jsx */
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
 import { css, jsx } from '@emotion/core';
 import Button from '@atlaskit/button/custom-theme-button';
-import CrossIcon from '@atlaskit/icon/glyph/cross';
 import { SmartLinkSize } from '../../../../../constants';
 import Tooltip from '@atlaskit/tooltip';
 import { getIconSizeStyles } from '../../utils';
-import { messages } from '../../../../../messages';
 import { tokens } from '../../../../../utils/token';
 import { handleOnClick } from '../../../../../utils';
 
@@ -24,35 +21,54 @@ const getWidth = size => {
   }
 };
 
-const getStyles = size => css`
+const getIconStyles = size => css`
   color: ${tokens.actionIcon};
   ${getIconSizeStyles(getWidth(size))};
 `;
 
-const DeleteAction = ({
+const ActionIcon = ({
+  size,
+  testId,
+  icon
+}) => jsx("span", {
+  css: getIconStyles(size),
+  "data-testid": `${testId}-icon`
+}, icon);
+
+const Action = ({
   appearance = 'subtle',
   content,
   onClick,
   size = SmartLinkSize.Medium,
-  testId = 'smart-action-delete-action'
+  testId = 'smart-action',
+  icon,
+  iconPosition = 'before',
+  tooltipMessage
 }) => {
   if (!onClick) {
     return null;
   }
 
+  const iconBefore = iconPosition === 'before' ? jsx(ActionIcon, {
+    size: size,
+    testId: testId,
+    icon: icon
+  }) : undefined;
+  const iconAfter = iconPosition === 'after' ? jsx(ActionIcon, {
+    size: size,
+    testId: testId,
+    icon: icon
+  }) : undefined;
   return jsx(Tooltip, {
-    content: jsx(FormattedMessage, messages.delete)
+    content: tooltipMessage
   }, jsx(Button, {
     spacing: "none",
     appearance: appearance,
     testId: testId,
-    onClick: handleOnClick(onClick)
-  }, content || jsx("span", {
-    css: getStyles(size),
-    "data-testid": `${testId}-icon`
-  }, jsx(CrossIcon, {
-    label: "Delete"
-  }))));
+    onClick: handleOnClick(onClick),
+    iconBefore: iconBefore,
+    iconAfter: iconAfter
+  }, content));
 };
 
-export default DeleteAction;
+export default Action;

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

@@ -1,6 +1,8 @@
 import { ActionName } from '../../../../constants';
-import { createAction } from './utils';
-// Attention: Keep the export name and action name the same.
+import { createUIAction } from './utils'; // Attention: Keep the export name and action name the same.
 // This will help reducing the code for mapping action inside
 // createAction and renderActionItems
-export const DeleteAction = createAction(ActionName.DeleteAction);
+// UIActions infer that you do not need to get any data from the context.
+// DataActions infer that the action depends on the data from the context.
+
+export const DeleteAction = createUIAction(ActionName.DeleteAction);

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

@@ -2,10 +2,20 @@ import _extends from "@babel/runtime/helpers/extends";
 import { ActionName } from '../../../../constants';
 import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
 import React, { useContext } from 'react';
-import DeleteAction from './delete-action';
+import Action from './action';
+import { FormattedMessage } from 'react-intl-next';
+import { messages } from '../../../../messages';
+import CrossIcon from '@atlaskit/icon/glyph/cross';
 const actionMappings = {
   [ActionName.DeleteAction]: {
-    component: DeleteAction
+    component: Action,
+    props: {
+      testId: 'smart-action-delete-action',
+      icon: /*#__PURE__*/React.createElement(CrossIcon, {
+        label: "Delete"
+      }),
+      toolTipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.delete)
+    }
   }
 };
 
@@ -23,13 +33,12 @@ const getActionData = (actionName, contextKey, context) => {
   const data = context[contextKey];
 
   switch (actionName) {
-    case ActionName.DeleteAction:
     default:
       return data;
   }
 };
 
-export const createAction = name => {
+export const createDataAction = name => {
   const {
     component: BaseAction,
     props
@@ -45,4 +54,18 @@ export const createAction = name => {
     const data = getActionData(name, contextKey, context);
     return /*#__PURE__*/React.createElement(BaseAction, _extends({}, props, data, overrides));
   };
+};
+export const createUIAction = name => {
+  const {
+    component: BaseAction,
+    props
+  } = actionMappings[name] || {};
+
+  if (!BaseAction) {
+    throw Error(`Action ${name} does not exist.`);
+  }
+
+  return overrides => {
+    return /*#__PURE__*/React.createElement(BaseAction, _extends({}, props, overrides));
+  };
 };

package/dist/es2019/view/FlexibleCard/components/blocks/action-group/index.js

@@ -5,7 +5,7 @@ import { renderActionItems } from '../utils';
 import { SmartLinkSize } from '../../../../../constants';
 const styles = css`
   display: inline-flex;
-  line-height: 0;
+  line-height: 1rem;
 `;
 
 const ActionGroup = ({

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "17.2.0",
+	"version": "17.2.1",
 	"sideEffects": false
 }

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

@@ -0,0 +1,82 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject;
+
+/** @jsx jsx */
+import React from 'react';
+import { css, jsx } from '@emotion/core';
+import Button from '@atlaskit/button/custom-theme-button';
+import { SmartLinkSize } from '../../../../../constants';
+import Tooltip from '@atlaskit/tooltip';
+import { getIconSizeStyles } from '../../utils';
+import { tokens } from '../../../../../utils/token';
+import { handleOnClick } from '../../../../../utils';
+
+var getWidth = function getWidth(size) {
+  switch (size) {
+    case SmartLinkSize.XLarge:
+    case SmartLinkSize.Large:
+      return '1.5rem';
+
+    case SmartLinkSize.Medium:
+    case SmartLinkSize.Small:
+    default:
+      return '1rem';
+  }
+};
+
+var getIconStyles = function getIconStyles(size) {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  ", ";\n"])), tokens.actionIcon, getIconSizeStyles(getWidth(size)));
+};
+
+var ActionIcon = function ActionIcon(_ref) {
+  var size = _ref.size,
+      testId = _ref.testId,
+      icon = _ref.icon;
+  return jsx("span", {
+    css: getIconStyles(size),
+    "data-testid": "".concat(testId, "-icon")
+  }, icon);
+};
+
+var Action = function Action(_ref2) {
+  var _ref2$appearance = _ref2.appearance,
+      appearance = _ref2$appearance === void 0 ? 'subtle' : _ref2$appearance,
+      content = _ref2.content,
+      onClick = _ref2.onClick,
+      _ref2$size = _ref2.size,
+      size = _ref2$size === void 0 ? SmartLinkSize.Medium : _ref2$size,
+      _ref2$testId = _ref2.testId,
+      testId = _ref2$testId === void 0 ? 'smart-action' : _ref2$testId,
+      icon = _ref2.icon,
+      _ref2$iconPosition = _ref2.iconPosition,
+      iconPosition = _ref2$iconPosition === void 0 ? 'before' : _ref2$iconPosition,
+      tooltipMessage = _ref2.tooltipMessage;
+
+  if (!onClick) {
+    return null;
+  }
+
+  var iconBefore = iconPosition === 'before' ? jsx(ActionIcon, {
+    size: size,
+    testId: testId,
+    icon: icon
+  }) : undefined;
+  var iconAfter = iconPosition === 'after' ? jsx(ActionIcon, {
+    size: size,
+    testId: testId,
+    icon: icon
+  }) : undefined;
+  return jsx(Tooltip, {
+    content: tooltipMessage
+  }, jsx(Button, {
+    spacing: "none",
+    appearance: appearance,
+    testId: testId,
+    onClick: handleOnClick(onClick),
+    iconBefore: iconBefore,
+    iconAfter: iconAfter
+  }, content));
+};
+
+export default Action;

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

@@ -1,6 +1,8 @@
 import { ActionName } from '../../../../constants';
-import { createAction } from './utils';
-// Attention: Keep the export name and action name the same.
+import { createUIAction } from './utils'; // Attention: Keep the export name and action name the same.
 // This will help reducing the code for mapping action inside
 // createAction and renderActionItems
-export var DeleteAction = createAction(ActionName.DeleteAction);
+// UIActions infer that you do not need to get any data from the context.
+// DataActions infer that the action depends on the data from the context.
+
+export var DeleteAction = createUIAction(ActionName.DeleteAction);

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

@@ -3,10 +3,20 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { ActionName } from '../../../../constants';
 import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
 import React, { useContext } from 'react';
-import DeleteAction from './delete-action';
+import Action from './action';
+import { FormattedMessage } from 'react-intl-next';
+import { messages } from '../../../../messages';
+import CrossIcon from '@atlaskit/icon/glyph/cross';
 
 var actionMappings = _defineProperty({}, ActionName.DeleteAction, {
-  component: DeleteAction
+  component: Action,
+  props: {
+    testId: 'smart-action-delete-action',
+    icon: /*#__PURE__*/React.createElement(CrossIcon, {
+      label: "Delete"
+    }),
+    toolTipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.delete)
+  }
 });
 
 var getContextKey = function getContextKey(name) {
@@ -23,13 +33,12 @@ var getActionData = function getActionData(actionName, contextKey, context) {
   var data = context[contextKey];
 
   switch (actionName) {
-    case ActionName.DeleteAction:
     default:
       return data;
   }
 };
 
-export var createAction = function createAction(name) {
+export var createDataAction = function createDataAction(name) {
   var _ref = actionMappings[name] || {},
       BaseAction = _ref.component,
       props = _ref.props;
@@ -45,4 +54,17 @@ export var createAction = function createAction(name) {
     var data = getActionData(name, contextKey, context);
     return /*#__PURE__*/React.createElement(BaseAction, _extends({}, props, data, overrides));
   };
+};
+export var createUIAction = function createUIAction(name) {
+  var _ref2 = actionMappings[name] || {},
+      BaseAction = _ref2.component,
+      props = _ref2.props;
+
+  if (!BaseAction) {
+    throw Error("Action ".concat(name, " does not exist."));
+  }
+
+  return function (overrides) {
+    return /*#__PURE__*/React.createElement(BaseAction, _extends({}, props, overrides));
+  };
 };

package/dist/esm/view/FlexibleCard/components/blocks/action-group/index.js

@@ -7,7 +7,7 @@ import { css, jsx } from '@emotion/core';
 import ButtonGroup from '@atlaskit/button/button-group';
 import { renderActionItems } from '../utils';
 import { SmartLinkSize } from '../../../../../constants';
-var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  line-height: 0;\n"])));
+var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  line-height: 1rem;\n"])));
 
 var ActionGroup = function ActionGroup(_ref) {
   var _ref$items = _ref.items,

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

@@ -0,0 +1,5 @@
+/** @jsx jsx */
+import React from 'react';
+import { ActionProps } from './types';
+declare const Action: React.FC<ActionProps>;
+export default Action;

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

@@ -0,0 +1,18 @@
+import { SmartLinkSize } from '../../../../../constants';
+import { Appearance } from '@atlaskit/button/types';
+import { ReactChild } from 'react';
+export declare type ActionProps = {
+    size?: SmartLinkSize;
+    testId?: string;
+    content?: React.ReactNode;
+    appearance?: Appearance;
+    onClick: () => any;
+    icon?: ReactChild;
+    iconPosition?: 'before' | 'after';
+    tooltipMessage?: React.ReactNode;
+};
+export declare type ActionIconProps = {
+    size?: SmartLinkSize;
+    testId?: string;
+    icon?: ReactChild;
+};

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { ActionProps } from './types';
+import { ActionProps } from './action/types';
 export declare const DeleteAction: import("react").FC<ActionProps>;

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

@@ -1,3 +1,4 @@
 import { ActionName } from '../../../../constants';
 import React from 'react';
-export declare const createAction: <P extends {}>(name: ActionName) => React.FC<P>;
+export declare const createDataAction: <P extends {}>(name: ActionName) => React.FC<P>;
+export declare const createUIAction: <P extends {}>(name: ActionName) => React.FC<P>;

package/package.json

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

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

@@ -1,64 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject;
-
-/** @jsx jsx */
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { css, jsx } from '@emotion/core';
-import Button from '@atlaskit/button/custom-theme-button';
-import CrossIcon from '@atlaskit/icon/glyph/cross';
-import { SmartLinkSize } from '../../../../../constants';
-import Tooltip from '@atlaskit/tooltip';
-import { getIconSizeStyles } from '../../utils';
-import { messages } from '../../../../../messages';
-import { tokens } from '../../../../../utils/token';
-import { handleOnClick } from '../../../../../utils';
-
-var getWidth = function getWidth(size) {
-  switch (size) {
-    case SmartLinkSize.XLarge:
-    case SmartLinkSize.Large:
-      return '1.5rem';
-
-    case SmartLinkSize.Medium:
-    case SmartLinkSize.Small:
-    default:
-      return '1rem';
-  }
-};
-
-var getStyles = function getStyles(size) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  ", ";\n"])), tokens.actionIcon, getIconSizeStyles(getWidth(size)));
-};
-
-var DeleteAction = function DeleteAction(_ref) {
-  var _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? 'subtle' : _ref$appearance,
-      content = _ref.content,
-      onClick = _ref.onClick,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-action-delete-action' : _ref$testId;
-
-  if (!onClick) {
-    return null;
-  }
-
-  return jsx(Tooltip, {
-    content: jsx(FormattedMessage, messages.delete)
-  }, jsx(Button, {
-    spacing: "none",
-    appearance: appearance,
-    testId: testId,
-    onClick: handleOnClick(onClick)
-  }, content || jsx("span", {
-    css: getStyles(size),
-    "data-testid": "".concat(testId, "-icon")
-  }, jsx(CrossIcon, {
-    label: "Delete"
-  }))));
-};
-
-export default DeleteAction;

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

@@ -1,5 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { ActionProps } from '../types';
-declare const DeleteAction: React.FC<ActionProps>;
-export default DeleteAction;

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { SmartLinkSize } from '../../../../constants';
-import { Appearance } from '@atlaskit/button/types';
-export declare type ActionProps = {
-    size?: SmartLinkSize;
-    testId?: string;
-    content?: React.ReactNode;
-    appearance?: Appearance;
-    onClick: () => any;
-};