@atlaskit/editor-plugin-card 16.10.2 → 16.11.0

package/dist/esm/ui/currentPastedSmartLink.js

@@ -0,0 +1,46 @@
+var getUrlFromTextLinkNode = function getUrlFromTextLinkNode(node) {
+  var _node$marks$0$attrs;
+  if (!node.isText || node.marks.length !== 1 || node.marks[0].type.name !== 'link') {
+    return undefined;
+  }
+  var href = (_node$marks$0$attrs = node.marks[0].attrs) === null || _node$marks$0$attrs === void 0 ? void 0 : _node$marks$0$attrs.href;
+  return typeof href === 'string' && node.text === href ? href : undefined;
+};
+var getUrlFromInlineCardNode = function getUrlFromInlineCardNode(node) {
+  var _node$attrs;
+  if (node.type.name !== 'inlineCard') {
+    return undefined;
+  }
+  var url = (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.url;
+  return typeof url === 'string' ? url : undefined;
+};
+var significantChildren = function significantChildren(fragment) {
+  var children = [];
+  fragment.forEach(function (child) {
+    var _child$text;
+    if (child.isText && ((_child$text = child.text) === null || _child$text === void 0 ? void 0 : _child$text.trim()) === '') {
+      return;
+    }
+    children.push(child);
+  });
+  return children;
+};
+export var getSingleSmartLinkUrlFromSlice = function getSingleSmartLinkUrlFromSlice(slice) {
+  var _getUrlFromTextLinkNo, _getUrlFromTextLinkNo2;
+  if (!slice || slice.content.childCount !== 1) {
+    return undefined;
+  }
+  var topNode = slice.content.child(0);
+  var topNodeUrl = (_getUrlFromTextLinkNo = getUrlFromTextLinkNode(topNode)) !== null && _getUrlFromTextLinkNo !== void 0 ? _getUrlFromTextLinkNo : getUrlFromInlineCardNode(topNode);
+  if (topNodeUrl) {
+    return topNodeUrl;
+  }
+  if (topNode.type.name !== 'paragraph') {
+    return undefined;
+  }
+  var children = significantChildren(topNode.content);
+  if (children.length !== 1) {
+    return undefined;
+  }
+  return (_getUrlFromTextLinkNo2 = getUrlFromTextLinkNode(children[0])) !== null && _getUrlFromTextLinkNo2 !== void 0 ? _getUrlFromTextLinkNo2 : getUrlFromInlineCardNode(children[0]);
+};

package/dist/esm/ui/pasteDisplayAsUtils.js

@@ -0,0 +1,24 @@
+export var DISPLAY_AS_OPTIONS = ['url', 'inline', 'block', 'embed'];
+export var getCardAtPasteRange = function getCardAtPasteRange(state, pasteStartPos, pasteEndPos) {
+  var result;
+  var docContentSize = state.doc.content.size;
+  var clampedStart = Math.max(0, Math.min(pasteStartPos, docContentSize));
+  var clampedEnd = Math.max(0, Math.min(pasteEndPos, docContentSize));
+  var from = Math.min(clampedStart, clampedEnd);
+  var to = Math.max(clampedStart, clampedEnd);
+  try {
+    state.doc.nodesBetween(from, to, function (node, pos) {
+      if (node.type.name === 'inlineCard' || node.type.name === 'blockCard' || node.type.name === 'embedCard') {
+        result = {
+          appearance: node.type.name === 'inlineCard' ? 'inline' : node.type.name === 'blockCard' ? 'block' : 'embed',
+          pos: pos
+        };
+        return false;
+      }
+      return true;
+    });
+  } catch (_unused) {
+    return;
+  }
+  return result;
+};

package/dist/esm/ui/useFetchDatasourceDataInfo.js

@@ -20,17 +20,17 @@ export var useFetchDatasourceDataInfo = function useFetchDatasourceDataInfo(_ref
   useEffect(function () {
     var fetchDatasource = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var datasourceDataRequest, _yield$getDatasourceD, meta;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        var datasourceDataRequest, _yield$getDatasourceD, meta, _t;
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
               if (!(!datasourceId || !parameters || !visibleColumnKeys)) {
-                _context.next = 3;
+                _context.next = 1;
                 break;
               }
               return _context.abrupt("return");
-            case 3:
+            case 1:
               datasourceDataRequest = {
                 parameters: parameters,
                 pageSize: DEFAULT_GET_DATASOURCE_DATA_PAGE_SIZE,
@@ -38,25 +38,25 @@ export var useFetchDatasourceDataInfo = function useFetchDatasourceDataInfo(_ref
                 fields: visibleColumnKeys,
                 includeSchema: true
               };
-              _context.next = 6;
+              _context.next = 2;
               return getDatasourceData(datasourceId, datasourceDataRequest, false);
-            case 6:
+            case 2:
               _yield$getDatasourceD = _context.sent;
               meta = _yield$getDatasourceD.meta;
               setExtensionKey(meta.extensionKey);
-              _context.next = 15;
+              _context.next = 4;
               break;
-            case 11:
-              _context.prev = 11;
-              _context.t0 = _context["catch"](0);
+            case 3:
+              _context.prev = 3;
+              _t = _context["catch"](0);
               // eslint-disable-next-line no-console
-              console.error(_context.t0);
+              console.error(_t);
               setExtensionKey(undefined);
-            case 15:
+            case 4:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[0, 11]]);
+        }, _callee, null, [[0, 3]]);
       }));
       return function fetchDatasource() {
         return _ref2.apply(this, arguments);

package/dist/esm/ui/useFetchDatasourceInfo.js

@@ -32,44 +32,44 @@ export var useFetchDatasourceInfo = function useFetchDatasourceInfo(_ref) {
   useEffect(function () {
     var fetchDatasource = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var _cardContext$connecti, _datasources$, _datasources$2, response, datasources;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        var _cardContext$connecti, _datasources$, _datasources$2, response, datasources, _t;
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
               if (!(!url || !cardContext)) {
-                _context.next = 4;
+                _context.next = 1;
                 break;
               }
               // Don't block rendering of modal of somehow we don't get these two args --> just open with empty params
               setReady(true);
               return _context.abrupt("return");
-            case 4:
-              _context.next = 6;
+            case 1:
+              _context.next = 2;
               return cardContext === null || cardContext === void 0 || (_cardContext$connecti = cardContext.connections) === null || _cardContext$connecti === void 0 || (_cardContext$connecti = _cardContext$connecti.client) === null || _cardContext$connecti === void 0 ? void 0 : _cardContext$connecti.fetchData(url);
-            case 6:
+            case 2:
               response = _context.sent;
               datasources = response && response.datasources || [];
               setExtensionKey(response === null || response === void 0 ? void 0 : response.meta.key);
               setDatasourceId((_datasources$ = datasources[0]) === null || _datasources$ === void 0 ? void 0 : _datasources$.id);
               setParameters((_datasources$2 = datasources[0]) === null || _datasources$2 === void 0 ? void 0 : _datasources$2.parameters);
               setReady(true);
-              _context.next = 20;
+              _context.next = 4;
               break;
-            case 14:
-              _context.prev = 14;
-              _context.t0 = _context["catch"](0);
+            case 3:
+              _context.prev = 3;
+              _t = _context["catch"](0);
               setDatasourceId(undefined);
               setParameters(undefined);
               setExtensionKey(undefined);
               // If fetch somehow errors, still set ready as true so we don't block the rendering of the modal.
               // It will just open with empty params.
               setReady(true);
-            case 20:
+            case 4:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[0, 14]]);
+        }, _callee, null, [[0, 3]]);
       }));
       return function fetchDatasource() {
         return _ref2.apply(this, arguments);

package/dist/types/cardPluginType.d.ts

@@ -15,6 +15,7 @@ import type { FloatingToolbarPlugin } from '@atlaskit/editor-plugin-floating-too
 import type { GridPlugin } from '@atlaskit/editor-plugin-grid';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
+import type { UiControlRegistryPlugin } from '@atlaskit/editor-plugin-ui-control-registry';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import type { CardPluginOptions, CardPluginState } from './types';
 type DummyAnnotationPlugin = NextEditorPlugin<'annotation', {
@@ -36,7 +37,8 @@ export type CardPluginDependencies = [
     OptionalPlugin<DummyAnnotationPlugin>,
     OptionalPlugin<ConnectivityPlugin>,
     OptionalPlugin<BasePlugin>,
-    OptionalPlugin<ToolbarPlugin>
+    OptionalPlugin<ToolbarPlugin>,
+    OptionalPlugin<UiControlRegistryPlugin>
 ];
 export type CardPlugin = NextEditorPlugin<'card', {
     actions: CardPluginActions;

package/dist/types/types/index.d.ts

@@ -122,6 +122,7 @@ export type CardPluginOptions = CardOptions & {
     disableFloatingToolbar?: boolean;
     editorAppearance?: EditorAppearance;
     embedCardTransformers?: EmbedCardTransformers;
+    enablePasteDisplayAsMenu?: boolean;
     fullWidthMode?: boolean;
     isPageSSRed?: boolean;
     linkPicker?: LinkPickerOptions;

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

@@ -0,0 +1,25 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
+import type { CardPlugin } from '../cardPluginType';
+export declare const SMART_LINK_DISPLAY_AS_PASTE_MENU_SECTION_KEY = "smart-link-display-as-paste-menu-section";
+export declare const setAppearanceSelection: ({ editorView, pasteStartPos, pasteEndPos, targetPos, }: {
+    editorView: EditorView;
+    pasteEndPos: number;
+    pasteStartPos: number;
+    targetPos: number | undefined;
+}) => boolean;
+export declare const getFirstLinkRangeInSelection: (editorView: EditorView) => {
+    from: number;
+    to: number;
+} | undefined;
+export declare const normalizeSelectionToLinkRangeForUrlAppearance: ({ editorView, targetPos, }: {
+    editorView: EditorView;
+    targetPos: number | undefined;
+}) => void;
+export declare const getPasteDisplayAsMenuComponents: ({ api, allowBlockCards, allowEmbeds, getEditorView, }: {
+    allowBlockCards: boolean;
+    allowEmbeds?: boolean;
+    api: ExtractInjectionAPI<CardPlugin> | undefined;
+    getEditorView: () => EditorView | undefined;
+}) => RegisterComponent[];

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

@@ -0,0 +1,2 @@
+import type { Slice } from '@atlaskit/editor-prosemirror/model';
+export declare const getSingleSmartLinkUrlFromSlice: (slice: Slice | undefined) => string | undefined;

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

@@ -0,0 +1,7 @@
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+export declare const DISPLAY_AS_OPTIONS: readonly ["url", "inline", "block", "embed"];
+export type DisplayAsOption = (typeof DISPLAY_AS_OPTIONS)[number];
+export declare const getCardAtPasteRange: (state: EditorState, pasteStartPos: number, pasteEndPos: number) => {
+    appearance: Exclude<DisplayAsOption, "url">;
+    pos: number;
+} | undefined;

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

@@ -15,6 +15,7 @@ import type { FloatingToolbarPlugin } from '@atlaskit/editor-plugin-floating-too
 import type { GridPlugin } from '@atlaskit/editor-plugin-grid';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
+import type { UiControlRegistryPlugin } from '@atlaskit/editor-plugin-ui-control-registry';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import type { CardPluginOptions, CardPluginState } from './types';
 type DummyAnnotationPlugin = NextEditorPlugin<'annotation', {
@@ -36,7 +37,8 @@ export type CardPluginDependencies = [
     OptionalPlugin<DummyAnnotationPlugin>,
     OptionalPlugin<ConnectivityPlugin>,
     OptionalPlugin<BasePlugin>,
-    OptionalPlugin<ToolbarPlugin>
+    OptionalPlugin<ToolbarPlugin>,
+    OptionalPlugin<UiControlRegistryPlugin>
 ];
 export type CardPlugin = NextEditorPlugin<'card', {
     actions: CardPluginActions;

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

@@ -122,6 +122,7 @@ export type CardPluginOptions = CardOptions & {
     disableFloatingToolbar?: boolean;
     editorAppearance?: EditorAppearance;
     embedCardTransformers?: EmbedCardTransformers;
+    enablePasteDisplayAsMenu?: boolean;
     fullWidthMode?: boolean;
     isPageSSRed?: boolean;
     linkPicker?: LinkPickerOptions;

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

@@ -0,0 +1,25 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
+import type { CardPlugin } from '../cardPluginType';
+export declare const SMART_LINK_DISPLAY_AS_PASTE_MENU_SECTION_KEY = "smart-link-display-as-paste-menu-section";
+export declare const setAppearanceSelection: ({ editorView, pasteStartPos, pasteEndPos, targetPos, }: {
+    editorView: EditorView;
+    pasteEndPos: number;
+    pasteStartPos: number;
+    targetPos: number | undefined;
+}) => boolean;
+export declare const getFirstLinkRangeInSelection: (editorView: EditorView) => {
+    from: number;
+    to: number;
+} | undefined;
+export declare const normalizeSelectionToLinkRangeForUrlAppearance: ({ editorView, targetPos, }: {
+    editorView: EditorView;
+    targetPos: number | undefined;
+}) => void;
+export declare const getPasteDisplayAsMenuComponents: ({ api, allowBlockCards, allowEmbeds, getEditorView, }: {
+    allowBlockCards: boolean;
+    allowEmbeds?: boolean;
+    api: ExtractInjectionAPI<CardPlugin> | undefined;
+    getEditorView: () => EditorView | undefined;
+}) => RegisterComponent[];

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

@@ -0,0 +1,2 @@
+import type { Slice } from '@atlaskit/editor-prosemirror/model';
+export declare const getSingleSmartLinkUrlFromSlice: (slice: Slice | undefined) => string | undefined;

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

@@ -0,0 +1,12 @@
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+export declare const DISPLAY_AS_OPTIONS: readonly [
+    "url",
+    "inline",
+    "block",
+    "embed"
+];
+export type DisplayAsOption = (typeof DISPLAY_AS_OPTIONS)[number];
+export declare const getCardAtPasteRange: (state: EditorState, pasteStartPos: number, pasteEndPos: number) => {
+    appearance: Exclude<DisplayAsOption, "url">;
+    pos: number;
+} | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "16.10.2",
+	"version": "16.11.0",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,8 +29,10 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^52.14.0",
+		"@atlaskit/adf-schema": "^52.15.0",
 		"@atlaskit/analytics-next": "^11.2.0",
+		"@atlaskit/button": "^23.11.0",
+		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/custom-steps": "^0.17.0",
 		"@atlaskit/editor-card-provider": "^6.8.0",
 		"@atlaskit/editor-plugin-analytics": "^10.1.0",
@@ -43,16 +45,18 @@
 		"@atlaskit/editor-plugin-floating-toolbar": "^12.2.0",
 		"@atlaskit/editor-plugin-grid": "^10.2.0",
 		"@atlaskit/editor-plugin-toolbar": "^7.3.0",
+		"@atlaskit/editor-plugin-ui-control-registry": "^4.1.0",
 		"@atlaskit/editor-plugin-width": "^11.1.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-shared-styles": "^3.11.0",
 		"@atlaskit/editor-smart-link-draggable": "^0.5.0",
+		"@atlaskit/editor-toolbar": "^1.9.0",
 		"@atlaskit/frontend-utilities": "^3.3.0",
 		"@atlaskit/icon": "^35.3.0",
 		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/link-analytics": "^11.1.0",
 		"@atlaskit/link-client-extension": "^6.1.0",
-		"@atlaskit/link-datasource": "^5.4.0",
+		"@atlaskit/link-datasource": "^5.5.0",
 		"@atlaskit/link-extractors": "^2.7.0",
 		"@atlaskit/linking-common": "^9.12.0",
 		"@atlaskit/linking-types": "^14.4.0",
@@ -61,9 +65,9 @@
 		"@atlaskit/platform-feature-flags-react": "^0.5.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
-		"@atlaskit/smart-card": "^44.16.0",
-		"@atlaskit/tmp-editor-statsig": "^84.0.0",
-		"@atlaskit/tokens": "^13.0.0",
+		"@atlaskit/smart-card": "^44.19.0",
+		"@atlaskit/tmp-editor-statsig": "^86.0.0",
+		"@atlaskit/tokens": "^13.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"lodash": "^4.17.21",
@@ -72,7 +76,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.47.0",
+		"@atlaskit/editor-common": "^114.54.0",
 		"@atlaskit/link-provider": "^4.4.0",
 		"react": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"