@atlaskit/editor-plugin-card 1.4.4 → 1.6.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-plugin-card
 
+## 1.6.0
+
+### Minor Changes
+
+- [#88000](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/88000) [`61b44e565851`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/61b44e565851) - [ux] FF clean up platform.editor.show-embed-card-frame-renderer
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.5.0
+
+### Minor Changes
+
+- [#87262](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/87262) [`a30a91a62f03`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a30a91a62f03) - Add slash command for confluence search datasource creation
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.4.4
 
 ### Patch Changes

package/dist/cjs/plugin.js

@@ -25,6 +25,7 @@ var _ModalWithState = _interopRequireDefault(require("./ui/DatasourceModal/Modal
 var _EditorLinkingPlatformAnalytics = require("./ui/EditorLinkingPlatformAnalytics");
 var _EditorSmartCardEvents = require("./ui/EditorSmartCardEvents");
 var _LayoutButton = _interopRequireDefault(require("./ui/LayoutButton"));
+var _utils2 = require("./utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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; }
 /**
@@ -165,6 +166,24 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
             }
           });
         }
+        if ((0, _utils2.isDatasourceConfigEditable)(_linkDatasource.CONFLUENCE_SEARCH_DATASOURCE_ID)) {
+          quickInsertArray.push({
+            id: 'datasource',
+            title: formatMessage(_messages.cardMessages.datasourceConfluenceSearch),
+            description: formatMessage(_messages.cardMessages.datasourceConfluenceSearchDescription),
+            categories: ['external-content', 'development'],
+            keywords: ['confluence'],
+            featured: true,
+            icon: function icon() {
+              return /*#__PURE__*/_react.default.createElement(_quickInsert.IconDatasourceConfluenceSearch, null);
+            },
+            action: function action(insert) {
+              var tr = insert(undefined);
+              (0, _actions.showDatasourceModal)('confluence-search')(tr);
+              return tr;
+            }
+          });
+        }
         return quickInsertArray;
       }
     }

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

@@ -162,6 +162,8 @@ var DatasourceModal = exports.DatasourceModal = function DatasourceModal(_ref) {
       onInsert: onInsert
     }));
   }
+
+  // TODO: further refactor in https://product-fabric.atlassian.net/browse/EDM-9637
   if (modalType === 'confluence-search') {
     var _existingNode7, _tableView2$propertie, _existingNode8;
     if (!ready) {
@@ -208,7 +210,6 @@ var DatasourceModal = exports.DatasourceModal = function DatasourceModal(_ref) {
       "data-testid": "confluence-search-config-modal"
     }, /*#__PURE__*/_react.default.createElement(_linkDatasource.ConfluenceSearchConfigModal, {
       datasourceId: _datasourceId2,
-      viewMode: 'issue',
       visibleColumnKeys: _visibleColumnKeys2,
       parameters: _parameters2,
       url: (_existingNode8 = existingNode) === null || _existingNode8 === void 0 ? void 0 : _existingNode8.attrs.url,

package/dist/cjs/ui/ResizableEmbedCard.js

@@ -15,11 +15,9 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _styles = require("@atlaskit/editor-common/styles");
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _smartCard = require("@atlaskit/smart-card");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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; }
@@ -333,12 +331,9 @@ var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Compone
         containerWidth = _this$props6.containerWidth,
         fullWidthMode = _this$props6.fullWidthMode,
         children = _this$props6.children;
-      var resizerProps = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.show-embed-card-frame-renderer') ? {
+      var resizerProps = {
         width: this.calcPxWidth(),
         innerPadding: _editorSharedStyles.akEditorMediaResizeHandlerPadding
-      } : {
-        width: this.calcPxWidth() - _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide,
-        innerPadding: _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide
       };
       var enable = {};
       _ui.handleSides.forEach(function (side) {
@@ -366,7 +361,6 @@ var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Compone
 
       /* eslint-disable  @atlaskit/design-system/consistent-css-prop-usage */
       return (0, _react2.jsx)("div", {
-        css: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.show-embed-card-frame-renderer') ? {} : _styles.embedSpacingStyles,
         "data-testid": "resizable-embed-card-spacing"
       }, (0, _react2.jsx)("div", {
         css: (0, _ui.wrapperStyle)({

package/dist/es2019/plugin.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { blockCard, embedCard, inlineCard } from '@atlaskit/adf-schema';
 import { cardMessages as messages } from '@atlaskit/editor-common/messages';
-import { IconDatasourceAssetsObjects, IconDatasourceJiraIssue } from '@atlaskit/editor-common/quick-insert';
+import { IconDatasourceAssetsObjects, IconDatasourceConfluenceSearch, IconDatasourceJiraIssue } from '@atlaskit/editor-common/quick-insert';
 import { canRenderDatasource } from '@atlaskit/editor-common/utils';
-import { ASSETS_LIST_OF_LINKS_DATASOURCE_ID } from '@atlaskit/link-datasource';
+import { ASSETS_LIST_OF_LINKS_DATASOURCE_ID, CONFLUENCE_SEARCH_DATASOURCE_ID } from '@atlaskit/link-datasource';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { createEventsQueue } from './analytics/create-events-queue';
 import { hideLinkToolbar, showDatasourceModal } from './pm-plugins/actions';
@@ -17,6 +17,7 @@ import DatasourceModalWithState from './ui/DatasourceModal/ModalWithState';
 import { EditorLinkingPlatformAnalytics } from './ui/EditorLinkingPlatformAnalytics';
 import { EditorSmartCardEvents } from './ui/EditorSmartCardEvents';
 import LayoutButton from './ui/LayoutButton';
+import { isDatasourceConfigEditable } from './utils';
 /**
  * Card plugin to be added to an `EditorPresetBuilder` and used with `ComposableEditor`
  * from `@atlaskit/editor-core`.
@@ -154,6 +155,22 @@ export const cardPlugin = ({
             }
           });
         }
+        if (isDatasourceConfigEditable(CONFLUENCE_SEARCH_DATASOURCE_ID)) {
+          quickInsertArray.push({
+            id: 'datasource',
+            title: formatMessage(messages.datasourceConfluenceSearch),
+            description: formatMessage(messages.datasourceConfluenceSearchDescription),
+            categories: ['external-content', 'development'],
+            keywords: ['confluence'],
+            featured: true,
+            icon: () => /*#__PURE__*/React.createElement(IconDatasourceConfluenceSearch, null),
+            action(insert) {
+              const tr = insert(undefined);
+              showDatasourceModal('confluence-search')(tr);
+              return tr;
+            }
+          });
+        }
         return quickInsertArray;
       }
     }

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

@@ -133,6 +133,8 @@ export const DatasourceModal = ({
       onInsert: onInsert
     }));
   }
+
+  // TODO: further refactor in https://product-fabric.atlassian.net/browse/EDM-9637
   if (modalType === 'confluence-search') {
     var _existingNode7, _existingNode7$attrs, _tableView$properties3, _existingNode8;
     if (!ready) {
@@ -168,7 +170,6 @@ export const DatasourceModal = ({
       "data-testid": "confluence-search-config-modal"
     }, /*#__PURE__*/React.createElement(ConfluenceSearchConfigModal, {
       datasourceId: datasourceId,
-      viewMode: 'issue',
       visibleColumnKeys: visibleColumnKeys,
       parameters: parameters,
       url: (_existingNode8 = existingNode) === null || _existingNode8 === void 0 ? void 0 : _existingNode8.attrs.url,

package/dist/es2019/ui/ResizableEmbedCard.js

@@ -3,11 +3,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { embedSpacingStyles } from '@atlaskit/editor-common/styles';
 import { calcColumnsFromPx, calcMediaPxWidth, calcPctFromPx, calcPxFromColumns, handleSides, imageAlignmentMap, Resizer, snapTo, wrappedLayouts, wrapperStyle } from '@atlaskit/editor-common/ui';
 import { findParentNodeOfTypeClosestToPos, hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-import { akEditorBreakoutPadding, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorWideLayoutWidth, breakoutWideScaleRatio, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { akEditorBreakoutPadding, akEditorMediaResizeHandlerPadding, akEditorWideLayoutWidth, breakoutWideScaleRatio, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
 import { embedHeaderHeight } from '@atlaskit/smart-card';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export default class ResizableEmbedCard extends React.Component {
@@ -307,12 +305,9 @@ export default class ResizableEmbedCard extends React.Component {
       fullWidthMode,
       children
     } = this.props;
-    const resizerProps = getBooleanFF('platform.editor.show-embed-card-frame-renderer') ? {
+    const resizerProps = {
       width: this.calcPxWidth(),
       innerPadding: akEditorMediaResizeHandlerPadding
-    } : {
-      width: this.calcPxWidth() - akEditorMediaResizeHandlerPaddingWide,
-      innerPadding: akEditorMediaResizeHandlerPaddingWide
     };
     const enable = {};
     handleSides.forEach(side => {
@@ -340,7 +335,6 @@ export default class ResizableEmbedCard extends React.Component {
 
     /* eslint-disable  @atlaskit/design-system/consistent-css-prop-usage */
     return jsx("div", {
-      css: getBooleanFF('platform.editor.show-embed-card-frame-renderer') ? {} : embedSpacingStyles,
       "data-testid": "resizable-embed-card-spacing"
     }, jsx("div", {
       css: wrapperStyle({

package/dist/esm/plugin.js

@@ -4,9 +4,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React from 'react';
 import { blockCard, embedCard, inlineCard } from '@atlaskit/adf-schema';
 import { cardMessages as messages } from '@atlaskit/editor-common/messages';
-import { IconDatasourceAssetsObjects, IconDatasourceJiraIssue } from '@atlaskit/editor-common/quick-insert';
+import { IconDatasourceAssetsObjects, IconDatasourceConfluenceSearch, IconDatasourceJiraIssue } from '@atlaskit/editor-common/quick-insert';
 import { canRenderDatasource } from '@atlaskit/editor-common/utils';
-import { ASSETS_LIST_OF_LINKS_DATASOURCE_ID } from '@atlaskit/link-datasource';
+import { ASSETS_LIST_OF_LINKS_DATASOURCE_ID, CONFLUENCE_SEARCH_DATASOURCE_ID } from '@atlaskit/link-datasource';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { createEventsQueue } from './analytics/create-events-queue';
 import { hideLinkToolbar, showDatasourceModal } from './pm-plugins/actions';
@@ -20,6 +20,7 @@ import DatasourceModalWithState from './ui/DatasourceModal/ModalWithState';
 import { EditorLinkingPlatformAnalytics } from './ui/EditorLinkingPlatformAnalytics';
 import { EditorSmartCardEvents } from './ui/EditorSmartCardEvents';
 import LayoutButton from './ui/LayoutButton';
+import { isDatasourceConfigEditable } from './utils';
 /**
  * Card plugin to be added to an `EditorPresetBuilder` and used with `ComposableEditor`
  * from `@atlaskit/editor-core`.
@@ -158,6 +159,24 @@ export var cardPlugin = function cardPlugin(_ref) {
             }
           });
         }
+        if (isDatasourceConfigEditable(CONFLUENCE_SEARCH_DATASOURCE_ID)) {
+          quickInsertArray.push({
+            id: 'datasource',
+            title: formatMessage(messages.datasourceConfluenceSearch),
+            description: formatMessage(messages.datasourceConfluenceSearchDescription),
+            categories: ['external-content', 'development'],
+            keywords: ['confluence'],
+            featured: true,
+            icon: function icon() {
+              return /*#__PURE__*/React.createElement(IconDatasourceConfluenceSearch, null);
+            },
+            action: function action(insert) {
+              var tr = insert(undefined);
+              showDatasourceModal('confluence-search')(tr);
+              return tr;
+            }
+          });
+        }
         return quickInsertArray;
       }
     }

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

@@ -152,6 +152,8 @@ export var DatasourceModal = function DatasourceModal(_ref) {
       onInsert: onInsert
     }));
   }
+
+  // TODO: further refactor in https://product-fabric.atlassian.net/browse/EDM-9637
   if (modalType === 'confluence-search') {
     var _existingNode7, _tableView2$propertie, _existingNode8;
     if (!ready) {
@@ -198,7 +200,6 @@ export var DatasourceModal = function DatasourceModal(_ref) {
       "data-testid": "confluence-search-config-modal"
     }, /*#__PURE__*/React.createElement(ConfluenceSearchConfigModal, {
       datasourceId: _datasourceId2,
-      viewMode: 'issue',
       visibleColumnKeys: _visibleColumnKeys2,
       parameters: _parameters2,
       url: (_existingNode8 = existingNode) === null || _existingNode8 === void 0 ? void 0 : _existingNode8.attrs.url,

package/dist/esm/ui/ResizableEmbedCard.js

@@ -13,11 +13,9 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { embedSpacingStyles } from '@atlaskit/editor-common/styles';
 import { calcColumnsFromPx, calcMediaPxWidth, calcPctFromPx, calcPxFromColumns, handleSides, imageAlignmentMap, Resizer, snapTo, wrappedLayouts, wrapperStyle } from '@atlaskit/editor-common/ui';
 import { findParentNodeOfTypeClosestToPos, hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-import { akEditorBreakoutPadding, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorWideLayoutWidth, breakoutWideScaleRatio, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { akEditorBreakoutPadding, akEditorMediaResizeHandlerPadding, akEditorWideLayoutWidth, breakoutWideScaleRatio, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
 import { embedHeaderHeight } from '@atlaskit/smart-card';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
@@ -327,12 +325,9 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
         containerWidth = _this$props6.containerWidth,
         fullWidthMode = _this$props6.fullWidthMode,
         children = _this$props6.children;
-      var resizerProps = getBooleanFF('platform.editor.show-embed-card-frame-renderer') ? {
+      var resizerProps = {
         width: this.calcPxWidth(),
         innerPadding: akEditorMediaResizeHandlerPadding
-      } : {
-        width: this.calcPxWidth() - akEditorMediaResizeHandlerPaddingWide,
-        innerPadding: akEditorMediaResizeHandlerPaddingWide
       };
       var enable = {};
       handleSides.forEach(function (side) {
@@ -360,7 +355,6 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
 
       /* eslint-disable  @atlaskit/design-system/consistent-css-prop-usage */
       return jsx("div", {
-        css: getBooleanFF('platform.editor.show-embed-card-frame-renderer') ? {} : embedSpacingStyles,
         "data-testid": "resizable-embed-card-spacing"
       }, jsx("div", {
         css: wrapperStyle({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-card",
-  "version": "1.4.4",
+  "version": "1.6.0",
   "description": "Card plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -35,7 +35,7 @@
     "@atlaskit/adf-schema": "^35.8.0",
     "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/custom-steps": "^0.0.17",
-    "@atlaskit/editor-common": "^78.24.0",
+    "@atlaskit/editor-common": "^78.26.0",
     "@atlaskit/editor-plugin-analytics": "^1.0.0",
     "@atlaskit/editor-plugin-decorations": "^1.0.0",
     "@atlaskit/editor-plugin-feature-flags": "^1.0.0",
@@ -54,7 +54,7 @@
     "@atlaskit/linking-types": "^8.8.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/primitives": "^5.5.0",
-    "@atlaskit/smart-card": "^26.52.0",
+    "@atlaskit/smart-card": "^26.53.0",
     "@atlaskit/theme": "^12.7.0",
     "@atlaskit/tokens": "^1.43.0",
     "@babel/runtime": "^7.0.0",
@@ -107,9 +107,6 @@
     "platform.linking-platform.smart-card.inline-switcher": {
       "type": "boolean"
     },
-    "platform.editor.show-embed-card-frame-renderer": {
-      "type": "boolean"
-    },
     "platform.linking-platform.datasource-word_wrap": {
       "type": "boolean"
     },