@atlaskit/smart-card 17.0.1 → 17.1.0

package/dist/cjs/view/FlexibleCard/components/blocks/block/index.js

@@ -5,9 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getBlockStyles = exports.default = void 0;
+exports.default = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -15,59 +15,14 @@ var _core = require("@emotion/core");
 
 var _constants = require("../../../../../constants");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+var _utils = require("../utils");
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var getDirectionStyles = function getDirectionStyles(direction) {
-  switch (direction) {
-    case _constants.SmartLinkDirection.Vertical:
-      return {
-        flexDirection: 'column',
-        alignItems: 'flex-start'
-      };
-
-    case _constants.SmartLinkDirection.Horizontal:
-    default:
-      return {
-        flexDirection: 'row',
-        alignItems: 'center'
-      };
-  }
-};
-
-var getGapSize = function getGapSize(size) {
-  switch (size) {
-    case _constants.SmartLinkSize.XLarge:
-      return '1.25rem';
-
-    case _constants.SmartLinkSize.Large:
-      return '1rem';
-
-    case _constants.SmartLinkSize.Medium:
-      return '.5rem';
-
-    case _constants.SmartLinkSize.Small:
-    default:
-      return '.25rem';
-  }
-};
+var _templateObject;
 
 var getBlockStyles = function getBlockStyles(direction, size) {
-  return (0, _core.css)(_objectSpread(_objectSpread({
-    display: 'flex',
-    gap: getGapSize(size),
-    lineHeight: '1rem',
-    minWidth: 0
-  }, getDirectionStyles(direction)), {}, {
-    '& > *': {
-      minWidth: 0
-    }
-  }));
+  return (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  justify-content: flex-start;\n"])), (0, _utils.getBaseStyles)(direction, size));
 };
 
-exports.getBlockStyles = getBlockStyles;
-
 var Block = function Block(_ref) {
   var children = _ref.children,
       _ref$direction = _ref.direction,
@@ -80,7 +35,7 @@ var Block = function Block(_ref) {
     css: getBlockStyles(direction, size),
     "data-smart-block": true,
     "data-testid": testId
-  }, children);
+  }, (0, _utils.renderChildren)(children, size));
 };
 
 var _default = Block;

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

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getElementGroupStyles = exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@emotion/core");
+
+var _constants = require("../../../../../constants");
+
+var _utils = require("../utils");
+
+var _templateObject;
+
+var getFlexJustifyContent = function getFlexJustifyContent(align) {
+  switch (align) {
+    case _constants.SmartLinkAlignment.Right:
+      return 'flex-end';
+
+    case _constants.SmartLinkAlignment.Left:
+    default:
+      return 'flex-start';
+  }
+};
+
+var getElementGroupStyles = function getElementGroupStyles(direction, size, align, width) {
+  return (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  justify-content: ", ";\n  min-width: 10%;\n  ", "\n"])), (0, _utils.getBaseStyles)(direction, size), getFlexJustifyContent(align), width === _constants.SmartLinkWidth.Flexible ? "flex: 1 3;" : '');
+};
+
+exports.getElementGroupStyles = getElementGroupStyles;
+
+var ElementGroup = function ElementGroup(_ref) {
+  var _ref$align = _ref.align,
+      align = _ref$align === void 0 ? _constants.SmartLinkAlignment.Left : _ref$align,
+      children = _ref.children,
+      _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? _constants.SmartLinkDirection.Horizontal : _ref$direction,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'smart-element-group' : _ref$testId,
+      _ref$width = _ref.width,
+      width = _ref$width === void 0 ? _constants.SmartLinkWidth.FitToContent : _ref$width;
+  return (0, _core.jsx)("div", {
+    css: getElementGroupStyles(direction, size, align, width),
+    "data-smart-element-group": true,
+    "data-testid": testId
+  }, (0, _utils.renderChildren)(children, size));
+};
+
+var _default = ElementGroup;
+exports.default = _default;

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

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

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

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TitleBlock", {
+  enumerable: true,
+  get: function get() {
+    return _titleBlock.default;
+  }
+});
+
+var _titleBlock = _interopRequireDefault(require("./title-block"));

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -0,0 +1,81 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactIntlNext = require("react-intl-next");
+
+var _core = require("@emotion/core");
+
+var _elements = require("../../../elements");
+
+var _block = _interopRequireDefault(require("../../block"));
+
+var _constants = require("../../../../../../constants");
+
+var _utils = require("../../../utils");
+
+var _elementGroup = _interopRequireDefault(require("../../element-group"));
+
+var _token = require("../../../../../../utils/token");
+
+var _excluded = ["maxLines", "retry", "position", "testId", "theme"];
+
+var _templateObject, _templateObject2;
+
+var actionStyles = (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  cursor: pointer;\n  :hover {\n    color: ", ";\n    text-decoration: underline;\n  }\n"])), _token.tokens.errorMessageHover);
+
+var getMessageStyles = function getMessageStyles(size, hasAction) {
+  var sizeStyles = (0, _utils.getLinkSizeStyles)(size);
+  return (0, _core.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    justify-content: flex-end;\n    ", "\n    ", "\n    ", "\n    color: ", ";\n  "])), hasAction ? actionStyles : '', sizeStyles, (0, _utils.getTruncateStyles)(1, (0, _utils.getLinkLineHeight)(size)), _token.tokens.errorMessage);
+};
+
+var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
+  var maxLines = _ref.maxLines,
+      retry = _ref.retry,
+      position = _ref.position,
+      testId = _ref.testId,
+      theme = _ref.theme,
+      blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _ref2 = retry || {},
+      descriptor = _ref2.descriptor,
+      onClick = _ref2.onClick,
+      values = _ref2.values;
+
+  var _blockProps$size = blockProps.size,
+      size = _blockProps$size === void 0 ? _constants.SmartLinkSize.Medium : _blockProps$size;
+  var hasAction = onClick !== undefined;
+  return (0, _core.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
+    testId: "".concat(testId, "-errored-view")
+  }), (0, _core.jsx)(_elements.LinkIcon, {
+    position: position
+  }), (0, _core.jsx)(_elements.Title, {
+    maxLines: maxLines,
+    theme: theme
+  }), descriptor && (0, _core.jsx)(_elementGroup.default, {
+    direction: _constants.SmartLinkDirection.Horizontal,
+    align: _constants.SmartLinkAlignment.Right
+  }, (0, _core.jsx)("span", {
+    css: getMessageStyles(size, hasAction),
+    onClick: onClick,
+    "data-testid": "".concat(testId, "-errored-view-message")
+  }, (0, _core.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, descriptor, {
+    values: values
+  })))));
+};
+
+var _default = TitleBlockErroredView;
+exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/index.js

@@ -0,0 +1,58 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _constants = require("../../../../../constants");
+
+var _resolved = _interopRequireDefault(require("./resolved"));
+
+var _errored = _interopRequireDefault(require("./errored"));
+
+var _resolving = _interopRequireDefault(require("./resolving"));
+
+var _excluded = ["status", "testId"];
+
+var TitleBlock = function TitleBlock(_ref) {
+  var _ref$status = _ref.status,
+      status = _ref$status === void 0 ? _constants.SmartLinkStatus.Fallback : _ref$status,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'smart-block-title' : _ref$testId,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  switch (status) {
+    case _constants.SmartLinkStatus.Pending:
+    case _constants.SmartLinkStatus.Resolving:
+      return /*#__PURE__*/_react.default.createElement(_resolving.default, (0, _extends2.default)({}, props, {
+        testId: testId
+      }));
+
+    case _constants.SmartLinkStatus.Resolved:
+      return /*#__PURE__*/_react.default.createElement(_resolved.default, (0, _extends2.default)({}, props, {
+        testId: testId
+      }));
+
+    case _constants.SmartLinkStatus.Unauthorized:
+    case _constants.SmartLinkStatus.Forbidden:
+    case _constants.SmartLinkStatus.NotFound:
+    case _constants.SmartLinkStatus.Errored:
+    case _constants.SmartLinkStatus.Fallback:
+    default:
+      return /*#__PURE__*/_react.default.createElement(_errored.default, (0, _extends2.default)({}, props, {
+        testId: testId
+      }));
+  }
+};
+
+var _default = TitleBlock;
+exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/resolved/index.js

@@ -0,0 +1,65 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _elements = require("../../../elements");
+
+var _block = _interopRequireDefault(require("../../block"));
+
+var _elementGroup = _interopRequireDefault(require("../../element-group"));
+
+var _constants = require("../../../../../../constants");
+
+var _utils = require("../../utils");
+
+var _actionGroup = _interopRequireDefault(require("../../action-group"));
+
+var _excluded = ["maxLines", "metadata", "position", "subtitle", "actions", "testId", "theme"];
+
+var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
+  var maxLines = _ref.maxLines,
+      _ref$metadata = _ref.metadata,
+      metadata = _ref$metadata === void 0 ? [] : _ref$metadata,
+      position = _ref.position,
+      _ref$subtitle = _ref.subtitle,
+      subtitle = _ref$subtitle === void 0 ? [] : _ref$subtitle,
+      _ref$actions = _ref.actions,
+      actions = _ref$actions === void 0 ? [] : _ref$actions,
+      testId = _ref.testId,
+      theme = _ref.theme,
+      blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var metadataElements = (0, _utils.renderElementItems)(metadata);
+  var subtitleElements = (0, _utils.renderElementItems)(subtitle);
+  return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
+    testId: "".concat(testId, "-resolved-view")
+  }), /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, {
+    position: position
+  }), /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
+    direction: _constants.SmartLinkDirection.Vertical,
+    width: _constants.SmartLinkWidth.Flexible
+  }, /*#__PURE__*/_react.default.createElement(_elements.Title, {
+    maxLines: maxLines,
+    theme: theme
+  }), subtitleElements && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
+    direction: _constants.SmartLinkDirection.Horizontal
+  }, subtitleElements)), metadataElements && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
+    direction: _constants.SmartLinkDirection.Horizontal,
+    align: _constants.SmartLinkAlignment.Right
+  }, metadataElements), actions.length > 0 && /*#__PURE__*/_react.default.createElement(_actionGroup.default, {
+    items: actions
+  }));
+};
+
+var _default = TitleBlockResolvedView;
+exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/resolving/index.js

@@ -0,0 +1,68 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@emotion/core");
+
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
+
+var _elements = require("../../../elements");
+
+var _block = _interopRequireDefault(require("../../block"));
+
+var _constants = require("../../../../../../constants");
+
+var _excluded = ["maxLines", "retry", "position", "testId", "theme"];
+
+var getSpinnerSize = function getSpinnerSize(size) {
+  // Spinner sizes should be equivalent or smaller than Icon size
+  // to avoid the jumping.
+  switch (size) {
+    case _constants.SmartLinkSize.XLarge:
+      return 28;
+
+    case _constants.SmartLinkSize.Large:
+      return 24;
+
+    case _constants.SmartLinkSize.Medium:
+      return 16;
+
+    case _constants.SmartLinkSize.Small:
+    default:
+      return 12;
+  }
+};
+
+var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
+  var maxLines = _ref.maxLines,
+      retry = _ref.retry,
+      position = _ref.position,
+      testId = _ref.testId,
+      theme = _ref.theme,
+      blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _blockProps$size = blockProps.size,
+      size = _blockProps$size === void 0 ? _constants.SmartLinkSize.Medium : _blockProps$size;
+  return (0, _core.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
+    testId: "".concat(testId, "-resolving-view")
+  }), (0, _core.jsx)(_spinner.default, {
+    size: getSpinnerSize(size),
+    testId: "".concat(testId, "-resolving-spinner")
+  }), (0, _core.jsx)(_elements.Title, {
+    maxLines: maxLines,
+    theme: theme
+  }));
+};
+
+var _default = TitleBlockResolvingView;
+exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/types.js

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

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

@@ -0,0 +1,149 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderElementItems = exports.renderChildren = exports.renderActionItems = exports.getBaseStyles = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@emotion/core");
+
+var _constants = require("../../../../constants");
+
+var Elements = _interopRequireWildcard(require("../elements"));
+
+var Actions = _interopRequireWildcard(require("../actions"));
+
+var _flexible = require("../../../../utils/flexible");
+
+var _actionGroup = _interopRequireDefault(require("./action-group"));
+
+var _elementGroup = _interopRequireDefault(require("./element-group"));
+
+var _excluded = ["name"],
+    _excluded2 = ["name"];
+
+var _templateObject, _templateObject2, _templateObject3;
+
+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 getDirectionStyles = function getDirectionStyles(direction) {
+  switch (direction) {
+    case _constants.SmartLinkDirection.Vertical:
+      return (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n        flex-direction: column;\n        align-items: flex-start;\n      "])));
+
+    case _constants.SmartLinkDirection.Horizontal:
+    default:
+      return (0, _core.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n        flex-direction: row;\n        align-items: center;\n      "])));
+  }
+};
+
+var getGapSize = function getGapSize(size) {
+  switch (size) {
+    case _constants.SmartLinkSize.XLarge:
+      return '1.25rem';
+
+    case _constants.SmartLinkSize.Large:
+      return '1rem';
+
+    case _constants.SmartLinkSize.Medium:
+      return '.5rem';
+
+    case _constants.SmartLinkSize.Small:
+    default:
+      return '.25rem';
+  }
+};
+
+var getBaseStyles = function getBaseStyles(direction, size) {
+  return (0, _core.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  gap: ", ";\n  line-height: 1rem;\n  min-width: 0;\n  overflow: hidden;\n  overflow-y: hidden;\n  ", ";\n  &:empty {\n    display: none;\n  }\n  & > * {\n    min-width: 0;\n  }\n  & > [data-fit-to-content] {\n    min-width: fit-content;\n  }\n"])), getGapSize(size), getDirectionStyles(direction));
+};
+
+exports.getBaseStyles = getBaseStyles;
+
+var isActionGroup = function isActionGroup(node) {
+  return /*#__PURE__*/_react.default.isValidElement(node) && node.type === _actionGroup.default;
+};
+
+var isElementOrElementGroup = function isElementOrElementGroup(node) {
+  return /*#__PURE__*/_react.default.isValidElement(node) && ((0, _flexible.isFlexibleUiElement)(node) || node.type === _elementGroup.default);
+};
+
+var renderChildren = function renderChildren(children, size) {
+  return _react.default.Children.map(children, function (child) {
+    if (isElementOrElementGroup(child) || isActionGroup(child)) {
+      var node = child;
+      var childSize = node.props.size;
+      return /*#__PURE__*/_react.default.cloneElement(node, {
+        size: childSize || size
+      });
+    }
+
+    return child;
+  });
+};
+
+exports.renderChildren = renderChildren;
+
+var renderElementItems = function renderElementItems() {
+  var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var elements = items.reduce(function (acc, curr, idx) {
+    var name = curr.name,
+        props = (0, _objectWithoutProperties2.default)(curr, _excluded);
+    var Element = Elements[name];
+
+    if (Element) {
+      return [].concat((0, _toConsumableArray2.default)(acc), [/*#__PURE__*/_react.default.createElement(Element, (0, _extends2.default)({
+        key: idx
+      }, props))]);
+    }
+
+    return acc;
+  }, []);
+
+  if (elements.length) {
+    return elements;
+  }
+};
+
+exports.renderElementItems = renderElementItems;
+
+var renderActionItems = function renderActionItems() {
+  var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.SmartLinkSize.Medium;
+  var actions = items.reduce(function (acc, curr, idx) {
+    var name = curr.name,
+        props = (0, _objectWithoutProperties2.default)(curr, _excluded2);
+    var Action = Actions[name];
+
+    if (Action) {
+      return [].concat((0, _toConsumableArray2.default)(acc), [/*#__PURE__*/_react.default.createElement(Action, (0, _extends2.default)({
+        size: size,
+        key: idx
+      }, props))]);
+    }
+
+    return acc;
+  }, []);
+
+  if (actions.length) {
+    return actions;
+  }
+};
+
+exports.renderActionItems = renderActionItems;