@atlaskit/smart-card 26.14.2 → 26.14.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 26.14.4
+
+### Patch Changes
+
+- [`f6e68d0feb1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f6e68d0feb1) - Update css style for avatar groups in block card
+
+## 26.14.3
+
+### Patch Changes
+
+- [`c5a8ab5629d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c5a8ab5629d) - Refactor view url action
+
 ## 26.14.2
 
 ### Patch Changes

package/dist/cjs/utils/index.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sleep = exports.isSpecialKey = exports.isSpecialEvent = exports.isSpecialClick = exports.isIntersectionObserverSupported = exports.isIframe = exports.isCardWithData = exports.importWithRetry = exports.handleOnClick = exports.getLabelForFileType = exports.getIframeSandboxAttribute = exports.getIconForFileType = void 0;
+exports.sleep = exports.openUrl = exports.isSpecialKey = exports.isSpecialEvent = exports.isSpecialClick = exports.isIntersectionObserverSupported = exports.isIframe = exports.isCardWithData = exports.importWithRetry = exports.handleOnClick = exports.getLabelForFileType = exports.getIframeSandboxAttribute = exports.getIconForFileType = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -397,4 +397,27 @@ var importWithRetry = /*#__PURE__*/function () {
     return _ref.apply(this, arguments);
   };
 }();
-exports.importWithRetry = importWithRetry;
+exports.importWithRetry = importWithRetry;
+var openUrl = /*#__PURE__*/function () {
+  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(url) {
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          if (url) {
+            _context2.next = 2;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 2:
+          window.open(url, '_blank', 'noopener=yes');
+        case 3:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function openUrl(_x2) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+exports.openUrl = openUrl;

package/dist/cjs/version.json

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

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

@@ -5,46 +5,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ViewAction = void 0;
-exports.viewFunction = viewFunction;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("../../../messages");
-function viewFunction(_x) {
-  return _viewFunction.apply(this, arguments);
-}
-function _viewFunction() {
-  _viewFunction = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
-    var url;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          url = _ref.url;
-          if (url) {
-            _context.next = 3;
-            break;
-          }
-          return _context.abrupt("return");
-        case 3:
-          window.open(url, '_blank', 'noopener=yes');
-        case 4:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _viewFunction.apply(this, arguments);
-}
-var ViewAction = function ViewAction(_ref2) {
-  var url = _ref2.url;
+var _utils = require("../../../utils");
+var ViewAction = function ViewAction(_ref) {
+  var url = _ref.url;
   return {
     id: 'view-content',
     text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.view),
     promise: function promise() {
-      return viewFunction({
-        url: url
-      });
+      return (0, _utils.openUrl)(url);
     }
   };
 };

package/dist/cjs/view/BlockCard/views/flexible/styled.js

@@ -9,7 +9,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _templateObject, _templateObject2;
 // in editor prosemirror adds padding-left so we need to overwrite it
-var metadataBlockCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /* primary element group */\n  [data-smart-element-avatar-group] {\n    > ul {\n      padding-left: 0px;\n    }\n  }\n"])));
+var metadataBlockCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /* primary element group */\n  span[data-smart-element-avatar-group] {\n    > ul {\n      padding-left: 0px;\n    }\n  }\n"])));
 exports.metadataBlockCss = metadataBlockCss;
 var titleBlockCss = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  gap: 0.5em;\n"])));
 exports.titleBlockCss = titleBlockCss;

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

@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-exports.viewFunction = viewFunction;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("../index"));
+var _utils = require("../../../../../../utils");
 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; }
 var ViewAction = function ViewAction(props) {
@@ -24,9 +22,7 @@ var ViewAction = function ViewAction(props) {
   if (viewUrl && url) {
     var action = _objectSpread(_objectSpread({}, props), {}, {
       onClick: function onClick() {
-        viewFunction({
-          url: viewUrl
-        });
+        (0, _utils.openUrl)(viewUrl);
         if (_onClick) {
           _onClick();
         }
@@ -41,30 +37,5 @@ var ViewAction = function ViewAction(props) {
     return null;
   }
 };
-function viewFunction(_x) {
-  return _viewFunction.apply(this, arguments);
-}
-function _viewFunction() {
-  _viewFunction = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
-    var url;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          url = _ref.url;
-          if (url) {
-            _context.next = 3;
-            break;
-          }
-          return _context.abrupt("return");
-        case 3:
-          window.open(url, '_blank', 'noopener=yes');
-        case 4:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _viewFunction.apply(this, arguments);
-}
 var _default = ViewAction;
 exports.default = _default;

package/dist/es2019/utils/index.js

@@ -119,4 +119,10 @@ export const importWithRetry = async (importFn, retries = 2, interval = 500) =>
       throw error;
     }
   }
+};
+export const openUrl = async url => {
+  if (!url) {
+    return;
+  }
+  window.open(url, '_blank', 'noopener=yes');
 };

package/dist/es2019/version.json

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

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

@@ -1,20 +1,11 @@
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../messages';
-export async function viewFunction({
-  url
-}) {
-  if (!url) {
-    return;
-  }
-  window.open(url, '_blank', 'noopener=yes');
-}
+import { openUrl } from '../../../utils';
 export const ViewAction = ({
   url
 }) => ({
   id: 'view-content',
   text: /*#__PURE__*/React.createElement(FormattedMessage, messages.view),
-  promise: () => viewFunction({
-    url
-  })
+  promise: () => openUrl(url)
 });

package/dist/es2019/view/BlockCard/views/flexible/styled.js

@@ -3,7 +3,7 @@ import { css } from '@emotion/react';
 // in editor prosemirror adds padding-left so we need to overwrite it
 export const metadataBlockCss = css`
   /* primary element group */
-  [data-smart-element-avatar-group] {
+  span[data-smart-element-avatar-group] {
     > ul {
       padding-left: 0px;
     }

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Action from '../index';
+import { openUrl } from '../../../../../../utils';
 const ViewAction = props => {
   const {
     appearance,
@@ -14,9 +15,7 @@ const ViewAction = props => {
     const action = {
       ...props,
       onClick: () => {
-        viewFunction({
-          url: viewUrl
-        });
+        openUrl(viewUrl);
         if (onClick) {
           onClick();
         }
@@ -31,12 +30,4 @@ const ViewAction = props => {
     return null;
   }
 };
-export async function viewFunction({
-  url
-}) {
-  if (!url) {
-    return;
-  }
-  window.open(url, '_blank', 'noopener=yes');
-}
 export default ViewAction;

package/dist/esm/utils/index.js

@@ -275,4 +275,26 @@ export var importWithRetry = /*#__PURE__*/function () {
   return function importWithRetry(_x) {
     return _ref.apply(this, arguments);
   };
+}();
+export var openUrl = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(url) {
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          if (url) {
+            _context2.next = 2;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 2:
+          window.open(url, '_blank', 'noopener=yes');
+        case 3:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function openUrl(_x2) {
+    return _ref2.apply(this, arguments);
+  };
 }();

package/dist/esm/version.json

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

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

@@ -1,42 +1,14 @@
-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 '../../../messages';
-export function viewFunction(_x) {
-  return _viewFunction.apply(this, arguments);
-}
-function _viewFunction() {
-  _viewFunction = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
-    var url;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          url = _ref.url;
-          if (url) {
-            _context.next = 3;
-            break;
-          }
-          return _context.abrupt("return");
-        case 3:
-          window.open(url, '_blank', 'noopener=yes');
-        case 4:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _viewFunction.apply(this, arguments);
-}
-export var ViewAction = function ViewAction(_ref2) {
-  var url = _ref2.url;
+import { openUrl } from '../../../utils';
+export var ViewAction = function ViewAction(_ref) {
+  var url = _ref.url;
   return {
     id: 'view-content',
     text: /*#__PURE__*/React.createElement(FormattedMessage, messages.view),
     promise: function promise() {
-      return viewFunction({
-        url: url
-      });
+      return openUrl(url);
     }
   };
 };

package/dist/esm/view/BlockCard/views/flexible/styled.js

@@ -3,5 +3,5 @@ var _templateObject, _templateObject2;
 import { css } from '@emotion/react';
 
 // in editor prosemirror adds padding-left so we need to overwrite it
-export var metadataBlockCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* primary element group */\n  [data-smart-element-avatar-group] {\n    > ul {\n      padding-left: 0px;\n    }\n  }\n"])));
+export var metadataBlockCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* primary element group */\n  span[data-smart-element-avatar-group] {\n    > ul {\n      padding-left: 0px;\n    }\n  }\n"])));
 export var titleBlockCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  gap: 0.5em;\n"])));

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

@@ -1,11 +1,10 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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; }
 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 Action from '../index';
+import { openUrl } from '../../../../../../utils';
 var ViewAction = function ViewAction(props) {
   var appearance = props.appearance,
     asDropDownItem = props.asDropDownItem,
@@ -16,9 +15,7 @@ var ViewAction = function ViewAction(props) {
   if (viewUrl && url) {
     var action = _objectSpread(_objectSpread({}, props), {}, {
       onClick: function onClick() {
-        viewFunction({
-          url: viewUrl
-        });
+        openUrl(viewUrl);
         if (_onClick) {
           _onClick();
         }
@@ -33,29 +30,4 @@ var ViewAction = function ViewAction(props) {
     return null;
   }
 };
-export function viewFunction(_x) {
-  return _viewFunction.apply(this, arguments);
-}
-function _viewFunction() {
-  _viewFunction = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
-    var url;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          url = _ref.url;
-          if (url) {
-            _context.next = 3;
-            break;
-          }
-          return _context.abrupt("return");
-        case 3:
-          window.open(url, '_blank', 'noopener=yes');
-        case 4:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _viewFunction.apply(this, arguments);
-}
 export default ViewAction;

package/dist/types/utils/index.d.ts

@@ -21,3 +21,4 @@ export declare const handleOnClick: (handler: Function) => (e: React.BaseSynthet
 export declare const isIntersectionObserverSupported: () => boolean;
 export declare const sleep: (ms: number) => Promise<void>;
 export declare const importWithRetry: <T>(importFn: () => Promise<T>, retries?: number, interval?: number) => Promise<T>;
+export declare const openUrl: (url?: string) => Promise<void>;

package/dist/types/view/BlockCard/actions/ViewAction.d.ts

@@ -1,8 +1,4 @@
 import { ActionProps } from '../components/Action';
-export interface ViewFunctionArg {
-    url?: string;
-}
-export declare function viewFunction({ url }: ViewFunctionArg): Promise<void>;
 export declare const ViewAction: ({ url }: {
     url?: string | undefined;
 }) => ActionProps;

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import { ViewActionProps, ViewFunctionProps } from './types';
+import { ViewActionProps } from './types';
 declare const ViewAction: React.FC<ViewActionProps>;
-export declare function viewFunction({ url }: ViewFunctionProps): Promise<void>;
 export default ViewAction;

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

@@ -3,6 +3,3 @@ export type ViewActionProps = ActionProps & {
     viewUrl?: string;
     url: string;
 };
-export interface ViewFunctionProps {
-    url?: string;
-}

package/dist/types-ts4.5/utils/index.d.ts

@@ -21,3 +21,4 @@ export declare const handleOnClick: (handler: Function) => (e: React.BaseSynthet
 export declare const isIntersectionObserverSupported: () => boolean;
 export declare const sleep: (ms: number) => Promise<void>;
 export declare const importWithRetry: <T>(importFn: () => Promise<T>, retries?: number, interval?: number) => Promise<T>;
+export declare const openUrl: (url?: string) => Promise<void>;

package/dist/types-ts4.5/view/BlockCard/actions/ViewAction.d.ts

@@ -1,8 +1,4 @@
 import { ActionProps } from '../components/Action';
-export interface ViewFunctionArg {
-    url?: string;
-}
-export declare function viewFunction({ url }: ViewFunctionArg): Promise<void>;
 export declare const ViewAction: ({ url }: {
     url?: string | undefined;
 }) => ActionProps;

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import { ViewActionProps, ViewFunctionProps } from './types';
+import { ViewActionProps } from './types';
 declare const ViewAction: React.FC<ViewActionProps>;
-export declare function viewFunction({ url }: ViewFunctionProps): Promise<void>;
 export default ViewAction;

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

@@ -3,6 +3,3 @@ export type ViewActionProps = ActionProps & {
     viewUrl?: string;
     url: string;
 };
-export interface ViewFunctionProps {
-    url?: string;
-}

package/package.json

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