@atlaskit/editor-plugin-date 23.0.3 → 23.0.4

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @atlaskit/editor-plugin-date
 
+## 23.0.4
+
+### Patch Changes
+
+- [`a034f535638cc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a034f535638cc) -
+  Add structured Quick Insert previews with localised title, description and attribution under
+  platform_editor_slash_command.
+
+  Exclude footer and category navigation actions from previews. Left-align attribution, use subtle
+  title and attribution text, and default description text.
+
+  Show text previews even without preview metadata, and reserve a fixed image area while images load
+  or when they fail. Keep previews within the viewport, flipping left when needed, with compact
+  panel dimensions and typography.
+
+  Replace baked panel screenshots with image-only assets. Remove image fields from text-only legacy
+  previews while preserving their attribution.
+
+  Let extension providers own their preview images and attribution. Pass preview metadata through
+  the Company Hub manifest factory and remove Editor's fallback preview registry.
+
+  Localize provider attribution names and display Confluence and Jira product icons instead of the
+  attribution prefix when an icon is present. Allow the Dropbox manifest to receive the host's
+  message formatter.
+
+- Updated dependencies
+
 ## 23.0.3
 
 ### Patch Changes

package/dist/cjs/ui/quick-insert/DateQuickInsertMenuItem.js

@@ -11,6 +11,7 @@ var _reactIntl = require("react-intl");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("@atlaskit/editor-common/messages");
 var _menuItem = require("@atlaskit/editor-common/quick-insert/menu-item");
+var _messages2 = require("@atlaskit/editor-common/quick-insert/messages");
 var _calendar = _interopRequireDefault(require("@atlaskit/icon/core/calendar"));
 var _actions = require("../../pm-plugins/actions");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -19,6 +20,14 @@ var DateQuickInsertMenuItem = exports.DateQuickInsertMenuItem = function DateQui
     previewImageUrls = _ref.previewImageUrls;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
+  var preview = (0, _react.useMemo)(function () {
+    return previewImageUrls ? {
+      image: previewImageUrls,
+      attribution: {
+        name: formatMessage(_messages2.messages.previewAttributionAtlassian)
+      }
+    } : undefined;
+  }, [formatMessage, previewImageUrls]);
   var onSelect = (0, _react.useCallback)(function (_ref2) {
     var _api$analytics, _api$analytics$attach;
     var insert = _ref2.insert,
@@ -36,11 +45,12 @@ var DateQuickInsertMenuItem = exports.DateQuickInsertMenuItem = function DateQui
     return tr;
   }, [api]);
   return /*#__PURE__*/_react.default.createElement(_menuItem.QuickInsertMenuItem, {
+    description: formatMessage(_messages.toolbarInsertBlockMessages.dateDescription),
     iconBefore: /*#__PURE__*/_react.default.createElement(_calendar.default, {
       label: ""
     }),
     onSelect: onSelect,
-    previewImageUrls: previewImageUrls,
+    preview: preview,
     shortcut: "//",
     title: formatMessage(_messages.toolbarInsertBlockMessages.date)
   });

package/dist/cjs/ui/quick-insert/getDateQuickInsertComponents.js

@@ -12,8 +12,8 @@ var _keys = require("@atlaskit/editor-common/quick-insert/keys");
 var _rank = require("@atlaskit/editor-common/quick-insert/rank");
 var _DateQuickInsertMenuItem = require("./DateQuickInsertMenuItem");
 var previewImageUrls = {
-  light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/sme6e06rf6210v8e46a8ak5mqeww0666.png',
-  dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/24247c44u75a5hq2xv203x2k526olp03.png'
+  light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVNK.png',
+  dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVJO.png'
 };
 var getDateQuickInsertComponents = exports.getDateQuickInsertComponents = function getDateQuickInsertComponents(_ref) {
   var api = _ref.api;

package/dist/es2019/ui/quick-insert/DateQuickInsertMenuItem.js

@@ -1,8 +1,9 @@
-import React, { useCallback } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { useIntl } from 'react-intl';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
+import { messages as quickInsertMessages } from '@atlaskit/editor-common/quick-insert/messages';
 import CalendarIcon from '@atlaskit/icon/core/calendar';
 import { createDateAtTransaction } from '../../pm-plugins/actions';
 export const DateQuickInsertMenuItem = ({
@@ -12,6 +13,12 @@ export const DateQuickInsertMenuItem = ({
   const {
     formatMessage
   } = useIntl();
+  const preview = useMemo(() => previewImageUrls ? {
+    image: previewImageUrls,
+    attribution: {
+      name: formatMessage(quickInsertMessages.previewAttributionAtlassian)
+    }
+  } : undefined, [formatMessage, previewImageUrls]);
   const onSelect = useCallback(({
     insert,
     source
@@ -30,11 +37,12 @@ export const DateQuickInsertMenuItem = ({
     return tr;
   }, [api]);
   return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
+    description: formatMessage(messages.dateDescription),
     iconBefore: /*#__PURE__*/React.createElement(CalendarIcon, {
       label: ""
     }),
     onSelect: onSelect,
-    previewImageUrls: previewImageUrls,
+    preview: preview,
     shortcut: "//",
     title: formatMessage(messages.date)
   });

package/dist/es2019/ui/quick-insert/getDateQuickInsertComponents.js

@@ -5,8 +5,8 @@ import { DATE_MENU_ITEM, STRUCTURE_SECTION } from '@atlaskit/editor-common/quick
 import { STRUCTURE_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
 import { DateQuickInsertMenuItem } from './DateQuickInsertMenuItem';
 const previewImageUrls = {
-  light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/sme6e06rf6210v8e46a8ak5mqeww0666.png',
-  dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/24247c44u75a5hq2xv203x2k526olp03.png'
+  light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVNK.png',
+  dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVJO.png'
 };
 export const getDateQuickInsertComponents = ({
   api

package/dist/esm/ui/quick-insert/DateQuickInsertMenuItem.js

@@ -1,8 +1,9 @@
-import React, { useCallback } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { useIntl } from 'react-intl';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
+import { messages as quickInsertMessages } from '@atlaskit/editor-common/quick-insert/messages';
 import CalendarIcon from '@atlaskit/icon/core/calendar';
 import { createDateAtTransaction } from '../../pm-plugins/actions';
 export var DateQuickInsertMenuItem = function DateQuickInsertMenuItem(_ref) {
@@ -10,6 +11,14 @@ export var DateQuickInsertMenuItem = function DateQuickInsertMenuItem(_ref) {
     previewImageUrls = _ref.previewImageUrls;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
+  var preview = useMemo(function () {
+    return previewImageUrls ? {
+      image: previewImageUrls,
+      attribution: {
+        name: formatMessage(quickInsertMessages.previewAttributionAtlassian)
+      }
+    } : undefined;
+  }, [formatMessage, previewImageUrls]);
   var onSelect = useCallback(function (_ref2) {
     var _api$analytics, _api$analytics$attach;
     var insert = _ref2.insert,
@@ -27,11 +36,12 @@ export var DateQuickInsertMenuItem = function DateQuickInsertMenuItem(_ref) {
     return tr;
   }, [api]);
   return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
+    description: formatMessage(messages.dateDescription),
     iconBefore: /*#__PURE__*/React.createElement(CalendarIcon, {
       label: ""
     }),
     onSelect: onSelect,
-    previewImageUrls: previewImageUrls,
+    preview: preview,
     shortcut: "//",
     title: formatMessage(messages.date)
   });

package/dist/esm/ui/quick-insert/getDateQuickInsertComponents.js

@@ -5,8 +5,8 @@ import { DATE_MENU_ITEM, STRUCTURE_SECTION } from '@atlaskit/editor-common/quick
 import { STRUCTURE_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
 import { DateQuickInsertMenuItem } from './DateQuickInsertMenuItem';
 var previewImageUrls = {
-  light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/sme6e06rf6210v8e46a8ak5mqeww0666.png',
-  dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/24247c44u75a5hq2xv203x2k526olp03.png'
+  light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVNK.png',
+  dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVJO.png'
 };
 export var getDateQuickInsertComponents = function getDateQuickInsertComponents(_ref) {
   var api = _ref.api;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-date",
-	"version": "23.0.3",
+	"version": "23.0.4",
 	"description": "Date plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -38,7 +38,7 @@
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/textfield": "^10.2.0",
-		"@atlaskit/tmp-editor-statsig": "^208.0.0",
+		"@atlaskit/tmp-editor-statsig": "^209.0.0",
 		"@atlaskit/tokens": "^20.0.0",
 		"@atlaskit/visually-hidden": "^4.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -54,7 +54,7 @@
 		"react-intl": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^125.2.0",
+		"@atlaskit/editor-common": "^125.4.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"