@atlaskit/editor-plugin-card 12.1.0 → 12.1.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-card
 
+## 12.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 12.1.0
 
 ### Minor Changes

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

@@ -136,7 +136,6 @@ var InlineCardOverlay = function InlineCardOverlay(_ref) {
   var maxOverlayWidth = (0, _react.useRef)(0);
   var minOverlayWidth = (0, _react.useRef)(ESTIMATED_MIN_WIDTH_IN_PX);
   var parentWidth = (0, _react.useRef)(0);
-  var iconSize = (0, _react.useRef)('small');
   var containerRef = (0, _react.useRef)(null);
   var setVisibility = (0, _react.useCallback)(function () {
     if (!containerRef.current || !maxOverlayWidth.current) {
@@ -186,7 +185,6 @@ var InlineCardOverlay = function InlineCardOverlay(_ref) {
           min = _getOverlayWidths.min;
         maxOverlayWidth.current = max;
         minOverlayWidth.current = min;
-        iconSize.current = (0, _utils.getIconSize)(_label);
       }
     }
     if (isVisible) {
@@ -259,7 +257,6 @@ var InlineCardOverlay = function InlineCardOverlay(_ref) {
       css: iconStyles
     }, (0, _react2.jsx)(_customize.default, {
       label: label,
-      LEGACY_size: iconSize.current,
       testId: "".concat(testId, "-icon")
     })), showLabel && (0, _react2.jsx)("span", {
       css: labelStyles

package/dist/cjs/ui/toolbar.js

@@ -12,13 +12,13 @@ var _react = _interopRequireDefault(require("react"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _card = require("@atlaskit/editor-common/card");
-var _link = require("@atlaskit/editor-common/link");
+var _link2 = require("@atlaskit/editor-common/link");
 var _messages = _interopRequireWildcard(require("@atlaskit/editor-common/messages"));
 var _styles = require("@atlaskit/editor-common/styles");
 var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
 var _utils = require("@atlaskit/editor-common/utils");
 var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
-var _state = require("@atlaskit/editor-prosemirror/state");
+var _state2 = require("@atlaskit/editor-prosemirror/state");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _comment = _interopRequireDefault(require("@atlaskit/icon/core/comment"));
@@ -27,7 +27,6 @@ var _delete = _interopRequireDefault(require("@atlaskit/icon/core/delete"));
 var _edit = _interopRequireDefault(require("@atlaskit/icon/core/edit"));
 var _linkBroken = _interopRequireDefault(require("@atlaskit/icon/core/link-broken"));
 var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
-var _comment2 = _interopRequireDefault(require("@atlaskit/icon/core/migration/comment"));
 var _settings = _interopRequireDefault(require("@atlaskit/icon/core/settings"));
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _doc = require("../pm-plugins/doc");
@@ -47,7 +46,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { (0, _defineProperty2.default)(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; }
 var removeCard = exports.removeCard = function removeCard(editorAnalyticsApi) {
   return (0, _card.commandWithMetadata)(function (state, dispatch) {
-    if (!(state.selection instanceof _state.NodeSelection)) {
+    if (!(state.selection instanceof _state2.NodeSelection)) {
       return false;
     }
     var type = state.selection.node.type.name;
@@ -74,7 +73,7 @@ var removeCard = exports.removeCard = function removeCard(editorAnalyticsApi) {
 };
 var visitCardLinkAnalytics = exports.visitCardLinkAnalytics = function visitCardLinkAnalytics(editorAnalyticsApi, inputMethod) {
   return function (state, dispatch) {
-    if (!(state.selection instanceof _state.NodeSelection)) {
+    if (!(state.selection instanceof _state2.NodeSelection)) {
       return false;
     }
     var type = state.selection.node.type;
@@ -88,7 +87,7 @@ var visitCardLinkAnalytics = exports.visitCardLinkAnalytics = function visitCard
 };
 var openLinkSettings = exports.openLinkSettings = function openLinkSettings(editorAnalyticsApi) {
   return function (state, dispatch) {
-    if (!(state.selection instanceof _state.NodeSelection)) {
+    if (!(state.selection instanceof _state2.NodeSelection)) {
       return false;
     }
     if (dispatch) {
@@ -111,7 +110,7 @@ var floatingToolbar = exports.floatingToolbar = function floatingToolbar(cardOpt
       embedCard = _state$schema$nodes.embedCard;
     var nodeType = [inlineCard, blockCard, embedCard];
     var pluginState = _pluginKey.pluginKey.getState(state);
-    if (!(state.selection instanceof _state.NodeSelection)) {
+    if (!(state.selection instanceof _state2.NodeSelection)) {
       return;
     }
     var selectedNode = state.selection.node;
@@ -296,7 +295,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         type: 'button',
         icon: _comment.default,
         testId: 'inline-card-toolbar-comment-button',
-        iconFallback: _comment2.default,
+        iconFallback: _comment.default,
         title: intl.formatMessage(_messages.annotationMessages.createComment),
         showTitle: (0, _experiments.editorExperiment)('platform_editor_controls', 'control') ? undefined : true,
         onClick: onCommentButtonClick,
@@ -530,7 +529,7 @@ var getSettingsButton = exports.getSettingsButton = function getSettingsButton(i
     iconFallback: _settings.default,
     title: intl.formatMessage(_messages.linkToolbarMessages.settingsLink),
     onClick: openLinkSettings(editorAnalyticsApi),
-    href: userPreferencesLink || (0, _link.getLinkPreferencesURLFromENV)(),
+    href: userPreferencesLink || (0, _link2.getLinkPreferencesURLFromENV)(),
     target: '_blank'
   };
 };
@@ -732,7 +731,7 @@ var shouldRenderToolbarPulse = exports.shouldRenderToolbarPulse = function shoul
   return embedEnabled && appearance === 'inline' && status === 'resolved' && isDiscoverabilityEnabled;
 };
 var getStartingToolbarItems = exports.getStartingToolbarItems = function getStartingToolbarItems(options, api) {
-  return function (intl, link, onEditLink, metadata, state) {
+  return function (intl, link, onEditLink, metadata, _state) {
     var areAllNewToolbarFlagsDisabled = !(0, _toolbarFlagCheck.areToolbarFlagsEnabled)(Boolean(api === null || api === void 0 ? void 0 : api.toolbar));
     var editLinkItem = options.allowDatasource ? [{
       type: 'custom',
@@ -824,7 +823,7 @@ var getStartingToolbarItems = exports.getStartingToolbarItems = function getStar
   };
 };
 var getEndingToolbarItems = exports.getEndingToolbarItems = function getEndingToolbarItems(options, api) {
-  return function (intl, link) {
+  return function (intl, _link) {
     /**
      * Require either provider to be supplied (controls link preferences)
      * Or explicit user preferences config in order to enable button

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

@@ -15,7 +15,7 @@ import { cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { ZERO_WIDTH_JOINER } from '@atlaskit/editor-common/whitespace';
 import CustomizeIcon from '@atlaskit/icon/core/customize';
 import { B100, N0, N700 } from '@atlaskit/theme/colors';
-import { getChildElement, getIconSize, getInlineCardAvailableWidth, getOverlayWidths, isOneLine } from './utils';
+import { getChildElement, getInlineCardAvailableWidth, getOverlayWidths, isOneLine } from './utils';
 const DEBOUNCE_IN_MS = 5;
 const ESTIMATED_MIN_WIDTH_IN_PX = 16;
 const PADDING_IN_PX = 4;
@@ -118,7 +118,6 @@ const InlineCardOverlay = ({
   const maxOverlayWidth = useRef(0);
   const minOverlayWidth = useRef(ESTIMATED_MIN_WIDTH_IN_PX);
   const parentWidth = useRef(0);
-  const iconSize = useRef('small');
   const containerRef = useRef(null);
   const setVisibility = useCallback(() => {
     if (!containerRef.current || !maxOverlayWidth.current) {
@@ -169,7 +168,6 @@ const InlineCardOverlay = ({
         } = getOverlayWidths(iconAndLabel, label);
         maxOverlayWidth.current = max;
         minOverlayWidth.current = min;
-        iconSize.current = getIconSize(label);
       }
     }
     if (isVisible) {
@@ -240,7 +238,6 @@ const InlineCardOverlay = ({
       css: iconStyles
     }, jsx(CustomizeIcon, {
       label: label,
-      LEGACY_size: iconSize.current,
       testId: `${testId}-icon`
     })), showLabel && jsx("span", {
       css: labelStyles

package/dist/es2019/ui/toolbar.js

@@ -17,7 +17,6 @@ import DeleteIcon from '@atlaskit/icon/core/delete';
 import EditIcon from '@atlaskit/icon/core/edit';
 import LinkBrokenIcon from '@atlaskit/icon/core/link-broken';
 import LinkExternalIcon from '@atlaskit/icon/core/link-external';
-import LegacyCommentIcon from '@atlaskit/icon/core/migration/comment';
 import CogIcon from '@atlaskit/icon/core/settings';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { changeSelectedCardToText } from '../pm-plugins/doc';
@@ -288,7 +287,7 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
       type: 'button',
       icon: CommentIcon,
       testId: 'inline-card-toolbar-comment-button',
-      iconFallback: LegacyCommentIcon,
+      iconFallback: CommentIcon,
       title: intl.formatMessage(annotationMessages.createComment),
       showTitle: editorExperiment('platform_editor_controls', 'control') ? undefined : true,
       onClick: onCommentButtonClick,
@@ -717,7 +716,7 @@ export const shouldRenderToolbarPulse = (embedEnabled, appearance, status, isDis
   return embedEnabled && appearance === 'inline' && status === 'resolved' && isDiscoverabilityEnabled;
 };
 export const getStartingToolbarItems = (options, api) => {
-  return (intl, link, onEditLink, metadata, state) => {
+  return (intl, link, onEditLink, metadata, _state) => {
     const areAllNewToolbarFlagsDisabled = !areToolbarFlagsEnabled(Boolean(api === null || api === void 0 ? void 0 : api.toolbar));
     const editLinkItem = options.allowDatasource ? [{
       type: 'custom',
@@ -804,7 +803,7 @@ export const getStartingToolbarItems = (options, api) => {
     }, ...editLinkItem];
   };
 };
-export const getEndingToolbarItems = (options, api) => (intl, link) => {
+export const getEndingToolbarItems = (options, api) => (intl, _link) => {
   /**
    * Require either provider to be supplied (controls link preferences)
    * Or explicit user preferences config in order to enable button

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

@@ -19,7 +19,7 @@ import { cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { ZERO_WIDTH_JOINER } from '@atlaskit/editor-common/whitespace';
 import CustomizeIcon from '@atlaskit/icon/core/customize';
 import { B100, N0, N700 } from '@atlaskit/theme/colors';
-import { getChildElement, getIconSize, getInlineCardAvailableWidth, getOverlayWidths, isOneLine } from './utils';
+import { getChildElement, getInlineCardAvailableWidth, getOverlayWidths, isOneLine } from './utils';
 var DEBOUNCE_IN_MS = 5;
 var ESTIMATED_MIN_WIDTH_IN_PX = 16;
 var PADDING_IN_PX = 4;
@@ -128,7 +128,6 @@ var InlineCardOverlay = function InlineCardOverlay(_ref) {
   var maxOverlayWidth = useRef(0);
   var minOverlayWidth = useRef(ESTIMATED_MIN_WIDTH_IN_PX);
   var parentWidth = useRef(0);
-  var iconSize = useRef('small');
   var containerRef = useRef(null);
   var setVisibility = useCallback(function () {
     if (!containerRef.current || !maxOverlayWidth.current) {
@@ -178,7 +177,6 @@ var InlineCardOverlay = function InlineCardOverlay(_ref) {
           min = _getOverlayWidths.min;
         maxOverlayWidth.current = max;
         minOverlayWidth.current = min;
-        iconSize.current = getIconSize(_label);
       }
     }
     if (isVisible) {
@@ -251,7 +249,6 @@ var InlineCardOverlay = function InlineCardOverlay(_ref) {
       css: iconStyles
     }, jsx(CustomizeIcon, {
       label: label,
-      LEGACY_size: iconSize.current,
       testId: "".concat(testId, "-icon")
     })), showLabel && jsx("span", {
       css: labelStyles

package/dist/esm/ui/toolbar.js

@@ -21,7 +21,6 @@ import DeleteIcon from '@atlaskit/icon/core/delete';
 import EditIcon from '@atlaskit/icon/core/edit';
 import LinkBrokenIcon from '@atlaskit/icon/core/link-broken';
 import LinkExternalIcon from '@atlaskit/icon/core/link-external';
-import LegacyCommentIcon from '@atlaskit/icon/core/migration/comment';
 import CogIcon from '@atlaskit/icon/core/settings';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { changeSelectedCardToText } from '../pm-plugins/doc';
@@ -287,7 +286,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         type: 'button',
         icon: CommentIcon,
         testId: 'inline-card-toolbar-comment-button',
-        iconFallback: LegacyCommentIcon,
+        iconFallback: CommentIcon,
         title: intl.formatMessage(annotationMessages.createComment),
         showTitle: editorExperiment('platform_editor_controls', 'control') ? undefined : true,
         onClick: onCommentButtonClick,
@@ -723,7 +722,7 @@ export var shouldRenderToolbarPulse = function shouldRenderToolbarPulse(embedEna
   return embedEnabled && appearance === 'inline' && status === 'resolved' && isDiscoverabilityEnabled;
 };
 export var getStartingToolbarItems = function getStartingToolbarItems(options, api) {
-  return function (intl, link, onEditLink, metadata, state) {
+  return function (intl, link, onEditLink, metadata, _state) {
     var areAllNewToolbarFlagsDisabled = !areToolbarFlagsEnabled(Boolean(api === null || api === void 0 ? void 0 : api.toolbar));
     var editLinkItem = options.allowDatasource ? [{
       type: 'custom',
@@ -815,7 +814,7 @@ export var getStartingToolbarItems = function getStartingToolbarItems(options, a
   };
 };
 export var getEndingToolbarItems = function getEndingToolbarItems(options, api) {
-  return function (intl, link) {
+  return function (intl, _link) {
     /**
      * Require either provider to be supplied (controls link preferences)
      * Or explicit user preferences config in order to enable button

package/dist/types/ui/toolbar.d.ts

@@ -15,5 +15,5 @@ export declare const shouldRenderToolbarPulse: (embedEnabled: boolean, appearanc
 export declare const getStartingToolbarItems: (options: CardPluginOptions, api?: ExtractInjectionAPI<typeof cardPlugin> | undefined) => (intl: IntlShape, link: string, onEditLink: Command, metadata: {
     title: string;
     url: string;
-}, state?: EditorState) => FloatingToolbarItem<Command>[];
-export declare const getEndingToolbarItems: (options: CardPluginOptions, api?: ExtractInjectionAPI<typeof cardPlugin> | undefined) => (intl: IntlShape, link: string) => FloatingToolbarItem<Command>[];
+}, _state?: EditorState) => FloatingToolbarItem<Command>[];
+export declare const getEndingToolbarItems: (options: CardPluginOptions, api?: ExtractInjectionAPI<typeof cardPlugin> | undefined) => (intl: IntlShape, _link: string) => FloatingToolbarItem<Command>[];

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

@@ -15,5 +15,5 @@ export declare const shouldRenderToolbarPulse: (embedEnabled: boolean, appearanc
 export declare const getStartingToolbarItems: (options: CardPluginOptions, api?: ExtractInjectionAPI<typeof cardPlugin> | undefined) => (intl: IntlShape, link: string, onEditLink: Command, metadata: {
     title: string;
     url: string;
-}, state?: EditorState) => FloatingToolbarItem<Command>[];
-export declare const getEndingToolbarItems: (options: CardPluginOptions, api?: ExtractInjectionAPI<typeof cardPlugin> | undefined) => (intl: IntlShape, link: string) => FloatingToolbarItem<Command>[];
+}, _state?: EditorState) => FloatingToolbarItem<Command>[];
+export declare const getEndingToolbarItems: (options: CardPluginOptions, api?: ExtractInjectionAPI<typeof cardPlugin> | undefined) => (intl: IntlShape, _link: string) => FloatingToolbarItem<Command>[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "12.1.0",
+	"version": "12.1.1",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -46,23 +46,23 @@
 		"@atlaskit/editor-prosemirror": "^7.2.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/frontend-utilities": "^3.2.0",
-		"@atlaskit/icon": "^29.3.0",
+		"@atlaskit/icon": "^29.4.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/link-analytics": "^11.0.0",
 		"@atlaskit/link-client-extension": "^6.0.0",
-		"@atlaskit/link-datasource": "^4.30.0",
+		"@atlaskit/link-datasource": "^4.32.0",
 		"@atlaskit/link-extractors": "^2.4.0",
 		"@atlaskit/linking-common": "^9.9.0",
 		"@atlaskit/linking-types": "^14.2.0",
 		"@atlaskit/menu": "^8.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
-		"@atlaskit/primitives": "^17.0.0",
+		"@atlaskit/primitives": "^17.1.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
-		"@atlaskit/smart-card": "^43.19.0",
+		"@atlaskit/smart-card": "^43.20.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.6.0",
-		"@atlaskit/tokens": "^9.1.0",
+		"@atlaskit/tmp-editor-statsig": "^16.23.0",
+		"@atlaskit/tokens": "^10.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"lodash": "^4.17.21",
@@ -71,7 +71,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.3.0",
+		"@atlaskit/editor-common": "^111.8.0",
 		"@atlaskit/link-provider": "^4.1.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"