@atlaskit/smart-card 26.62.0 → 26.62.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/smart-card
 
+## 26.62.1
+
+### Patch Changes
+
+-   [#98616](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98616)
+    [`0d489a075749`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0d489a075749) -
+    [ux] Update PreviewAction button to reuse media-service actual-size icon
+-   Updated dependencies
+
 ## 26.62.0
 
 ### Minor Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.62.0"
+  packageVersion: "26.62.1"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -12,6 +12,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _vidFullScreenOn = _interopRequireDefault(require("@atlaskit/icon/glyph/vid-full-screen-on"));
+var _actualSize = _interopRequireDefault(require("@atlaskit/icon/glyph/media-services/actual-size"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _constants = require("../../../../../constants");
@@ -20,7 +21,6 @@ var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _useInvokeClientAction = _interopRequireDefault(require("../../../../../state/hooks/use-invoke-client-action"));
 var _utils = require("../../utils");
 var _action = _interopRequireDefault(require("../action"));
-var _previewIcon = _interopRequireDefault(require("./preview-icon"));
 var _excluded = ["onClick"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -72,7 +72,7 @@ var PreviewAction = function PreviewAction(_ref) {
     }
   }, [analytics, data, invoke, onClickCallback]);
   var isStackItem = props.as === 'stack-item';
-  var Icon = isStackItem ? _previewIcon.default : _vidFullScreenOn.default;
+  var Icon = isStackItem ? _actualSize.default : _vidFullScreenOn.default;
   var tooltipMessage = isStackItem ? _messages.messages.preview_description : _messages.messages.preview_improved;
   return data ? /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
     content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_improved),

package/dist/cjs/view/LinkUrl/index.js

@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.62.0",
+  packageVersion: "26.62.1",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.62.0"
+  packageVersion: "26.62.1"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import VidFullScreenOnIcon from '@atlaskit/icon/glyph/vid-full-screen-on';
+import MediaServicesActualSizeIcon from '@atlaskit/icon/glyph/media-services/actual-size';
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../../constants';
@@ -8,7 +9,6 @@ import { useFlexibleUiAnalyticsContext, useFlexibleUiContext } from '../../../..
 import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-action';
 import { openEmbedModalWithFlexibleUiIcon } from '../../utils';
 import Action from '../action';
-import PreviewIcon from './preview-icon';
 const PreviewAction = ({
   onClick: onClickCallback,
   ...props
@@ -41,7 +41,7 @@ const PreviewAction = ({
     }
   }, [analytics, data, invoke, onClickCallback]);
   const isStackItem = props.as === 'stack-item';
-  const Icon = isStackItem ? PreviewIcon : VidFullScreenOnIcon;
+  const Icon = isStackItem ? MediaServicesActualSizeIcon : VidFullScreenOnIcon;
   const tooltipMessage = isStackItem ? messages.preview_description : messages.preview_improved;
   return data ? /*#__PURE__*/React.createElement(Action, _extends({
     content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_improved),

package/dist/es2019/view/LinkUrl/index.js

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.62.0",
+  packageVersion: "26.62.1",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.62.0"
+  packageVersion: "26.62.1"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -7,6 +7,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import VidFullScreenOnIcon from '@atlaskit/icon/glyph/vid-full-screen-on';
+import MediaServicesActualSizeIcon from '@atlaskit/icon/glyph/media-services/actual-size';
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../../constants';
@@ -15,7 +16,6 @@ import { useFlexibleUiAnalyticsContext, useFlexibleUiContext } from '../../../..
 import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-action';
 import { openEmbedModalWithFlexibleUiIcon } from '../../utils';
 import Action from '../action';
-import PreviewIcon from './preview-icon';
 var PreviewAction = function PreviewAction(_ref) {
   var _context$actions;
   var onClickCallback = _ref.onClick,
@@ -62,7 +62,7 @@ var PreviewAction = function PreviewAction(_ref) {
     }
   }, [analytics, data, invoke, onClickCallback]);
   var isStackItem = props.as === 'stack-item';
-  var Icon = isStackItem ? PreviewIcon : VidFullScreenOnIcon;
+  var Icon = isStackItem ? MediaServicesActualSizeIcon : VidFullScreenOnIcon;
   var tooltipMessage = isStackItem ? messages.preview_description : messages.preview_improved;
   return data ? /*#__PURE__*/React.createElement(Action, _extends({
     content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_improved),

package/dist/esm/view/LinkUrl/index.js

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.62.0",
+  packageVersion: "26.62.1",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.62.0",
+  "version": "26.62.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
   "dependencies": {
     "@atlaskit/analytics-gas-types": "^5.1.0",
     "@atlaskit/analytics-next": "^9.3.0",
-    "@atlaskit/avatar": "^21.7.0",
+    "@atlaskit/avatar": "^21.8.0",
     "@atlaskit/avatar-group": "^9.6.0",
     "@atlaskit/badge": "^16.1.0",
     "@atlaskit/button": "^17.14.0",
@@ -54,8 +54,8 @@
     "@atlaskit/popup": "^1.17.0",
     "@atlaskit/primitives": "^6.1.0",
     "@atlaskit/spinner": "^16.1.0",
-    "@atlaskit/theme": "^12.7.0",
-    "@atlaskit/tokens": "^1.45.0",
+    "@atlaskit/theme": "^12.8.0",
+    "@atlaskit/tokens": "^1.46.0",
     "@atlaskit/tooltip": "^18.3.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",

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

@@ -1,19 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _expand = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/expand"));
-var _primitives = require("@atlaskit/primitives");
-var _react = _interopRequireDefault(require("react"));
-var iconStyles = (0, _primitives.xcss)({
-  transform: 'rotate(-45deg)'
-});
-var PreviewIcon = function PreviewIcon(props) {
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: iconStyles
-  }, /*#__PURE__*/_react.default.createElement(_expand.default, props));
-};
-var _default = exports.default = PreviewIcon;

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

@@ -1,10 +0,0 @@
-import EditorExpandIcon from '@atlaskit/icon/glyph/editor/expand';
-import { Box, xcss } from '@atlaskit/primitives';
-import React from 'react';
-const iconStyles = xcss({
-  transform: 'rotate(-45deg)'
-});
-const PreviewIcon = props => /*#__PURE__*/React.createElement(Box, {
-  xcss: iconStyles
-}, /*#__PURE__*/React.createElement(EditorExpandIcon, props));
-export default PreviewIcon;

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

@@ -1,12 +0,0 @@
-import EditorExpandIcon from '@atlaskit/icon/glyph/editor/expand';
-import { Box, xcss } from '@atlaskit/primitives';
-import React from 'react';
-var iconStyles = xcss({
-  transform: 'rotate(-45deg)'
-});
-var PreviewIcon = function PreviewIcon(props) {
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: iconStyles
-  }, /*#__PURE__*/React.createElement(EditorExpandIcon, props));
-};
-export default PreviewIcon;

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

@@ -1,4 +0,0 @@
-import type { GlyphProps } from '@atlaskit/icon';
-import React from 'react';
-declare const PreviewIcon: React.FC<GlyphProps>;
-export default PreviewIcon;

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

@@ -1,4 +0,0 @@
-import type { GlyphProps } from '@atlaskit/icon';
-import React from 'react';
-declare const PreviewIcon: React.FC<GlyphProps>;
-export default PreviewIcon;