@atlaskit/editor-plugin-extension 1.15.7 → 1.16.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @atlaskit/editor-plugin-extension
 
+## 1.16.0
+
+### Minor Changes
+
+- [#159018](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/159018)
+  [`14d5e189df870`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/14d5e189df870) -
+  [ux] ED-25367-remove-copy-button-from-view-mode-when-its-the-only-item
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.15.9
+
+### Patch Changes
+
+- [#160771](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/160771)
+  [`52c92c480a7df`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/52c92c480a7df) -
+  Passes bodied macro feature gate and live page info from Confluence to extension nodes
+- Updated dependencies
+
+## 1.15.8
+
+### Patch Changes
+
+- [`0b274edd1ef5e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0b274edd1ef5e) -
+  Init new calendar button functionality in ConfigPanel date pickers
+
 ## 1.15.7
 
 ### Patch Changes

package/dist/cjs/plugin.js

@@ -70,7 +70,7 @@ var extensionPlugin = exports.extensionPlugin = function extensionPlugin(_ref) {
           var extensionHandlers = options.extensionHandlers || {};
           return (0, _main.createPlugin)(dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, _api, options.useLongPressSelection, {
             appearance: options.appearance
-          }, featureFlags);
+          }, featureFlags, options === null || options === void 0 ? void 0 : options.__livePage);
         }
       }, {
         name: 'extensionKeymap',

package/dist/cjs/pm-plugins/main.js

@@ -190,6 +190,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, provid
   var useLongPressSelection = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
   var options = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : {};
   var featureFlags = arguments.length > 8 ? arguments[8] : undefined;
+  var __livePage = arguments.length > 9 ? arguments[9] : undefined;
   var state = (0, _pluginFactory.createPluginState)(dispatch, {
     showEditButton: false,
     showContextPanel: false
@@ -201,6 +202,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, provid
     showMacroInteractionDesignUpdates: (_featureFlags$macroIn = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.macroInteractionUpdates) !== null && _featureFlags$macroIn !== void 0 ? _featureFlags$macroIn : false,
     showMacroButtonUpdates: (_featureFlags$macroIn2 = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.macroInteractionButtonUpdates) !== null && _featureFlags$macroIn2 !== void 0 ? _featureFlags$macroIn2 : false
   };
+  var showLivePagesBodiedMacrosRendererView = !!(__livePage && featureFlags !== null && featureFlags !== void 0 && featureFlags.livePagesBodiedMacrosRendererView);
   return new _safePlugin.SafePlugin({
     state: state,
     view: function view(editorView) {
@@ -299,7 +301,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, provid
         // WARNING: referentiality-plugin also creates these nodeviews
         extension: (0, _lazyExtension.lazyExtensionNodeView)('extension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags),
         // WARNING: referentiality-plugin also creates these nodeviews
-        bodiedExtension: (0, _lazyExtension.lazyExtensionNodeView)('bodiedExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags),
+        bodiedExtension: (0, _lazyExtension.lazyExtensionNodeView)('bodiedExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView),
         // WARNING: referentiality-plugin also creates these nodeviews
         inlineExtension: (0, _lazyExtension.lazyExtensionNodeView)('inlineExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags),
         multiBodiedExtension: (0, _lazyExtension.lazyExtensionNodeView)('multiBodiedExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags)

package/dist/cjs/toolbar.js

@@ -21,6 +21,7 @@ var _mediaCenter = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/m
 var _mediaFullWidth = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/media-full-width"));
 var _mediaWide = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/media-wide"));
 var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _actions = require("./actions");
 var _commands = require("./commands");
 var _pluginKey = require("./pm-plugins/macro/plugin-key");
@@ -176,7 +177,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
           separator: 'end'
         }, {
           type: 'copy-button',
-          supportsViewMode: true,
+          supportsViewMode: !(0, _platformFeatureFlags.fg)('platform_editor_remove_copy_button_from_view_mode'),
           items: [{
             state: state,
             formatMessage: intl.formatMessage,

package/dist/cjs/ui/ConfigPanel/Fields/Date.js

@@ -45,7 +45,9 @@ function Date(_ref) {
         onFieldChange(name, true);
       },
       locale: intl.locale,
-      placeholder: placeholder
+      placeholder: placeholder,
+      shouldShowCalendarButton: true,
+      inputLabel: label
     })), /*#__PURE__*/_react.default.createElement(_FieldMessages.default, {
       error: error,
       description: description

package/dist/cjs/ui/ConfigPanel/Fields/DateRange.js

@@ -68,7 +68,9 @@ var DateField = function DateField(_ref) {
         fieldProps.onChange(date);
         onFieldChange(parentField.name, true);
       },
-      locale: intl.locale
+      locale: intl.locale,
+      shouldShowCalendarButton: true,
+      inputLabel: intl.formatMessage(_extensions.configPanelMessages[fieldName])
     })), (0, _react2.jsx)(_FieldMessages.default, {
       error: error
     }));

package/dist/es2019/plugin.js

@@ -64,7 +64,7 @@ export const extensionPlugin = ({
           const extensionHandlers = options.extensionHandlers || {};
           return createPlugin(dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, api, options.useLongPressSelection, {
             appearance: options.appearance
-          }, featureFlags);
+          }, featureFlags, options === null || options === void 0 ? void 0 : options.__livePage);
         }
       }, {
         name: 'extensionKeymap',

package/dist/es2019/pm-plugins/main.js

@@ -114,7 +114,7 @@ export const handleUpdate = ({
   }
   return true;
 };
-const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, pluginInjectionApi, useLongPressSelection = false, options = {}, featureFlags) => {
+const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, pluginInjectionApi, useLongPressSelection = false, options = {}, featureFlags, __livePage) => {
   var _featureFlags$macroIn, _featureFlags$macroIn2;
   const state = createPluginState(dispatch, {
     showEditButton: false,
@@ -127,6 +127,7 @@ const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProvid
     showMacroInteractionDesignUpdates: (_featureFlags$macroIn = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.macroInteractionUpdates) !== null && _featureFlags$macroIn !== void 0 ? _featureFlags$macroIn : false,
     showMacroButtonUpdates: (_featureFlags$macroIn2 = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.macroInteractionButtonUpdates) !== null && _featureFlags$macroIn2 !== void 0 ? _featureFlags$macroIn2 : false
   };
+  const showLivePagesBodiedMacrosRendererView = !!(__livePage && featureFlags !== null && featureFlags !== void 0 && featureFlags.livePagesBodiedMacrosRendererView);
   return new SafePlugin({
     state,
     view: editorView => {
@@ -234,7 +235,7 @@ const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProvid
         // WARNING: referentiality-plugin also creates these nodeviews
         extension: lazyExtensionNodeView('extension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags),
         // WARNING: referentiality-plugin also creates these nodeviews
-        bodiedExtension: lazyExtensionNodeView('bodiedExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags),
+        bodiedExtension: lazyExtensionNodeView('bodiedExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView),
         // WARNING: referentiality-plugin also creates these nodeviews
         inlineExtension: lazyExtensionNodeView('inlineExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags),
         multiBodiedExtension: lazyExtensionNodeView('multiBodiedExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags)

package/dist/es2019/toolbar.js

@@ -13,6 +13,7 @@ import CenterIcon from '@atlaskit/icon/glyph/editor/media-center';
 import FullWidthIcon from '@atlaskit/icon/glyph/editor/media-full-width';
 import WideIcon from '@atlaskit/icon/glyph/editor/media-wide';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editExtension } from './actions';
 import { removeDescendantNodes, removeExtension, updateExtensionLayout } from './commands';
 import { pluginKey as macroPluginKey } from './pm-plugins/macro/plugin-key';
@@ -173,7 +174,7 @@ export const getToolbarConfig = ({
         separator: 'end'
       }, {
         type: 'copy-button',
-        supportsViewMode: true,
+        supportsViewMode: !fg('platform_editor_remove_copy_button_from_view_mode'),
         items: [{
           state,
           formatMessage: intl.formatMessage,

package/dist/es2019/ui/ConfigPanel/Fields/Date.js

@@ -40,7 +40,9 @@ function Date({
         onFieldChange(name, true);
       },
       locale: intl.locale,
-      placeholder: placeholder
+      placeholder: placeholder,
+      shouldShowCalendarButton: true,
+      inputLabel: label
     })), /*#__PURE__*/React.createElement(FieldMessages, {
       error: error,
       description: description

package/dist/es2019/ui/ConfigPanel/Fields/DateRange.js

@@ -59,7 +59,9 @@ const DateField = ({
     fieldProps.onChange(date);
     onFieldChange(parentField.name, true);
   },
-  locale: intl.locale
+  locale: intl.locale,
+  shouldShowCalendarButton: true,
+  inputLabel: intl.formatMessage(messages[fieldName])
 })), jsx(FieldMessages, {
   error: error
 }))));

package/dist/esm/plugin.js

@@ -63,7 +63,7 @@ export var extensionPlugin = function extensionPlugin(_ref) {
           var extensionHandlers = options.extensionHandlers || {};
           return createPlugin(dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, _api, options.useLongPressSelection, {
             appearance: options.appearance
-          }, featureFlags);
+          }, featureFlags, options === null || options === void 0 ? void 0 : options.__livePage);
         }
       }, {
         name: 'extensionKeymap',

package/dist/esm/pm-plugins/main.js

@@ -164,6 +164,7 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
   var useLongPressSelection = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
   var options = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : {};
   var featureFlags = arguments.length > 8 ? arguments[8] : undefined;
+  var __livePage = arguments.length > 9 ? arguments[9] : undefined;
   var state = createPluginState(dispatch, {
     showEditButton: false,
     showContextPanel: false
@@ -175,6 +176,7 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
     showMacroInteractionDesignUpdates: (_featureFlags$macroIn = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.macroInteractionUpdates) !== null && _featureFlags$macroIn !== void 0 ? _featureFlags$macroIn : false,
     showMacroButtonUpdates: (_featureFlags$macroIn2 = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.macroInteractionButtonUpdates) !== null && _featureFlags$macroIn2 !== void 0 ? _featureFlags$macroIn2 : false
   };
+  var showLivePagesBodiedMacrosRendererView = !!(__livePage && featureFlags !== null && featureFlags !== void 0 && featureFlags.livePagesBodiedMacrosRendererView);
   return new SafePlugin({
     state: state,
     view: function view(editorView) {
@@ -273,7 +275,7 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
         // WARNING: referentiality-plugin also creates these nodeviews
         extension: lazyExtensionNodeView('extension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags),
         // WARNING: referentiality-plugin also creates these nodeviews
-        bodiedExtension: lazyExtensionNodeView('bodiedExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags),
+        bodiedExtension: lazyExtensionNodeView('bodiedExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView),
         // WARNING: referentiality-plugin also creates these nodeviews
         inlineExtension: lazyExtensionNodeView('inlineExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags),
         multiBodiedExtension: lazyExtensionNodeView('multiBodiedExtension', portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags)

package/dist/esm/toolbar.js

@@ -14,6 +14,7 @@ import CenterIcon from '@atlaskit/icon/glyph/editor/media-center';
 import FullWidthIcon from '@atlaskit/icon/glyph/editor/media-full-width';
 import WideIcon from '@atlaskit/icon/glyph/editor/media-wide';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editExtension } from './actions';
 import { removeDescendantNodes, removeExtension, updateExtensionLayout } from './commands';
 import { pluginKey as macroPluginKey } from './pm-plugins/macro/plugin-key';
@@ -169,7 +170,7 @@ export var getToolbarConfig = function getToolbarConfig(_ref) {
           separator: 'end'
         }, {
           type: 'copy-button',
-          supportsViewMode: true,
+          supportsViewMode: !fg('platform_editor_remove_copy_button_from_view_mode'),
           items: [{
             state: state,
             formatMessage: intl.formatMessage,

package/dist/esm/ui/ConfigPanel/Fields/Date.js

@@ -38,7 +38,9 @@ function Date(_ref) {
         onFieldChange(name, true);
       },
       locale: intl.locale,
-      placeholder: placeholder
+      placeholder: placeholder,
+      shouldShowCalendarButton: true,
+      inputLabel: label
     })), /*#__PURE__*/React.createElement(FieldMessages, {
       error: error,
       description: description

package/dist/esm/ui/ConfigPanel/Fields/DateRange.js

@@ -64,7 +64,9 @@ var DateField = function DateField(_ref) {
         fieldProps.onChange(date);
         onFieldChange(parentField.name, true);
       },
-      locale: intl.locale
+      locale: intl.locale,
+      shouldShowCalendarButton: true,
+      inputLabel: intl.formatMessage(messages[fieldName])
     })), jsx(FieldMessages, {
       error: error
     }));

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

@@ -20,5 +20,5 @@ export declare const handleUpdate: ({ view, prevState, domAtPos, extensionHandle
 }) => true | undefined;
 declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginInjectionApi: ExtractInjectionAPI<ExtensionPlugin> | undefined, useLongPressSelection?: boolean, options?: {
     appearance?: EditorAppearance;
-}, featureFlags?: FeatureFlags) => SafePlugin<import("../types").ExtensionState>;
+}, featureFlags?: FeatureFlags, __livePage?: boolean) => SafePlugin<import("../types").ExtensionState>;
 export { pluginKey, createPlugin, createCommand, getPluginState };

package/dist/types/types.d.ts

@@ -41,6 +41,7 @@ export interface ExtensionPluginOptions extends LongPressSelectionPluginOptions
     breakoutEnabled?: boolean;
     extensionHandlers?: ExtensionHandlers;
     appearance?: EditorAppearance;
+    __livePage?: boolean;
 }
 type InsertMacroFromMacroBrowser = (macroProvider: MacroProvider, macroNode?: PmNode, isEditing?: boolean) => (view: EditorView) => Promise<boolean>;
 export type RunMacroAutoConvert = (state: EditorState, text: string) => PmNode | null;

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

@@ -20,5 +20,5 @@ export declare const handleUpdate: ({ view, prevState, domAtPos, extensionHandle
 }) => true | undefined;
 declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginInjectionApi: ExtractInjectionAPI<ExtensionPlugin> | undefined, useLongPressSelection?: boolean, options?: {
     appearance?: EditorAppearance;
-}, featureFlags?: FeatureFlags) => SafePlugin<import("../types").ExtensionState>;
+}, featureFlags?: FeatureFlags, __livePage?: boolean) => SafePlugin<import("../types").ExtensionState>;
 export { pluginKey, createPlugin, createCommand, getPluginState };

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

@@ -41,6 +41,7 @@ export interface ExtensionPluginOptions extends LongPressSelectionPluginOptions
     breakoutEnabled?: boolean;
     extensionHandlers?: ExtensionHandlers;
     appearance?: EditorAppearance;
+    __livePage?: boolean;
 }
 type InsertMacroFromMacroBrowser = (macroProvider: MacroProvider, macroNode?: PmNode, isEditing?: boolean) => (view: EditorView) => Promise<boolean>;
 export type RunMacroAutoConvert = (state: EditorState, text: string) => PmNode | null;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-extension",
-	"version": "1.15.7",
+	"version": "1.16.0",
 	"description": "editor-plugin-extension plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -30,7 +30,7 @@
 		"@atlaskit/button": "^20.3.0",
 		"@atlaskit/checkbox": "^15.1.0",
 		"@atlaskit/datetime-picker": "^15.7.0",
-		"@atlaskit/editor-common": "^94.9.0",
+		"@atlaskit/editor-common": "^94.13.0",
 		"@atlaskit/editor-json-transformer": "^8.20.0",
 		"@atlaskit/editor-plugin-analytics": "^1.10.0",
 		"@atlaskit/editor-plugin-context-identifier": "^1.3.0",
@@ -39,7 +39,7 @@
 		"@atlaskit/editor-plugin-feature-flags": "^1.2.0",
 		"@atlaskit/editor-plugin-width": "^1.3.0",
 		"@atlaskit/editor-prosemirror": "6.0.0",
-		"@atlaskit/editor-shared-styles": "^3.1.0",
+		"@atlaskit/editor-shared-styles": "^3.2.0",
 		"@atlaskit/editor-tables": "^2.8.0",
 		"@atlaskit/empty-state": "^7.12.0",
 		"@atlaskit/form": "^10.5.0",
@@ -49,16 +49,16 @@
 		"@atlaskit/primitives": "^13.0.0",
 		"@atlaskit/radio": "^6.5.0",
 		"@atlaskit/section-message": "^6.6.0",
-		"@atlaskit/select": "^18.4.0",
+		"@atlaskit/select": "^18.5.0",
 		"@atlaskit/smart-user-picker": "^6.11.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/tabs": "^16.5.0",
 		"@atlaskit/textarea": "^5.6.0",
 		"@atlaskit/textfield": "^6.5.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tmp-editor-statsig": "^2.10.0",
+		"@atlaskit/tmp-editor-statsig": "^2.12.0",
 		"@atlaskit/toggle": "^13.4.0",
-		"@atlaskit/tokens": "^2.0.0",
+		"@atlaskit/tokens": "^2.2.0",
 		"@atlaskit/tooltip": "^18.8.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -106,6 +106,11 @@
 			]
 		}
 	},
+	"platform-feature-flags": {
+		"platform_editor_remove_copy_button_from_view_mode": {
+			"type": "boolean"
+		}
+	},
 	"stricter": {
 		"no-unused-dependencies": {
 			"checkDevDependencies": true