@atlaskit/smart-card 17.0.1 → 17.3.0

package/dist/cjs/view/EmbedCard/views/ErroredView.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmbedCardErroredView = void 0;
+
+var _core = require("@emotion/core");
+
+var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+
+var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
+
+var _constants = require("@atlaskit/theme/constants");
+
+var _colors = require("@atlaskit/theme/colors");
+
+var _Frame = require("../../BlockCard/components/Frame");
+
+var _reactIntlNext = require("react-intl-next");
+
+var _messages = require("@atlaskit/media-ui/messages");
+
+var _utils = require("../../BlockCard/utils");
+
+/** @jsx jsx */
+var EmbedCardErroredView = function EmbedCardErroredView(_ref) {
+  var onRetry = _ref.onRetry,
+      _ref$isSelected = _ref.isSelected,
+      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'embed-card-errored-view' : _ref$testId,
+      inheritDimensions = _ref.inheritDimensions;
+  return (0, _core.jsx)(_Frame.Frame, {
+    inheritDimensions: inheritDimensions,
+    compact: true,
+    isSelected: isSelected,
+    testId: testId
+  }, (0, _core.jsx)(_error.default, {
+    size: "small",
+    primaryColor: _colors.R300,
+    label: "error-icon"
+  }), (0, _core.jsx)("span", {
+    css: {
+      fontSize: "".concat((0, _constants.fontSize)(), "px"),
+      marginLeft: (0, _utils.gs)(0.5),
+      marginRight: (0, _utils.gs)(0.5),
+      display: '-webkit-box',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      WebkitLineClamp: 1,
+      WebkitBoxOrient: 'vertical',
+      // Fallback options.
+      maxHeight: (0, _utils.gs)(3)
+    }
+  }, (0, _core.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.could_not_load_link)), (0, _core.jsx)(_customThemeButton.default, {
+    testId: "err-view-retry",
+    appearance: "link",
+    spacing: "none",
+    onClick: onRetry
+  }, (0, _core.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.try_again)));
+};
+
+exports.EmbedCardErroredView = EmbedCardErroredView;

package/dist/cjs/view/EmbedCard/views/ForbiddenView.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmbedCardForbiddenView = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _UnresolvedView = require("./UnresolvedView");
+
+var _constants = require("../../BlockCard/utils/constants");
+
+var _ExpandedFrame = require("../components/ExpandedFrame");
+
+var _ImageIcon = require("../components/ImageIcon");
+
+var EmbedCardForbiddenView = function EmbedCardForbiddenView(_ref) {
+  var _action$promise;
+
+  var link = _ref.link,
+      context = _ref.context,
+      isSelected = _ref.isSelected,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'embed-card-forbidden-view' : _ref$testId,
+      onAuthorise = _ref.onAuthorise,
+      inheritDimensions = _ref.inheritDimensions,
+      onClick = _ref.onClick,
+      _ref$requestAccessCon = _ref.requestAccessContext,
+      requestAccessContext = _ref$requestAccessCon === void 0 ? {} : _ref$requestAccessCon;
+
+  var icon = context && context.icon && /*#__PURE__*/_react.default.createElement(_ImageIcon.ImageIcon, {
+    src: typeof context.icon === 'string' ? context.icon : undefined
+  });
+
+  var descriptiveMessageKey = requestAccessContext.descriptiveMessageKey,
+      callToActionMessageKey = requestAccessContext.callToActionMessageKey,
+      action = requestAccessContext.action;
+  var onEmbedCardClick = (_action$promise = action === null || action === void 0 ? void 0 : action.promise) !== null && _action$promise !== void 0 ? _action$promise : onAuthorise;
+  var showButton = true;
+  /**
+   * if there is a request access context, but no action to perform, do not show any button.
+   * By default, a "Try another account" button shows, but with request access context, we don't
+   * want to encourage users to try another account, if their request is already pending, etc.
+   */
+
+  if (!callToActionMessageKey && descriptiveMessageKey) {
+    showButton = false;
+  }
+
+  var descriptionKey = descriptiveMessageKey !== null && descriptiveMessageKey !== void 0 ? descriptiveMessageKey : 'invalid_permissions_description';
+  var buttonTextKey = callToActionMessageKey !== null && callToActionMessageKey !== void 0 ? callToActionMessageKey : 'try_another_account';
+  var buttonProps;
+
+  if (showButton) {
+    buttonProps = {
+      appearance: 'default',
+      text: buttonTextKey,
+      testId: (action === null || action === void 0 ? void 0 : action.id) || 'connect-other-account'
+    };
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_ExpandedFrame.ExpandedFrame, {
+    href: link,
+    icon: icon,
+    text: context && context.text,
+    isVisible: true,
+    isSelected: isSelected,
+    inheritDimensions: inheritDimensions,
+    onClick: onClick,
+    testId: testId
+  }, /*#__PURE__*/_react.default.createElement(_UnresolvedView.EmbedCardUnresolvedView, {
+    image: _constants.LockImage,
+    title: "invalid_permissions",
+    description: descriptionKey,
+    context: context && context.text,
+    button: buttonProps,
+    onClick: onEmbedCardClick,
+    testId: testId
+  }));
+};
+
+exports.EmbedCardForbiddenView = EmbedCardForbiddenView;

package/dist/cjs/view/EmbedCard/views/NotFoundView.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmbedCardNotFoundView = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _UnresolvedView = require("./UnresolvedView");
+
+var _constants = require("../../BlockCard/utils/constants");
+
+var _ExpandedFrame = require("../components/ExpandedFrame");
+
+var _ImageIcon = require("../components/ImageIcon");
+
+var EmbedCardNotFoundView = function EmbedCardNotFoundView(_ref) {
+  var link = _ref.link,
+      context = _ref.context,
+      isSelected = _ref.isSelected,
+      inheritDimensions = _ref.inheritDimensions,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'embed-card-not-found-view' : _ref$testId,
+      onClick = _ref.onClick;
+
+  var icon = context && context.icon && /*#__PURE__*/_react.default.createElement(_ImageIcon.ImageIcon, {
+    src: typeof context.icon === 'string' ? context.icon : undefined
+  });
+
+  return /*#__PURE__*/_react.default.createElement(_ExpandedFrame.ExpandedFrame, {
+    href: link,
+    icon: icon,
+    text: context && context.text,
+    isVisible: true,
+    isSelected: isSelected,
+    inheritDimensions: inheritDimensions,
+    onClick: onClick,
+    testId: testId
+  }, /*#__PURE__*/_react.default.createElement(_UnresolvedView.EmbedCardUnresolvedView, {
+    image: _constants.NotFoundImage,
+    title: "not_found_title",
+    description: "not_found_description",
+    context: context && context.text,
+    testId: testId
+  }));
+};
+
+exports.EmbedCardNotFoundView = EmbedCardNotFoundView;

package/dist/cjs/view/EmbedCard/views/ResolvedView.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmbedCardResolvedView = void 0;
+
+var _core = require("@emotion/core");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _link = _interopRequireDefault(require("@atlaskit/icon/glyph/link"));
+
+var _ExpandedFrame = require("../components/ExpandedFrame");
+
+var _ImageIcon = require("../components/ImageIcon");
+
+var _Frame = require("../components/Frame");
+
+/** @jsx jsx */
+var EmbedCardResolvedView = /*#__PURE__*/_react.default.forwardRef(function (_ref, embedIframeRef) {
+  var link = _ref.link,
+      context = _ref.context,
+      onClick = _ref.onClick,
+      isSelected = _ref.isSelected,
+      isFrameVisible = _ref.isFrameVisible,
+      preview = _ref.preview,
+      title = _ref.title,
+      isTrusted = _ref.isTrusted,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'embed-card-resolved-view' : _ref$testId,
+      inheritDimensions = _ref.inheritDimensions;
+  var iconFromContext = context === null || context === void 0 ? void 0 : context.icon;
+  var src = typeof iconFromContext === 'string' ? iconFromContext : undefined;
+  var text = title || (context === null || context === void 0 ? void 0 : context.text);
+
+  var linkGlyph = _react.default.useMemo(function () {
+    return (0, _core.jsx)(_link.default, {
+      label: "icon",
+      size: "small",
+      testId: "embed-card-fallback-icon"
+    });
+  }, []);
+
+  var icon = _react.default.useMemo(function () {
+    if ( /*#__PURE__*/_react.default.isValidElement(iconFromContext)) {
+      return iconFromContext;
+    }
+
+    return (0, _core.jsx)(_ImageIcon.ImageIcon, {
+      src: src,
+      default: linkGlyph
+    });
+  }, [src, linkGlyph, iconFromContext]);
+
+  return (0, _core.jsx)(_ExpandedFrame.ExpandedFrame, {
+    isSelected: isSelected,
+    isFrameVisible: isFrameVisible,
+    href: link,
+    testId: testId,
+    icon: icon,
+    text: text,
+    onClick: onClick,
+    inheritDimensions: inheritDimensions
+  }, (0, _core.jsx)(_Frame.Frame, {
+    url: preview === null || preview === void 0 ? void 0 : preview.src,
+    isTrusted: isTrusted,
+    testId: testId,
+    ref: embedIframeRef
+  }));
+});
+
+exports.EmbedCardResolvedView = EmbedCardResolvedView;

package/dist/cjs/view/EmbedCard/views/UnauthorisedView.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmbedCardUnauthorisedView = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _UnresolvedView = require("./UnresolvedView");
+
+var _constants = require("../../BlockCard/utils/constants");
+
+var _ExpandedFrame = require("../components/ExpandedFrame");
+
+var _ImageIcon = require("../components/ImageIcon");
+
+var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref) {
+  var link = _ref.link,
+      context = _ref.context,
+      isSelected = _ref.isSelected,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'embed-card-unauthorized-view' : _ref$testId,
+      onAuthorise = _ref.onAuthorise,
+      inheritDimensions = _ref.inheritDimensions,
+      onClick = _ref.onClick;
+
+  var icon = context && context.icon && /*#__PURE__*/_react.default.createElement(_ImageIcon.ImageIcon, {
+    src: typeof context.icon === 'string' ? context.icon : undefined
+  });
+
+  return /*#__PURE__*/_react.default.createElement(_ExpandedFrame.ExpandedFrame, {
+    href: link,
+    icon: icon,
+    text: context && context.text,
+    isVisible: true,
+    isSelected: isSelected,
+    inheritDimensions: inheritDimensions,
+    onClick: onClick,
+    testId: testId
+  }, /*#__PURE__*/_react.default.createElement(_UnresolvedView.EmbedCardUnresolvedView, {
+    image: _constants.CelebrationImage,
+    title: "connect_link_account_card_name",
+    description: "connect_link_account_card_description",
+    context: context && context.text,
+    button: {
+      appearance: 'primary',
+      text: 'connect_link_account_card',
+      testId: 'connect-account'
+    },
+    onClick: onAuthorise,
+    testId: testId
+  }));
+};
+
+exports.EmbedCardUnauthorisedView = EmbedCardUnauthorisedView;

package/dist/cjs/view/EmbedCard/views/UnresolvedView.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmbedCardUnresolvedView = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _core = require("@emotion/core");
+
+var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+
+var _constants = require("@atlaskit/theme/constants");
+
+var _reactIntlNext = require("react-intl-next");
+
+var _messages = require("@atlaskit/media-ui/messages");
+
+var _utils = require("../../BlockCard/utils");
+
+/** @jsx jsx */
+var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {
+  var image = _ref.image,
+      title = _ref.title,
+      description = _ref.description,
+      button = _ref.button,
+      context = _ref.context,
+      onClick = _ref.onClick,
+      testId = _ref.testId;
+  return (0, _core.jsx)("div", {
+    css: {
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center',
+      paddingTop: (0, _utils.gs)(4.5),
+      paddingBottom: (0, _utils.gs)(6)
+    },
+    "data-testid": "".concat(testId, "-unresolved-container")
+  }, (0, _core.jsx)("img", {
+    src: image,
+    css: {
+      height: (0, _utils.gs)(14),
+      marginBottom: (0, _utils.gs)(4)
+    }
+  }), (0, _core.jsx)("span", {
+    css: {
+      fontSize: (0, _utils.gs)(2.5),
+      marginBottom: (0, _utils.gs)(1.5),
+      width: (0, _utils.gs)(50),
+      textAlign: 'center'
+    }
+  }, (0, _core.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[title], {
+    values: {
+      context: context
+    }
+  }))), (0, _core.jsx)("span", {
+    css: {
+      fontSize: (0, _constants.fontSize)(),
+      marginBottom: (0, _utils.gs)(2.5),
+      textAlign: 'center',
+      width: (0, _utils.gs)(50),
+      lineHeight: (0, _utils.gs)(3)
+    }
+  }, (0, _core.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[description], {
+    values: {
+      context: context
+    }
+  }))), button && (0, _core.jsx)(_customThemeButton.default, {
+    testId: "button-".concat(button.testId || testId),
+    appearance: button.appearance,
+    onClick: onClick
+  }, (0, _core.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[button.text], {
+    values: {
+      context: context
+    }
+  }))));
+};
+
+exports.EmbedCardUnresolvedView = EmbedCardUnresolvedView;

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

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@emotion/core");
+
+var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+
+var _constants = require("../../../../../constants");
+
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+
+var _utils = require("../../utils");
+
+var _token = require("../../../../../utils/token");
+
+var _utils2 = require("../../../../../utils");
+
+var _templateObject;
+
+var getWidth = function getWidth(size) {
+  switch (size) {
+    case _constants.SmartLinkSize.XLarge:
+    case _constants.SmartLinkSize.Large:
+      return '1.5rem';
+
+    case _constants.SmartLinkSize.Medium:
+    case _constants.SmartLinkSize.Small:
+    default:
+      return '1rem';
+  }
+};
+
+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 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: tooltipMessage
+  }, (0, _core.jsx)(_customThemeButton.default, {
+    spacing: "none",
+    appearance: appearance,
+    testId: testId,
+    onClick: (0, _utils2.handleOnClick)(onClick),
+    iconBefore: iconBefore,
+    iconAfter: iconAfter
+  }, content));
+};
+
+var _default = Action;
+exports.default = _default;

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeleteAction = void 0;
+
+var _constants = require("../../../../constants");
+
+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
+// 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

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createUIAction = exports.createDataAction = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _constants = require("../../../../constants");
+
+var _flexibleUiContext = require("../../../../state/flexible-ui-context");
+
+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"));
+
+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: _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) {
+  // Attempt to predict context prop name in advance to reduce the amount of
+  // code run during runtime
+  return name.length > 0 ? name.charAt(0).toLowerCase() + name.slice(1) : undefined;
+};
+
+var getActionData = function getActionData(actionName, contextKey, context) {
+  if (!context) {
+    return undefined;
+  }
+
+  var data = context[contextKey];
+
+  switch (actionName) {
+    default:
+      return data;
+  }
+};
+
+var createDataAction = function createDataAction(name) {
+  var _ref = actionMappings[name] || {},
+      BaseAction = _ref.component,
+      props = _ref.props;
+
+  var contextKey = getContextKey(name);
+
+  if (!BaseAction) {
+    throw Error("Action ".concat(name, " does not exist."));
+  }
+
+  return function (overrides) {
+    var context = (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);
+    var data = getActionData(name, contextKey, context);
+    return /*#__PURE__*/_react.default.createElement(BaseAction, (0, _extends2.default)({}, props, data, overrides));
+  };
+};
+
+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

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _core = require("@emotion/core");
+
+var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
+
+var _utils = require("../utils");
+
+var _constants = require("../../../../../constants");
+
+var _templateObject;
+
+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,
+      items = _ref$items === void 0 ? [] : _ref$items,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size;
+  // Currently we only have delete action available, this prevents others from adding more delete actions
+  var actionsToRender = items.slice(0, 1);
+  return (0, _core.jsx)("div", {
+    css: styles
+  }, (0, _core.jsx)(_buttonGroup.default, null, (0, _utils.renderActionItems)(actionsToRender, size)));
+};
+
+var _default = ActionGroup;
+exports.default = _default;

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

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