@atlaskit/editor-common 107.12.2 → 107.12.4

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-common
 
+## 107.12.4
+
+### Patch Changes
+
+- [#191381](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/191381)
+  [`efd66bb003bb4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/efd66bb003bb4) -
+  [ux] Show warning on embed option in smart link card appearance dropdown
+
+## 107.12.3
+
+### Patch Changes
+
+- [#185241](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/185241)
+  [`0d1bffce3fedd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0d1bffce3fedd) -
+  [ux] View embed as block card when page width smaller or equal to 600px
+
 ## 107.12.2
 
 ### Patch Changes

package/dist/cjs/card/link-toolbar-dropdown-options.js

@@ -13,7 +13,8 @@ var getDropdownOption = exports.getDropdownOption = function getDropdownOption(i
     selected = _ref.selected,
     appearance = _ref.appearance,
     testId = _ref.testId,
-    tooltip = _ref.tooltip;
+    tooltip = _ref.tooltip,
+    description = _ref.description;
   var _appearancePropsMap = _linkToolbarButtonGroupOptions.appearancePropsMap[appearance !== null && appearance !== void 0 ? appearance : 'url'],
     title = _appearancePropsMap.title,
     Icon = _appearancePropsMap.icon;
@@ -28,6 +29,7 @@ var getDropdownOption = exports.getDropdownOption = function getDropdownOption(i
     disabled: Boolean(disabled),
     testId: testId,
     selected: selected,
-    tooltip: tooltip !== null && tooltip !== void 0 ? tooltip : ''
+    tooltip: tooltip !== null && tooltip !== void 0 ? tooltip : '',
+    description: description
   };
 };

package/dist/cjs/messages/card.js

@@ -96,6 +96,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Display an interactive preview of a link',
     description: 'Description for option to display link as an embedded object.'
   },
+  embedToBlockCardWarning: {
+    id: 'fabric.editor.embedToBlockCardWarning',
+    defaultMessage: 'Displays as a card on small screens',
+    description: 'Warning message to show the user that embed card will be displayed as a block card on small screens.'
+  },
   editDropdownExpandIconLabel: {
     id: 'fabric.editor.editDropdownExpandIconLabel',
     defaultMessage: 'Expand dropdown menu',

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "107.12.1";
+var packageVersion = "107.12.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/react-node-view/index.js

@@ -271,7 +271,7 @@ var ReactNodeView = exports.default = /*#__PURE__*/function () {
     }
   }, {
     key: "viewShouldUpdate",
-    value: function viewShouldUpdate(nextNode, decorations) {
+    value: function viewShouldUpdate(nextNode, _decorations) {
       if (this._viewShouldUpdate) {
         return this._viewShouldUpdate(nextNode);
       }

package/dist/cjs/ui/DropList/index.js

@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.12.1";
+var packageVersion = "107.12.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/es2019/card/link-toolbar-dropdown-options.js

@@ -6,7 +6,8 @@ export const getDropdownOption = (intl, dispatchCommand, {
   selected,
   appearance,
   testId,
-  tooltip
+  tooltip,
+  description
 }) => {
   const {
     title,
@@ -21,6 +22,7 @@ export const getDropdownOption = (intl, dispatchCommand, {
     disabled: Boolean(disabled),
     testId,
     selected,
-    tooltip: tooltip !== null && tooltip !== void 0 ? tooltip : ''
+    tooltip: tooltip !== null && tooltip !== void 0 ? tooltip : '',
+    description
   };
 };

package/dist/es2019/messages/card.js

@@ -90,6 +90,11 @@ export const messages = defineMessages({
     defaultMessage: 'Display an interactive preview of a link',
     description: 'Description for option to display link as an embedded object.'
   },
+  embedToBlockCardWarning: {
+    id: 'fabric.editor.embedToBlockCardWarning',
+    defaultMessage: 'Displays as a card on small screens',
+    description: 'Warning message to show the user that embed card will be displayed as a block card on small screens.'
+  },
   editDropdownExpandIconLabel: {
     id: 'fabric.editor.editDropdownExpandIconLabel',
     defaultMessage: 'Expand dropdown menu',

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "107.12.1";
+const packageVersion = "107.12.3";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/react-node-view/index.js

@@ -222,7 +222,7 @@ export default class ReactNodeView {
     this.renderReactComponent(() => this.render(this.reactComponentProps, this.handleRef));
     return true;
   }
-  viewShouldUpdate(nextNode, decorations) {
+  viewShouldUpdate(nextNode, _decorations) {
     if (this._viewShouldUpdate) {
       return this._viewShouldUpdate(nextNode);
     }

package/dist/es2019/ui/DropList/index.js

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "107.12.1";
+const packageVersion = "107.12.3";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/esm/card/link-toolbar-dropdown-options.js

@@ -6,7 +6,8 @@ export var getDropdownOption = function getDropdownOption(intl, dispatchCommand,
     selected = _ref.selected,
     appearance = _ref.appearance,
     testId = _ref.testId,
-    tooltip = _ref.tooltip;
+    tooltip = _ref.tooltip,
+    description = _ref.description;
   var _appearancePropsMap = appearancePropsMap[appearance !== null && appearance !== void 0 ? appearance : 'url'],
     title = _appearancePropsMap.title,
     Icon = _appearancePropsMap.icon;
@@ -21,6 +22,7 @@ export var getDropdownOption = function getDropdownOption(intl, dispatchCommand,
     disabled: Boolean(disabled),
     testId: testId,
     selected: selected,
-    tooltip: tooltip !== null && tooltip !== void 0 ? tooltip : ''
+    tooltip: tooltip !== null && tooltip !== void 0 ? tooltip : '',
+    description: description
   };
 };

package/dist/esm/messages/card.js

@@ -90,6 +90,11 @@ export var messages = defineMessages({
     defaultMessage: 'Display an interactive preview of a link',
     description: 'Description for option to display link as an embedded object.'
   },
+  embedToBlockCardWarning: {
+    id: 'fabric.editor.embedToBlockCardWarning',
+    defaultMessage: 'Displays as a card on small screens',
+    description: 'Warning message to show the user that embed card will be displayed as a block card on small screens.'
+  },
   editDropdownExpandIconLabel: {
     id: 'fabric.editor.editDropdownExpandIconLabel',
     defaultMessage: 'Expand dropdown menu',

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "107.12.1";
+var packageVersion = "107.12.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/react-node-view/index.js

@@ -253,7 +253,7 @@ var ReactNodeView = /*#__PURE__*/function () {
     }
   }, {
     key: "viewShouldUpdate",
-    value: function viewShouldUpdate(nextNode, decorations) {
+    value: function viewShouldUpdate(nextNode, _decorations) {
       if (this._viewShouldUpdate) {
         return this._viewShouldUpdate(nextNode);
       }

package/dist/esm/ui/DropList/index.js

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.12.1";
+var packageVersion = "107.12.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/types/card/link-toolbar-dropdown-options.d.ts

@@ -1,4 +1,4 @@
 import { type IntlShape } from 'react-intl-next';
 import type { Command, DropdownOptionT } from '../types';
 import type { OptionConfig } from './types';
-export declare const getDropdownOption: (intl: IntlShape, dispatchCommand: (command: Command) => void, { disabled, onClick, selected, appearance, testId, tooltip }: OptionConfig) => DropdownOptionT<Function>;
+export declare const getDropdownOption: (intl: IntlShape, dispatchCommand: (command: Command) => void, { disabled, onClick, selected, appearance, testId, tooltip, description }: OptionConfig) => DropdownOptionT<Function>;

package/dist/types/card/types.d.ts

@@ -14,6 +14,7 @@ export interface OptionConfig {
     disabled?: boolean;
     hidden?: boolean;
     tooltip?: string;
+    description?: string;
 }
 export type CardReplacementInputMethod = INPUT_METHOD.CLIPBOARD | INPUT_METHOD.AUTO_DETECT | INPUT_METHOD.FORMATTING | INPUT_METHOD.MANUAL | INPUT_METHOD.TYPEAHEAD | INPUT_METHOD.FLOATING_TB;
 export type QueueCardsFromTransactionAction = (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, analyticsAction?: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined, appearance?: CardAppearance) => Transaction;

package/dist/types/messages/card.d.ts

@@ -89,6 +89,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    embedToBlockCardWarning: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     editDropdownExpandIconLabel: {
         id: string;
         defaultMessage: string;

package/dist/types/react-node-view/index.d.ts

@@ -42,7 +42,7 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
     private _handleRef;
     render(props: P, forwardRef?: ForwardRef): React.ReactElement<any> | null;
     update(node: PMNode, decorations: ReadonlyArray<Decoration>, _innerDecorations?: DecorationSource, validUpdate?: (currentNode: PMNode, newNode: PMNode) => boolean): boolean;
-    viewShouldUpdate(nextNode: PMNode, decorations?: Array<Decoration>): boolean;
+    viewShouldUpdate(nextNode: PMNode, _decorations?: Array<Decoration>): boolean;
     /**
      * Copies the attributes from a ProseMirror Node to a DOM node.
      * @param node The Prosemirror Node from which to source the attributes

package/dist/types/types/floating-toolbar.d.ts

@@ -69,6 +69,7 @@ export interface DropdownOptionT<T extends Object> {
     tooltip?: string;
     elemAfter?: React.ReactNode;
     icon?: React.ReactNode;
+    description?: string;
 }
 export type typeOption = 
 /** Dropdown menu item type

package/dist/types-ts4.5/card/link-toolbar-dropdown-options.d.ts

@@ -1,4 +1,4 @@
 import { type IntlShape } from 'react-intl-next';
 import type { Command, DropdownOptionT } from '../types';
 import type { OptionConfig } from './types';
-export declare const getDropdownOption: (intl: IntlShape, dispatchCommand: (command: Command) => void, { disabled, onClick, selected, appearance, testId, tooltip }: OptionConfig) => DropdownOptionT<Function>;
+export declare const getDropdownOption: (intl: IntlShape, dispatchCommand: (command: Command) => void, { disabled, onClick, selected, appearance, testId, tooltip, description }: OptionConfig) => DropdownOptionT<Function>;

package/dist/types-ts4.5/card/types.d.ts

@@ -14,6 +14,7 @@ export interface OptionConfig {
     disabled?: boolean;
     hidden?: boolean;
     tooltip?: string;
+    description?: string;
 }
 export type CardReplacementInputMethod = INPUT_METHOD.CLIPBOARD | INPUT_METHOD.AUTO_DETECT | INPUT_METHOD.FORMATTING | INPUT_METHOD.MANUAL | INPUT_METHOD.TYPEAHEAD | INPUT_METHOD.FLOATING_TB;
 export type QueueCardsFromTransactionAction = (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, analyticsAction?: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined, appearance?: CardAppearance) => Transaction;

package/dist/types-ts4.5/messages/card.d.ts

@@ -89,6 +89,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    embedToBlockCardWarning: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     editDropdownExpandIconLabel: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/react-node-view/index.d.ts

@@ -42,7 +42,7 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
     private _handleRef;
     render(props: P, forwardRef?: ForwardRef): React.ReactElement<any> | null;
     update(node: PMNode, decorations: ReadonlyArray<Decoration>, _innerDecorations?: DecorationSource, validUpdate?: (currentNode: PMNode, newNode: PMNode) => boolean): boolean;
-    viewShouldUpdate(nextNode: PMNode, decorations?: Array<Decoration>): boolean;
+    viewShouldUpdate(nextNode: PMNode, _decorations?: Array<Decoration>): boolean;
     /**
      * Copies the attributes from a ProseMirror Node to a DOM node.
      * @param node The Prosemirror Node from which to source the attributes

package/dist/types-ts4.5/types/floating-toolbar.d.ts

@@ -69,6 +69,7 @@ export interface DropdownOptionT<T extends Object> {
     tooltip?: string;
     elemAfter?: React.ReactNode;
     icon?: React.ReactNode;
+    description?: string;
 }
 export type typeOption = 
 /** Dropdown menu item type

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "107.12.2",
+	"version": "107.12.4",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -141,7 +141,7 @@
 		"@atlaskit/editor-shared-styles": "^3.5.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/emoji": "^69.3.0",
-		"@atlaskit/icon": "^27.6.0",
+		"@atlaskit/icon": "^27.7.0",
 		"@atlaskit/icon-object": "^7.1.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-datasource": "^4.14.0",