@atlaskit/editor-plugin-card 0.6.0 → 0.7.1

package/dist/esm/ui/EditLinkToolbar.js

@@ -12,9 +12,8 @@ import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { HyperlinkAddToolbar as HyperlinkToolbar } from '@atlaskit/editor-common/link';
 import { linkToolbarMessages } from '@atlaskit/editor-common/messages';
 import { LINKPICKER_HEIGHT_IN_PX, RECENT_SEARCH_HEIGHT_IN_PX, RECENT_SEARCH_WIDTH_IN_PX } from '@atlaskit/editor-common/ui';
-import { getDatasourceType } from '@atlaskit/editor-common/utils';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { hideLinkToolbar as _hideLinkToolbar, showDatasourceModal, showLinkToolbar } from '../pm-plugins/actions';
+import { hideLinkToolbar as _hideLinkToolbar, showLinkToolbar } from '../pm-plugins/actions';
 import { changeSelectedCardToLink, updateCard } from '../pm-plugins/doc';
 import { displayInfoForCard, findCardInfo } from '../utils';
 export function HyperlinkAddToolbarWithState(_ref) {
@@ -206,25 +205,4 @@ export var editLinkToolbarConfig = function editLinkToolbarConfig(showLinkingToo
     width: RECENT_SEARCH_WIDTH_IN_PX,
     forcePlacement: true
   } : {};
-};
-export var editDatasource = function editDatasource(node, editorAnalyticsApi) {
-  return function (state, dispatch) {
-    var _node$attrs;
-    var modalType = getDatasourceType((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.datasource.id);
-    if (dispatch && modalType) {
-      var tr = state.tr;
-      showDatasourceModal(modalType)(tr);
-      // editorAnalyticsApi?.attachAnalyticsEvent(
-      //   buildEditLinkPayload(
-      //     type as
-      //       | ACTION_SUBJECT_ID.CARD_INLINE
-      //       | ACTION_SUBJECT_ID.CARD_BLOCK
-      //       | ACTION_SUBJECT_ID.EMBEDS,
-      //   ),
-      // )(tr);
-      dispatch(tr);
-      return true;
-    }
-    return false;
-  };
 };

package/dist/esm/ui/EditorLinkingPlatformAnalytics/DatasourceEvents.js

@@ -22,8 +22,9 @@ function getSearchMethod(creationMethod, metadata) {
   }
   var sourceEvent = metadata.sourceEvent;
   if (sourceEvent instanceof UIAnalyticsEvent) {
+    var _event$payload$attrib;
     var event = sourceEvent;
-    return event.payload.searchMethod;
+    return (_event$payload$attrib = event.payload.attributes) === null || _event$payload$attrib === void 0 ? void 0 : _event$payload$attrib.searchMethod;
   }
   return 'unknown';
 }
@@ -41,8 +42,9 @@ function getAnalyticAttributesFromNode(datasourceAttrs, metadata) {
       inputMethod: metadata.inputMethod
     })) !== null && _getMethod !== void 0 ? _getMethod : '';
   } else if (metadata.sourceEvent instanceof UIAnalyticsEvent) {
-    inputMethod = metadata.sourceEvent.payload.inputMethod;
-    actions = metadata.sourceEvent.payload.actions;
+    var _metadata$sourceEvent, _metadata$sourceEvent2;
+    inputMethod = (_metadata$sourceEvent = metadata.sourceEvent.payload.attributes) === null || _metadata$sourceEvent === void 0 ? void 0 : _metadata$sourceEvent.inputMethod;
+    actions = (_metadata$sourceEvent2 = metadata.sourceEvent.payload.attributes) === null || _metadata$sourceEvent2 === void 0 ? void 0 : _metadata$sourceEvent2.actions;
   }
   var displayedColumnCount = getDisplayedColumnCount(datasourceAttrs);
   var searchMethod = getSearchMethod(inputMethod, metadata);

package/dist/types/nodeviews/blockCard.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
-import { SmartCardProps } from './genericCard';
+import type { Node } from '@atlaskit/editor-prosemirror/model';
+import type { Decoration, DecorationSource } from '@atlaskit/editor-prosemirror/view';
+import type { SmartCardProps } from './genericCard';
 export declare class BlockCardComponent extends React.PureComponent<SmartCardProps> {
     private scrollContainer?;
     onClick: () => void;
@@ -22,5 +24,7 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
 export type BlockCardNodeViewProps = Pick<SmartCardProps, 'platform' | 'showServerActions'>;
 export declare class BlockCard extends ReactNodeView<BlockCardNodeViewProps> {
     createDomRef(): HTMLElement;
+    validUpdate(currentNode: Node, newNode: Node): boolean;
+    update(node: Node, decorations: ReadonlyArray<Decoration>, _innerDecorations?: DecorationSource): boolean;
     render(): JSX.Element;
 }

package/dist/types/pm-plugins/doc.d.ts

@@ -23,5 +23,5 @@ export type LinkNodes = {
     [key in 'inlineCard' | 'blockCard' | 'embedCard']: NodeType;
 };
 export declare const getLinkNodeType: (appearance: CardAppearance, linkNodes: LinkNodes) => NodeType;
-export declare const updateExistingDatasource: (state: EditorState, node: Node, newAdf: DatasourceAdf | InlineCardAdf, view: EditorView, sourceEvent?: UIAnalyticsEvent) => void;
+export declare const updateCardFromDatasourceModal: (state: EditorState, node: Node, newAdf: DatasourceAdf | InlineCardAdf, view: EditorView, sourceEvent?: UIAnalyticsEvent) => void;
 export declare const insertDatasource: (state: EditorState, adf: DatasourceAdf | InlineCardAdf, view: EditorView, sourceEvent?: UIAnalyticsEvent) => void;

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

@@ -0,0 +1,17 @@
+import { jsx } from '@emotion/react';
+import type { IntlShape } from 'react-intl-next';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { Command } from '@atlaskit/editor-common/types';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { CardContext } from '@atlaskit/link-provider';
+export interface EditDatasourceButtonProps {
+    intl: IntlShape;
+    editorAnalyticsApi?: EditorAnalyticsAPI;
+    url?: string;
+    editorView?: EditorView;
+    editorState: EditorState;
+    cardContext?: CardContext;
+}
+export declare const EditDatasourceButton: ({ intl, editorAnalyticsApi, url, editorView, editorState, }: EditDatasourceButtonProps) => jsx.JSX.Element;
+export declare const editDatasource: (datasourceId: string, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;

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

@@ -38,5 +38,4 @@ export declare const buildEditLinkToolbar: ({ providerFactory, node, linkPicker,
     pluginInjectionApi: ExtractInjectionAPI<typeof cardPlugin> | undefined;
 }) => FloatingToolbarItem<Command>;
 export declare const editLinkToolbarConfig: (showLinkingToolbar: boolean, lpLinkPicker: boolean) => Partial<FloatingToolbarConfig>;
-export declare const editDatasource: (node: Node, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
 export {};

package/dist/types-ts4.5/nodeviews/blockCard.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
-import { SmartCardProps } from './genericCard';
+import type { Node } from '@atlaskit/editor-prosemirror/model';
+import type { Decoration, DecorationSource } from '@atlaskit/editor-prosemirror/view';
+import type { SmartCardProps } from './genericCard';
 export declare class BlockCardComponent extends React.PureComponent<SmartCardProps> {
     private scrollContainer?;
     onClick: () => void;
@@ -22,5 +24,7 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
 export type BlockCardNodeViewProps = Pick<SmartCardProps, 'platform' | 'showServerActions'>;
 export declare class BlockCard extends ReactNodeView<BlockCardNodeViewProps> {
     createDomRef(): HTMLElement;
+    validUpdate(currentNode: Node, newNode: Node): boolean;
+    update(node: Node, decorations: ReadonlyArray<Decoration>, _innerDecorations?: DecorationSource): boolean;
     render(): JSX.Element;
 }

package/dist/types-ts4.5/pm-plugins/doc.d.ts

@@ -23,5 +23,5 @@ export type LinkNodes = {
     [key in 'inlineCard' | 'blockCard' | 'embedCard']: NodeType;
 };
 export declare const getLinkNodeType: (appearance: CardAppearance, linkNodes: LinkNodes) => NodeType;
-export declare const updateExistingDatasource: (state: EditorState, node: Node, newAdf: DatasourceAdf | InlineCardAdf, view: EditorView, sourceEvent?: UIAnalyticsEvent) => void;
+export declare const updateCardFromDatasourceModal: (state: EditorState, node: Node, newAdf: DatasourceAdf | InlineCardAdf, view: EditorView, sourceEvent?: UIAnalyticsEvent) => void;
 export declare const insertDatasource: (state: EditorState, adf: DatasourceAdf | InlineCardAdf, view: EditorView, sourceEvent?: UIAnalyticsEvent) => void;

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

@@ -0,0 +1,17 @@
+import { jsx } from '@emotion/react';
+import type { IntlShape } from 'react-intl-next';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { Command } from '@atlaskit/editor-common/types';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { CardContext } from '@atlaskit/link-provider';
+export interface EditDatasourceButtonProps {
+    intl: IntlShape;
+    editorAnalyticsApi?: EditorAnalyticsAPI;
+    url?: string;
+    editorView?: EditorView;
+    editorState: EditorState;
+    cardContext?: CardContext;
+}
+export declare const EditDatasourceButton: ({ intl, editorAnalyticsApi, url, editorView, editorState, }: EditDatasourceButtonProps) => jsx.JSX.Element;
+export declare const editDatasource: (datasourceId: string, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;

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

@@ -38,5 +38,4 @@ export declare const buildEditLinkToolbar: ({ providerFactory, node, linkPicker,
     pluginInjectionApi: ExtractInjectionAPI<typeof cardPlugin> | undefined;
 }) => FloatingToolbarItem<Command>;
 export declare const editLinkToolbarConfig: (showLinkingToolbar: boolean, lpLinkPicker: boolean) => Partial<FloatingToolbarConfig>;
-export declare const editDatasource: (node: Node, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-card",
-  "version": "0.6.0",
+  "version": "0.7.1",
   "description": "Card plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@atlaskit/adf-schema": "^29.1.0",
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/editor-common": "^75.0.0",
+    "@atlaskit/editor-common": "^75.1.0",
     "@atlaskit/editor-plugin-analytics": "^0.2.0",
     "@atlaskit/editor-plugin-decorations": "^0.2.0",
     "@atlaskit/editor-plugin-feature-flags": "^1.0.0",
@@ -45,7 +45,7 @@
     "@atlaskit/editor-shared-styles": "^2.6.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/link-analytics": "^8.3.0",
-    "@atlaskit/link-datasource": "^1.1.0",
+    "@atlaskit/link-datasource": "^1.2.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/smart-card": "^26.26.0",
     "@atlaskit/theme": "^12.6.0",

package/dist/cjs/ui/SmallerEditIcon.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SmallerEditIcon = void 0;
-var _react = require("@emotion/react");
-var _styles = require("@atlaskit/editor-common/styles");
-var _edit = _interopRequireDefault(require("@atlaskit/icon/glyph/edit"));
-/** @jsx jsx */
-
-/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
-var SmallerEditIcon = function SmallerEditIcon() {
-  return (0, _react.jsx)("div", {
-    css: _styles.editIconStyles
-  }, (0, _react.jsx)(_edit.default, {
-    label: "edit"
-  }));
-};
-/* eslint-enable @atlaskit/design-system/consistent-css-prop-usage */
-exports.SmallerEditIcon = SmallerEditIcon;

package/dist/es2019/ui/SmallerEditIcon.js

@@ -1,14 +0,0 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { editIconStyles } from '@atlaskit/editor-common/styles';
-import EditIcon from '@atlaskit/icon/glyph/edit';
-
-/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
-export const SmallerEditIcon = () => {
-  return jsx("div", {
-    css: editIconStyles
-  }, jsx(EditIcon, {
-    label: "edit"
-  }));
-};
-/* eslint-enable @atlaskit/design-system/consistent-css-prop-usage */

package/dist/esm/ui/SmallerEditIcon.js

@@ -1,14 +0,0 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { editIconStyles } from '@atlaskit/editor-common/styles';
-import EditIcon from '@atlaskit/icon/glyph/edit';
-
-/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
-export var SmallerEditIcon = function SmallerEditIcon() {
-  return jsx("div", {
-    css: editIconStyles
-  }, jsx(EditIcon, {
-    label: "edit"
-  }));
-};
-/* eslint-enable @atlaskit/design-system/consistent-css-prop-usage */

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

@@ -1,3 +0,0 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-export declare const SmallerEditIcon: () => jsx.JSX.Element;

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

@@ -1,3 +0,0 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-export declare const SmallerEditIcon: () => jsx.JSX.Element;