@atlaskit/smart-card 34.10.2 → 34.10.3

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/smart-card
 
+## 34.10.3
+
+### Patch Changes
+
+- [#110748](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110748)
+  [`a3f7f14d75b3c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a3f7f14d75b3c) -
+  [ux] Update inline card icons
+- Updated dependencies
+
 ## 34.10.2
 
 ### Patch Changes

package/dist/cjs/extractors/common/icon/extractIconFromDocument.js

@@ -12,10 +12,64 @@ var _3 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/presenta
 var _4 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/spreadsheet/16"));
 var _pageLiveDoc = _interopRequireDefault(require("@atlaskit/icon-lab/core/page-live-doc"));
 var _5 = _interopRequireDefault(require("@atlaskit/icon-object/glyph/blog/16"));
+var _fileDocumentFilled = _interopRequireDefault(require("@atlaskit/icon/core/migration/file--document-filled"));
 var _pageDocumentFilled = _interopRequireDefault(require("@atlaskit/icon/core/migration/page--document-filled"));
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _blogIcon = _interopRequireDefault(require("../../../common/ui/icons/blog-icon"));
+var _chartBarIcon = _interopRequireDefault(require("../../../common/ui/icons/chart-bar-icon"));
+var _fileIcon = _interopRequireDefault(require("../../../common/ui/icons/file-icon"));
+var _listBulletIcon = _interopRequireDefault(require("../../../common/ui/icons/list-bullet-icon"));
+var _pageIcon = _interopRequireDefault(require("../../../common/ui/icons/page-icon"));
 var _utils = require("../../../utils");
 var _prioritiseIcon = require("./prioritiseIcon");
+// TODO Delete this and rename BlogIconNew to BlogIcon when cleaning platform-smart-card-icon-migration
+var BlogIcon = function BlogIcon(props) {
+  if ((0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/_react.default.createElement(_blogIcon.default, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_5.default, props);
+};
+
+// TODO Delete this and rename FileIconNew to FileIcon when cleaning platform-smart-card-icon-migration
+var FileIcon = function FileIcon(props) {
+  if ((0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/_react.default.createElement(_fileIcon.default, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_2.default, props);
+};
+
+// TODO Delete this and rename DocumentIconNew to DocumentIcon when cleaning platform-smart-card-icon-migration
+var DocumentIcon = function DocumentIcon(props) {
+  if ((0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/_react.default.createElement(_pageIcon.default, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_.default, props);
+};
+
+// TODO Delete this and rename PresentationIconNew to PresentationIcon when cleaning platform-smart-card-icon-migration
+var PresentationIcon = function PresentationIcon(props) {
+  if ((0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/_react.default.createElement(_chartBarIcon.default, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_3.default, props);
+};
+
+// TODO Delete this and rename SpreadsheetIconNew to SpreadsheetIcon when cleaning platform-smart-card-icon-migration
+var SpreadsheetIcon = function SpreadsheetIcon(props) {
+  if ((0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/_react.default.createElement(_listBulletIcon.default, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_4.default, props);
+};
+
+// TODO Delete this and rename DocumentFilledIconNew to DocumentFilledIcon when cleaning platform-smart-card-icon-migration
+var DocumentFilledIcon = function DocumentFilledIcon(props) {
+  if ((0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/_react.default.createElement(_fileDocumentFilled.default, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_pageDocumentFilled.default, props);
+};
 /**
  * Extracts an icon for a document pbject
  *
@@ -42,35 +96,35 @@ var documentFileFormatToIcon = function documentFileFormatToIcon(opts) {
 var documentTypeToIcon = function documentTypeToIcon(type, opts) {
   switch (type) {
     case 'schema:BlogPosting':
-      return /*#__PURE__*/_react.default.createElement(_5.default, {
+      return /*#__PURE__*/_react.default.createElement(BlogIcon, {
         label: opts.title || 'blog',
         testId: "blog-icon"
       });
     case 'schema:DigitalDocument':
       return digitalDocumentToIcon(opts);
     case 'schema:TextDigitalDocument':
-      return /*#__PURE__*/_react.default.createElement(_.default, {
+      return /*#__PURE__*/_react.default.createElement(DocumentIcon, {
         label: opts.title || 'document',
         testId: "document-icon"
       });
     case 'schema:PresentationDigitalDocument':
-      return /*#__PURE__*/_react.default.createElement(_3.default, {
+      return /*#__PURE__*/_react.default.createElement(PresentationIcon, {
         label: opts.title || 'presentation',
         testId: "presentation-icon"
       });
     case 'schema:SpreadsheetDigitalDocument':
-      return /*#__PURE__*/_react.default.createElement(_4.default, {
+      return /*#__PURE__*/_react.default.createElement(SpreadsheetIcon, {
         label: opts.title || 'spreadsheet',
         testId: "spreadsheet-icon"
       });
     case 'atlassian:Template':
-      return /*#__PURE__*/_react.default.createElement(_pageDocumentFilled.default, {
+      return /*#__PURE__*/_react.default.createElement(DocumentFilledIcon, {
         color: "currentColor",
         label: opts.title || 'template',
         testId: "document-filled-icon"
       });
     case 'atlassian:UndefinedLink':
-      return /*#__PURE__*/_react.default.createElement(_.default, {
+      return /*#__PURE__*/_react.default.createElement(DocumentIcon, {
         label: opts.title || 'undefinedLink',
         testId: "document-icon"
       });
@@ -93,7 +147,7 @@ var digitalDocumentToIcon = function digitalDocumentToIcon(opts) {
       testId: "live-doc-icon"
     });
   } else {
-    return /*#__PURE__*/_react.default.createElement(_2.default, {
+    return /*#__PURE__*/_react.default.createElement(FileIcon, {
       label: opts.title || 'file',
       testId: "file-icon"
     });

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

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

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

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

package/dist/es2019/extractors/common/icon/extractIconFromDocument.js

@@ -1,14 +1,69 @@
 import React from 'react';
-import DocumentIcon from '@atlaskit/icon-file-type/glyph/document/16';
-import FileIcon from '@atlaskit/icon-file-type/glyph/generic/16';
-import PresentationIcon from '@atlaskit/icon-file-type/glyph/presentation/16';
-import SpreadsheetIcon from '@atlaskit/icon-file-type/glyph/spreadsheet/16';
+import DocumentIconOld from '@atlaskit/icon-file-type/glyph/document/16';
+import FileIconOld from '@atlaskit/icon-file-type/glyph/generic/16';
+import PresentationIconOld from '@atlaskit/icon-file-type/glyph/presentation/16';
+import SpreadsheetIconOld from '@atlaskit/icon-file-type/glyph/spreadsheet/16';
 import LiveDocumentIcon from '@atlaskit/icon-lab/core/page-live-doc';
-import BlogIcon from '@atlaskit/icon-object/glyph/blog/16';
-import DocumentFilledIcon from '@atlaskit/icon/core/migration/page--document-filled';
+import BlogIconOld from '@atlaskit/icon-object/glyph/blog/16';
+import DocumentFilledIconNew from '@atlaskit/icon/core/migration/file--document-filled';
+import DocumentFilledIconOld from '@atlaskit/icon/core/migration/page--document-filled';
 import { isConfluenceGenerator } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
+import BlogIconNew from '../../../common/ui/icons/blog-icon';
+import PresentationIconNew from '../../../common/ui/icons/chart-bar-icon';
+import FileIconNew from '../../../common/ui/icons/file-icon';
+import SpreadsheetIconNew from '../../../common/ui/icons/list-bullet-icon';
+import DocumentIconNew from '../../../common/ui/icons/page-icon';
 import { getIconForFileType } from '../../../utils';
 import { prioritiseIcon } from './prioritiseIcon';
+
+// TODO Delete this and rename BlogIconNew to BlogIcon when cleaning platform-smart-card-icon-migration
+const BlogIcon = props => {
+  if (fg('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/React.createElement(BlogIconNew, props);
+  }
+  return /*#__PURE__*/React.createElement(BlogIconOld, props);
+};
+
+// TODO Delete this and rename FileIconNew to FileIcon when cleaning platform-smart-card-icon-migration
+const FileIcon = props => {
+  if (fg('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/React.createElement(FileIconNew, props);
+  }
+  return /*#__PURE__*/React.createElement(FileIconOld, props);
+};
+
+// TODO Delete this and rename DocumentIconNew to DocumentIcon when cleaning platform-smart-card-icon-migration
+const DocumentIcon = props => {
+  if (fg('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/React.createElement(DocumentIconNew, props);
+  }
+  return /*#__PURE__*/React.createElement(DocumentIconOld, props);
+};
+
+// TODO Delete this and rename PresentationIconNew to PresentationIcon when cleaning platform-smart-card-icon-migration
+const PresentationIcon = props => {
+  if (fg('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/React.createElement(PresentationIconNew, props);
+  }
+  return /*#__PURE__*/React.createElement(PresentationIconOld, props);
+};
+
+// TODO Delete this and rename SpreadsheetIconNew to SpreadsheetIcon when cleaning platform-smart-card-icon-migration
+const SpreadsheetIcon = props => {
+  if (fg('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/React.createElement(SpreadsheetIconNew, props);
+  }
+  return /*#__PURE__*/React.createElement(SpreadsheetIconOld, props);
+};
+
+// TODO Delete this and rename DocumentFilledIconNew to DocumentFilledIcon when cleaning platform-smart-card-icon-migration
+const DocumentFilledIcon = props => {
+  if (fg('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/React.createElement(DocumentFilledIconNew, props);
+  }
+  return /*#__PURE__*/React.createElement(DocumentFilledIconOld, props);
+};
 /**
  * Extracts an icon for a document pbject
  *

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

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

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

@@ -10,7 +10,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "34.10.2",
+  packageVersion: "34.10.3",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/extractors/common/icon/extractIconFromDocument.js

@@ -1,14 +1,69 @@
 import React from 'react';
-import DocumentIcon from '@atlaskit/icon-file-type/glyph/document/16';
-import FileIcon from '@atlaskit/icon-file-type/glyph/generic/16';
-import PresentationIcon from '@atlaskit/icon-file-type/glyph/presentation/16';
-import SpreadsheetIcon from '@atlaskit/icon-file-type/glyph/spreadsheet/16';
+import DocumentIconOld from '@atlaskit/icon-file-type/glyph/document/16';
+import FileIconOld from '@atlaskit/icon-file-type/glyph/generic/16';
+import PresentationIconOld from '@atlaskit/icon-file-type/glyph/presentation/16';
+import SpreadsheetIconOld from '@atlaskit/icon-file-type/glyph/spreadsheet/16';
 import LiveDocumentIcon from '@atlaskit/icon-lab/core/page-live-doc';
-import BlogIcon from '@atlaskit/icon-object/glyph/blog/16';
-import DocumentFilledIcon from '@atlaskit/icon/core/migration/page--document-filled';
+import BlogIconOld from '@atlaskit/icon-object/glyph/blog/16';
+import DocumentFilledIconNew from '@atlaskit/icon/core/migration/file--document-filled';
+import DocumentFilledIconOld from '@atlaskit/icon/core/migration/page--document-filled';
 import { isConfluenceGenerator } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
+import BlogIconNew from '../../../common/ui/icons/blog-icon';
+import PresentationIconNew from '../../../common/ui/icons/chart-bar-icon';
+import FileIconNew from '../../../common/ui/icons/file-icon';
+import SpreadsheetIconNew from '../../../common/ui/icons/list-bullet-icon';
+import DocumentIconNew from '../../../common/ui/icons/page-icon';
 import { getIconForFileType } from '../../../utils';
 import { prioritiseIcon } from './prioritiseIcon';
+
+// TODO Delete this and rename BlogIconNew to BlogIcon when cleaning platform-smart-card-icon-migration
+var BlogIcon = function BlogIcon(props) {
+  if (fg('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/React.createElement(BlogIconNew, props);
+  }
+  return /*#__PURE__*/React.createElement(BlogIconOld, props);
+};
+
+// TODO Delete this and rename FileIconNew to FileIcon when cleaning platform-smart-card-icon-migration
+var FileIcon = function FileIcon(props) {
+  if (fg('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/React.createElement(FileIconNew, props);
+  }
+  return /*#__PURE__*/React.createElement(FileIconOld, props);
+};
+
+// TODO Delete this and rename DocumentIconNew to DocumentIcon when cleaning platform-smart-card-icon-migration
+var DocumentIcon = function DocumentIcon(props) {
+  if (fg('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/React.createElement(DocumentIconNew, props);
+  }
+  return /*#__PURE__*/React.createElement(DocumentIconOld, props);
+};
+
+// TODO Delete this and rename PresentationIconNew to PresentationIcon when cleaning platform-smart-card-icon-migration
+var PresentationIcon = function PresentationIcon(props) {
+  if (fg('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/React.createElement(PresentationIconNew, props);
+  }
+  return /*#__PURE__*/React.createElement(PresentationIconOld, props);
+};
+
+// TODO Delete this and rename SpreadsheetIconNew to SpreadsheetIcon when cleaning platform-smart-card-icon-migration
+var SpreadsheetIcon = function SpreadsheetIcon(props) {
+  if (fg('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/React.createElement(SpreadsheetIconNew, props);
+  }
+  return /*#__PURE__*/React.createElement(SpreadsheetIconOld, props);
+};
+
+// TODO Delete this and rename DocumentFilledIconNew to DocumentFilledIcon when cleaning platform-smart-card-icon-migration
+var DocumentFilledIcon = function DocumentFilledIcon(props) {
+  if (fg('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/React.createElement(DocumentFilledIconNew, props);
+  }
+  return /*#__PURE__*/React.createElement(DocumentFilledIconOld, props);
+};
 /**
  * Extracts an icon for a document pbject
  *

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

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

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

@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "34.10.2",
+  packageVersion: "34.10.3",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "34.10.2",
+	"version": "34.10.3",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,9 +39,9 @@
 		"@atlaskit/form": "^11.1.0",
 		"@atlaskit/frontend-utilities": "^2.9.0",
 		"@atlaskit/heading": "^4.1.0",
-		"@atlaskit/icon": "^23.6.0",
+		"@atlaskit/icon": "^23.7.0",
 		"@atlaskit/icon-file-type": "^6.9.0",
-		"@atlaskit/icon-lab": "^2.1.0",
+		"@atlaskit/icon-lab": "^2.4.0",
 		"@atlaskit/icon-object": "^6.10.0",
 		"@atlaskit/icon-priority": "^6.3.0",
 		"@atlaskit/legacy-custom-icons": "^0.21.0",
@@ -49,7 +49,7 @@
 		"@atlaskit/link-analytics": "^8.7.0",
 		"@atlaskit/link-client-extension": "^3.1.0",
 		"@atlaskit/link-extractors": "^1.10.0",
-		"@atlaskit/linking-common": "^6.2.0",
+		"@atlaskit/linking-common": "^6.3.0",
 		"@atlaskit/linking-types": "^9.6.0",
 		"@atlaskit/logo": "^15.2.0",
 		"@atlaskit/lozenge": "^11.13.0",