@atlaskit/smart-card 19.1.3 → 19.1.6

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/smart-card
 
+## 19.1.6
+
+### Patch Changes
+
+- [`28410ec919d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/28410ec919d) - Flexible UI: Passing JsonLD response on authFlow disabled
+- Updated dependencies
+
+## 19.1.5
+
+### Patch Changes
+
+- [`db78a813922`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db78a813922) - Add error handling to smart-card ssr component
+
+## 19.1.4
+
+### Patch Changes
+
+- [`cd2e7183aa5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cd2e7183aa5) - Flexible UI: Fix action tooltips not displayed on hover
+
 ## 19.1.3
 
 ### Patch Changes

package/dist/cjs/messages.js

@@ -68,6 +68,11 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Updated on {context}',
     description: 'Indicated when entity was modified (absolute form)'
   },
+  more_actions: {
+    id: 'fabric.linking.more_actions',
+    defaultMessage: 'More actions',
+    description: 'Allows the users to see more link actions'
+  },
   priority_blocker: {
     id: 'fabric.linking.priority_blocker',
     defaultMessage: 'Blocker',

package/dist/cjs/ssr.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CardSSR = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -17,12 +17,20 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _uuid = _interopRequireDefault(require("uuid"));
 
+var _reactErrorBoundary = require("react-error-boundary");
+
 var _component = require("./view/CardWithUrl/component");
 
+var _LazyFallback = require("./view/CardWithUrl/component-lazy/LazyFallback");
+
 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; }
 
+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; }
+
+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; }
+
 // SSR friendly version of smart-card
 // simplifies the logic around rendering and loading placeholders and
 // only contains whats necessary to render the card on SSR mode
@@ -36,10 +44,16 @@ var CardSSR = function CardSSR(props) {
   var dispatchAnalytics = function dispatchAnalytics() {}; // we can't dispatch events on SSR, after hydration the we will provide the real callback
 
 
-  return /*#__PURE__*/_react.default.createElement(_component.CardWithUrlContent, (0, _extends2.default)({}, props, {
+  var cardProps = _objectSpread(_objectSpread({}, props), {}, {
     id: id,
     dispatchAnalytics: dispatchAnalytics
-  }));
+  });
+
+  return /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
+    FallbackComponent: function FallbackComponent() {
+      return /*#__PURE__*/_react.default.createElement(_LazyFallback.LoadingCardLink, cardProps);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_component.CardWithUrlContent, cardProps));
 };
 
 exports.CardSSR = CardSSR;

package/dist/cjs/state/actions/index.js

@@ -53,7 +53,7 @@ var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
 
   var hasAuthFlowSupported = config.authFlow !== 'disabled';
   var hasData = !!(details && details.data);
-  var handleResolvedLinkError = (0, _react.useCallback)(function (url, error) {
+  var handleResolvedLinkError = (0, _react.useCallback)(function (url, error, response) {
     if (error.kind === 'fatal') {
       // If there's no previous data in the store for this URL, then bail
       // out and let the editor handle fallbacks (returns to a blue link).
@@ -82,7 +82,7 @@ var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
         // Fallback to blue link with smart link formatting. Not part of reliability.
         dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_ERROR_FALLBACK, {
           url: url
-        }, undefined, error));
+        }, response, error));
       } else {
         // Fallback to blue link with smart link formatting. Part of reliability.
         dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_ERROR, {
@@ -97,7 +97,7 @@ var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
     // throw an error and render as a normal blue link.
 
     if ((nextStatus === 'unauthorized' || nextStatus === 'forbidden') && !hasAuthFlowSupported) {
-      handleResolvedLinkError(resourceUrl, new _linkingCommon.APIError('fallback', hostname, _constants.ERROR_MESSAGE_OAUTH));
+      handleResolvedLinkError(resourceUrl, new _linkingCommon.APIError('fallback', hostname, _constants.ERROR_MESSAGE_OAUTH), response);
       return;
     } // Handle any other errors
 

package/dist/cjs/version.json

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

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

@@ -126,7 +126,8 @@ var Action = function Action(_ref2) {
     }, content);
   } else {
     return (0, _core.jsx)(_tooltip.default, {
-      content: tooltipMessage
+      content: tooltipMessage,
+      testId: "".concat(testId, "-tooltip")
     }, (0, _core.jsx)("div", {
       css: [getButtonStyle(size, iconOnly), overrideCss],
       "data-testid": "".concat(testId, "-button-wrapper")

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

@@ -50,7 +50,7 @@ var actionMappings = (_actionMappings = {}, (0, _defineProperty2.default)(_actio
     icon: /*#__PURE__*/_react.default.createElement(_cross.default, {
       label: "Delete"
     }),
-    toolTipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.delete)
+    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.delete)
   }
 }), (0, _defineProperty2.default)(_actionMappings, _constants.ActionName.EditAction, {
   component: _action.default,
@@ -60,7 +60,7 @@ var actionMappings = (_actionMappings = {}, (0, _defineProperty2.default)(_actio
     icon: /*#__PURE__*/_react.default.createElement(_edit.default, {
       label: "Edit"
     }),
-    toolTipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.edit)
+    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.edit)
   }
 }), _actionMappings);
 

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

@@ -13,10 +13,14 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
+var _reactIntlNext = require("react-intl-next");
+
 var _core = require("@emotion/core");
 
 var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
 
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+
 var _utils = require("../utils");
 
 var _dropdownMenu = _interopRequireDefault(require("@atlaskit/dropdown-menu"));
@@ -31,6 +35,8 @@ var _action = require("../../actions/action");
 
 var _token = require("../../../../../utils/token");
 
+var _messages = require("../../../../../messages");
+
 var _excluded = ["triggerRef"];
 
 var _templateObject;
@@ -52,7 +58,8 @@ var ActionGroup = function ActionGroup(_ref) {
       appearance = _ref.appearance,
       _ref$visibleButtonsNu = _ref.visibleButtonsNum,
       visibleButtonsNum = _ref$visibleButtonsNu === void 0 ? 2 : _ref$visibleButtonsNu,
-      onDropdownOpenChange = _ref.onDropdownOpenChange;
+      onDropdownOpenChange = _ref.onDropdownOpenChange,
+      testId = _ref.testId;
   var isMoreThenTwoItems = items.length > visibleButtonsNum;
   var firstActions = isMoreThenTwoItems ? items.slice(0, visibleButtonsNum - 1) : items;
   var restActions = isMoreThenTwoItems ? items.slice(visibleButtonsNum - 1) : [];
@@ -67,14 +74,18 @@ var ActionGroup = function ActionGroup(_ref) {
     trigger: function trigger(_ref3) {
       var triggerRef = _ref3.triggerRef,
           props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
-      return (0, _core.jsx)(_standardButton.default, (0, _extends2.default)({}, props, {
+      return (0, _core.jsx)(_tooltip.default, {
+        content: (0, _core.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.more_actions),
+        testId: "action-group-more-button-tooltip",
+        tag: "span"
+      }, (0, _core.jsx)(_standardButton.default, (0, _extends2.default)({}, props, {
         spacing: _action.sizeToSpacing[size],
         testId: "action-group-more-button",
         iconBefore: (0, _core.jsx)(_more.default, {
           label: "more"
         }),
         ref: triggerRef
-      }));
+      })));
     }
   }, (0, _utils.renderActionItems)(restActions, size, appearance, true)) : null));
 };

package/dist/es2019/messages.js

@@ -60,6 +60,11 @@ export const messages = defineMessages({
     defaultMessage: 'Updated on {context}',
     description: 'Indicated when entity was modified (absolute form)'
   },
+  more_actions: {
+    id: 'fabric.linking.more_actions',
+    defaultMessage: 'More actions',
+    description: 'Allows the users to see more link actions'
+  },
   priority_blocker: {
     id: 'fabric.linking.priority_blocker',
     defaultMessage: 'Blocker',

package/dist/es2019/ssr.js

@@ -1,8 +1,9 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { useState } from 'react';
 import uuid from 'uuid';
+import { ErrorBoundary } from 'react-error-boundary';
 import { CardWithUrlContent } from './view/CardWithUrl/component';
+import { LoadingCardLink } from './view/CardWithUrl/component-lazy/LazyFallback';
 // SSR friendly version of smart-card
 // simplifies the logic around rendering and loading placeholders and
 // only contains whats necessary to render the card on SSR mode
@@ -12,8 +13,11 @@ export const CardSSR = props => {
   const dispatchAnalytics = () => {}; // we can't dispatch events on SSR, after hydration the we will provide the real callback
 
 
-  return /*#__PURE__*/React.createElement(CardWithUrlContent, _extends({}, props, {
-    id: id,
-    dispatchAnalytics: dispatchAnalytics
-  }));
+  const cardProps = { ...props,
+    id,
+    dispatchAnalytics
+  };
+  return /*#__PURE__*/React.createElement(ErrorBoundary, {
+    FallbackComponent: () => /*#__PURE__*/React.createElement(LoadingCardLink, cardProps)
+  }, /*#__PURE__*/React.createElement(CardWithUrlContent, cardProps));
 };

package/dist/es2019/state/actions/index.js

@@ -27,7 +27,7 @@ export const useSmartCardActions = (id, url, analytics) => {
   };
   const hasAuthFlowSupported = config.authFlow !== 'disabled';
   const hasData = !!(details && details.data);
-  const handleResolvedLinkError = useCallback((url, error) => {
+  const handleResolvedLinkError = useCallback((url, error, response) => {
     if (error.kind === 'fatal') {
       // If there's no previous data in the store for this URL, then bail
       // out and let the editor handle fallbacks (returns to a blue link).
@@ -56,7 +56,7 @@ export const useSmartCardActions = (id, url, analytics) => {
         // Fallback to blue link with smart link formatting. Not part of reliability.
         dispatch(cardAction(ACTION_ERROR_FALLBACK, {
           url
-        }, undefined, error));
+        }, response, error));
       } else {
         // Fallback to blue link with smart link formatting. Part of reliability.
         dispatch(cardAction(ACTION_ERROR, {
@@ -71,7 +71,7 @@ export const useSmartCardActions = (id, url, analytics) => {
     // throw an error and render as a normal blue link.
 
     if ((nextStatus === 'unauthorized' || nextStatus === 'forbidden') && !hasAuthFlowSupported) {
-      handleResolvedLinkError(resourceUrl, new APIError('fallback', hostname, ERROR_MESSAGE_OAUTH));
+      handleResolvedLinkError(resourceUrl, new APIError('fallback', hostname, ERROR_MESSAGE_OAUTH), response);
       return;
     } // Handle any other errors
 

package/dist/es2019/version.json

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

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

@@ -129,7 +129,8 @@ const Action = ({
     }, content);
   } else {
     return jsx(Tooltip, {
-      content: tooltipMessage
+      content: tooltipMessage,
+      testId: `${testId}-tooltip`
     }, jsx("div", {
       css: [getButtonStyle(size, iconOnly), overrideCss],
       "data-testid": `${testId}-button-wrapper`

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

@@ -20,7 +20,7 @@ const actionMappings = {
       icon: /*#__PURE__*/React.createElement(CrossIcon, {
         label: "Delete"
       }),
-      toolTipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.delete)
+      tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.delete)
     }
   },
   [ActionName.EditAction]: {
@@ -31,7 +31,7 @@ const actionMappings = {
       icon: /*#__PURE__*/React.createElement(EditIcon, {
         label: "Edit"
       }),
-      toolTipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.edit)
+      tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.edit)
     }
   }
 };

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

@@ -1,8 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
+import { FormattedMessage } from 'react-intl-next';
 import { css, jsx } from '@emotion/core';
 import ButtonGroup from '@atlaskit/button/button-group';
+import Tooltip from '@atlaskit/tooltip';
 import { renderActionItems } from '../utils';
 import DropdownMenu from '@atlaskit/dropdown-menu';
 import { SmartLinkSize } from '../../../../../constants';
@@ -10,6 +12,7 @@ import Button from '@atlaskit/button/standard-button';
 import MoreIcon from '@atlaskit/icon/glyph/more';
 import { sizeToSpacing } from '../../actions/action';
 import { tokens } from '../../../../../utils/token';
+import { messages } from '../../../../../messages';
 const styles = css`
   display: inline-flex;
   line-height: 1rem;
@@ -39,7 +42,8 @@ const ActionGroup = ({
   size = SmartLinkSize.Medium,
   appearance,
   visibleButtonsNum = 2,
-  onDropdownOpenChange
+  onDropdownOpenChange,
+  testId
 }) => {
   const isMoreThenTwoItems = items.length > visibleButtonsNum;
   const firstActions = isMoreThenTwoItems ? items.slice(0, visibleButtonsNum - 1) : items;
@@ -54,14 +58,18 @@ const ActionGroup = ({
     trigger: ({
       triggerRef,
       ...props
-    }) => jsx(Button, _extends({}, props, {
+    }) => jsx(Tooltip, {
+      content: jsx(FormattedMessage, messages.more_actions),
+      testId: "action-group-more-button-tooltip",
+      tag: "span"
+    }, jsx(Button, _extends({}, props, {
       spacing: sizeToSpacing[size],
       testId: "action-group-more-button",
       iconBefore: jsx(MoreIcon, {
         label: "more"
       }),
       ref: triggerRef
-    }))
+    })))
   }, renderActionItems(restActions, size, appearance, true)) : null));
 };
 

package/dist/esm/messages.js

@@ -60,6 +60,11 @@ export var messages = defineMessages({
     defaultMessage: 'Updated on {context}',
     description: 'Indicated when entity was modified (absolute form)'
   },
+  more_actions: {
+    id: 'fabric.linking.more_actions',
+    defaultMessage: 'More actions',
+    description: 'Allows the users to see more link actions'
+  },
   priority_blocker: {
     id: 'fabric.linking.priority_blocker',
     defaultMessage: 'Blocker',

package/dist/esm/ssr.js

@@ -1,9 +1,16 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+
+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; }
+
+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) { _defineProperty(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; }
+
 import React from 'react';
 import { useState } from 'react';
 import uuid from 'uuid';
+import { ErrorBoundary } from 'react-error-boundary';
 import { CardWithUrlContent } from './view/CardWithUrl/component';
+import { LoadingCardLink } from './view/CardWithUrl/component-lazy/LazyFallback';
 // SSR friendly version of smart-card
 // simplifies the logic around rendering and loading placeholders and
 // only contains whats necessary to render the card on SSR mode
@@ -17,8 +24,14 @@ export var CardSSR = function CardSSR(props) {
   var dispatchAnalytics = function dispatchAnalytics() {}; // we can't dispatch events on SSR, after hydration the we will provide the real callback
 
 
-  return /*#__PURE__*/React.createElement(CardWithUrlContent, _extends({}, props, {
+  var cardProps = _objectSpread(_objectSpread({}, props), {}, {
     id: id,
     dispatchAnalytics: dispatchAnalytics
-  }));
+  });
+
+  return /*#__PURE__*/React.createElement(ErrorBoundary, {
+    FallbackComponent: function FallbackComponent() {
+      return /*#__PURE__*/React.createElement(LoadingCardLink, cardProps);
+    }
+  }, /*#__PURE__*/React.createElement(CardWithUrlContent, cardProps));
 };

package/dist/esm/state/actions/index.js

@@ -1,5 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useMemo, useCallback } from 'react';
 import { auth } from '@atlaskit/outbound-auth-flow-client';
 import { APIError } from '@atlaskit/linking-common';
@@ -28,7 +28,7 @@ export var useSmartCardActions = function useSmartCardActions(id, url, analytics
 
   var hasAuthFlowSupported = config.authFlow !== 'disabled';
   var hasData = !!(details && details.data);
-  var handleResolvedLinkError = useCallback(function (url, error) {
+  var handleResolvedLinkError = useCallback(function (url, error, response) {
     if (error.kind === 'fatal') {
       // If there's no previous data in the store for this URL, then bail
       // out and let the editor handle fallbacks (returns to a blue link).
@@ -57,7 +57,7 @@ export var useSmartCardActions = function useSmartCardActions(id, url, analytics
         // Fallback to blue link with smart link formatting. Not part of reliability.
         dispatch(cardAction(ACTION_ERROR_FALLBACK, {
           url: url
-        }, undefined, error));
+        }, response, error));
       } else {
         // Fallback to blue link with smart link formatting. Part of reliability.
         dispatch(cardAction(ACTION_ERROR, {
@@ -72,7 +72,7 @@ export var useSmartCardActions = function useSmartCardActions(id, url, analytics
     // throw an error and render as a normal blue link.
 
     if ((nextStatus === 'unauthorized' || nextStatus === 'forbidden') && !hasAuthFlowSupported) {
-      handleResolvedLinkError(resourceUrl, new APIError('fallback', hostname, ERROR_MESSAGE_OAUTH));
+      handleResolvedLinkError(resourceUrl, new APIError('fallback', hostname, ERROR_MESSAGE_OAUTH), response);
       return;
     } // Handle any other errors
 

package/dist/esm/state/hooks/usePrefetch.js

@@ -1,5 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback } from 'react';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 export function usePrefetch(url) {

package/dist/esm/utils/mocks.js

@@ -1,10 +1,10 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 

package/dist/esm/version.json

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

package/dist/esm/view/BlockCard/actions/DownloadAction.js

@@ -1,5 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { downloadUrl } from '@atlaskit/media-common';

package/dist/esm/view/BlockCard/actions/PreviewAction.js

@@ -1,10 +1,10 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 var _excluded = ["popupMountPointId", "onClose"],
     _excluded2 = ["details"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 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; }
 

package/dist/esm/view/BlockCard/actions/RetryAction.js

@@ -1,5 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui/messages';

package/dist/esm/view/BlockCard/actions/ViewAction.js

@@ -1,5 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui/messages';

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

@@ -107,7 +107,8 @@ var Action = function Action(_ref2) {
     }, content);
   } else {
     return jsx(Tooltip, {
-      content: tooltipMessage
+      content: tooltipMessage,
+      testId: "".concat(testId, "-tooltip")
     }, jsx("div", {
       css: [getButtonStyle(size, iconOnly), overrideCss],
       "data-testid": "".concat(testId, "-button-wrapper")

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

@@ -26,7 +26,7 @@ var actionMappings = (_actionMappings = {}, _defineProperty(_actionMappings, Act
     icon: /*#__PURE__*/React.createElement(CrossIcon, {
       label: "Delete"
     }),
-    toolTipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.delete)
+    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.delete)
   }
 }), _defineProperty(_actionMappings, ActionName.EditAction, {
   component: Action,
@@ -36,7 +36,7 @@ var actionMappings = (_actionMappings = {}, _defineProperty(_actionMappings, Act
     icon: /*#__PURE__*/React.createElement(EditIcon, {
       label: "Edit"
     }),
-    toolTipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.edit)
+    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.edit)
   }
 }), _actionMappings);
 

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

@@ -6,8 +6,10 @@ var _excluded = ["triggerRef"];
 var _templateObject;
 
 /** @jsx jsx */
+import { FormattedMessage } from 'react-intl-next';
 import { css, jsx } from '@emotion/core';
 import ButtonGroup from '@atlaskit/button/button-group';
+import Tooltip from '@atlaskit/tooltip';
 import { renderActionItems } from '../utils';
 import DropdownMenu from '@atlaskit/dropdown-menu';
 import { SmartLinkSize } from '../../../../../constants';
@@ -15,6 +17,7 @@ import Button from '@atlaskit/button/standard-button';
 import MoreIcon from '@atlaskit/icon/glyph/more';
 import { sizeToSpacing } from '../../actions/action';
 import { tokens } from '../../../../../utils/token';
+import { messages } from '../../../../../messages';
 var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  line-height: 1rem;\n  > div {\n    align-items: center;\n    button:focus {\n      // AK button removes the default browser outline on focus and apply\n      // box-shadow styling to create the outline appearance.\n      // Due to our container elements (Container/Block/ElementGroup) has\n      // overflow hidden to prevent the metadata element from leaking outside\n      // of its container, the box-shadow doesn't show properly.\n      // Invert the AK box-shadow styling.\n      box-shadow: inset 0 0 0 2px ", ";\n    }\n  }\n"])), tokens.focus);
 /**
  * Creates a group of Action components. Accepts an array of Actions, in addition to some styling
@@ -32,7 +35,8 @@ var ActionGroup = function ActionGroup(_ref) {
       appearance = _ref.appearance,
       _ref$visibleButtonsNu = _ref.visibleButtonsNum,
       visibleButtonsNum = _ref$visibleButtonsNu === void 0 ? 2 : _ref$visibleButtonsNu,
-      onDropdownOpenChange = _ref.onDropdownOpenChange;
+      onDropdownOpenChange = _ref.onDropdownOpenChange,
+      testId = _ref.testId;
   var isMoreThenTwoItems = items.length > visibleButtonsNum;
   var firstActions = isMoreThenTwoItems ? items.slice(0, visibleButtonsNum - 1) : items;
   var restActions = isMoreThenTwoItems ? items.slice(visibleButtonsNum - 1) : [];
@@ -48,14 +52,18 @@ var ActionGroup = function ActionGroup(_ref) {
       var triggerRef = _ref3.triggerRef,
           props = _objectWithoutProperties(_ref3, _excluded);
 
-      return jsx(Button, _extends({}, props, {
+      return jsx(Tooltip, {
+        content: jsx(FormattedMessage, messages.more_actions),
+        testId: "action-group-more-button-tooltip",
+        tag: "span"
+      }, jsx(Button, _extends({}, props, {
         spacing: sizeToSpacing[size],
         testId: "action-group-more-button",
         iconBefore: jsx(MoreIcon, {
           label: "more"
         }),
         ref: triggerRef
-      }));
+      })));
     }
   }, renderActionItems(restActions, size, appearance, true)) : null));
 };

package/dist/types/messages.d.ts

@@ -1,5 +1,5 @@
 import { MessageDescriptor } from 'react-intl-next';
-export declare type MessageKey = 'cannot_find_link' | 'click_to_join' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'delete' | 'edit' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'restricted_link' | 'request_access' | 'request_denied';
+export declare type MessageKey = 'cannot_find_link' | 'click_to_join' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'delete' | 'edit' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'restricted_link' | 'request_access' | 'request_denied';
 declare type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

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

@@ -41,6 +41,7 @@ export declare type ElementItem = {
     name: ElementName.AuthorGroup | ElementName.CollaboratorGroup | ElementName.CommentCount | ElementName.CreatedBy | ElementName.CreatedOn | ElementName.ModifiedBy | ElementName.ModifiedOn | ElementName.Priority | ElementName.ProgrammingLanguage | ElementName.Provider | ElementName.ReactCount | ElementName.State | ElementName.SubscriberCount | ElementName.ViewCount | ElementName.VoteCount;
     /**
      * The size of the element to render.
+     * The elements that support sizing are AuthorGroup and CollaboratorGroup.
      */
     size?: SmartLinkSize;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "19.1.3",
+  "version": "19.1.6",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -59,7 +59,7 @@
     "uuid": "^3.1.0"
   },
   "peerDependencies": {
-    "@atlaskit/link-provider": "^1.0.0",
+    "@atlaskit/link-provider": "^1.0.1",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1"
@@ -81,6 +81,7 @@
     "@atlaskit/section-message": "^6.1.5",
     "@atlaskit/select": "^15.2.0",
     "@atlaskit/table-tree": "^9.1.0",
+    "@atlaskit/tabs": "^13.2.10",
     "@atlaskit/textarea": "^4.3.0",
     "@atlaskit/textfield": "^5.1.0",
     "@atlaskit/visual-regression": "*",

package/docs-helpers/flexible-ui-action-item.tsx

@@ -1,6 +0,0 @@
-import { BaseActionItem } from '../src/view/FlexibleCard/components/blocks/types';
-
-/**
- * Hack to display Flexible UI `ActionItem` for documentation purpose.
- */
-export default (props: BaseActionItem) => null;

package/docs-helpers/flexible-ui-actions-prop.tsx

@@ -1,6 +0,0 @@
-import { BaseActionItem } from '../src/view/FlexibleCard/components/blocks/types';
-
-/**
- * Hack to display Flexible UI `actions` prop for documentation purpose.
- */
-export default (props: { actions?: BaseActionItem[] }) => null;

package/docs-helpers/flexible-ui-element-item.tsx

@@ -1,6 +0,0 @@
-import { ElementItem } from '../src/view/FlexibleCard/components/blocks/types';
-
-/**
- * Hack to display Flexible UI `ElementItem` for documentation purpose.
- */
-export default (props: ElementItem) => null;

package/docs-helpers/flexible-ui-prop.tsx

@@ -1,6 +0,0 @@
-import { FlexibleUiOptions } from '../src/view/FlexibleCard/types';
-
-/**
- * Hack to display Flexible UI `ui` prop in details for documentation purpose.
- */
-export default (props: FlexibleUiOptions) => null;

package/docs-helpers/flexible-ui.tsx

@@ -1,28 +0,0 @@
-/** @jsx jsx */
-import { css, jsx } from '@emotion/core';
-import { Prop, Props } from '@atlaskit/docs';
-
-const actionsStyles = css`
-  > div,
-  > div > div {
-    margin-top: 0;
-  }
-  h3 {
-    display: none;
-  }
-`;
-
-const actionsProps = (
-  <Props
-    heading=""
-    props={require('!!extract-react-types-loader!../docs-helpers/flexible-ui-actions-prop')}
-  />
-);
-
-export const overrideActionsProps = (props: Object) => (
-  <Prop
-    {...props}
-    shapeComponent={() => <div css={actionsStyles}>{actionsProps}</div>}
-    type="arrayType"
-  />
-);