@atlaskit/editor-plugin-placeholder-text 2.2.2 → 2.3.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-placeholder-text
 
+## 2.3.0
+
+### Minor Changes
+
+- [#150855](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/150855)
+  [`06f114eb0c6a3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/06f114eb0c6a3) -
+  Used plugin selector conditionally behind feature flag
+
 ## 2.2.2
 
 ### Patch Changes

package/dist/cjs/placeholderTextPlugin.js

@@ -12,6 +12,7 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _utils = require("@atlaskit/editor-common/utils");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _text = _interopRequireDefault(require("@atlaskit/icon/core/text"));
@@ -133,13 +134,25 @@ function createPlugin(dispatch, options, api) {
     }
   });
 }
+var useSharedPlaceholderTextState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
+  var showInsertPanelAt = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'placeholderText.showInsertPanelAt');
+  return {
+    showInsertPanelAt: showInsertPanelAt
+  };
+}, function (api) {
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['placeholderText']),
+    placeholderTextState = _useSharedPluginState.placeholderTextState;
+  return {
+    showInsertPanelAt: placeholderTextState === null || placeholderTextState === void 0 ? void 0 : placeholderTextState.showInsertPanelAt
+  };
+});
 function ContentComponent(_ref) {
   var editorView = _ref.editorView,
     dependencyApi = _ref.dependencyApi,
     popupsMountPoint = _ref.popupsMountPoint,
     popupsBoundariesElement = _ref.popupsBoundariesElement;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(dependencyApi, ['placeholderText']),
-    placeholderTextState = _useSharedPluginState.placeholderTextState;
+  var _useSharedPlaceholder = useSharedPlaceholderTextState(dependencyApi),
+    showInsertPanelAt = _useSharedPlaceholder.showInsertPanelAt;
   var insertPlaceholderText = function insertPlaceholderText(value) {
     return (0, _actions.insertPlaceholderTextAtSelection)(value)(editorView.state, editorView.dispatch);
   };
@@ -155,7 +168,7 @@ function ContentComponent(_ref) {
   var setFocusInEditor = function setFocusInEditor() {
     return editorView.focus();
   };
-  if (placeholderTextState !== null && placeholderTextState !== void 0 && placeholderTextState.showInsertPanelAt) {
+  if (showInsertPanelAt) {
     return /*#__PURE__*/_react.default.createElement(_PlaceholderFloatingToolbar.default
     // Ignored via go/ees005
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
@@ -166,7 +179,7 @@ function ContentComponent(_ref) {
       getFixedCoordinatesFromPos: getFixedCoordinatesFromPos,
       getNodeFromPos: getNodeFromPos,
       hidePlaceholderFloatingToolbar: hidePlaceholderToolbar,
-      showInsertPanelAt: placeholderTextState.showInsertPanelAt,
+      showInsertPanelAt: showInsertPanelAt,
       insertPlaceholder: insertPlaceholderText,
       setFocusInEditor: setFocusInEditor
     });

package/dist/es2019/placeholderTextPlugin.js

@@ -1,9 +1,10 @@
 import React from 'react';
 import { placeholder } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginState, sharedPluginStateHookMigratorFactory } from '@atlaskit/editor-common/hooks';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { isNodeEmpty } from '@atlaskit/editor-common/utils';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import TextIcon from '@atlaskit/icon/core/text';
@@ -126,6 +127,19 @@ export function createPlugin(dispatch, options, api) {
     }
   });
 }
+const useSharedPlaceholderTextState = sharedPluginStateHookMigratorFactory(api => {
+  const showInsertPanelAt = useSharedPluginStateSelector(api, 'placeholderText.showInsertPanelAt');
+  return {
+    showInsertPanelAt
+  };
+}, api => {
+  const {
+    placeholderTextState
+  } = useSharedPluginState(api, ['placeholderText']);
+  return {
+    showInsertPanelAt: placeholderTextState === null || placeholderTextState === void 0 ? void 0 : placeholderTextState.showInsertPanelAt
+  };
+});
 function ContentComponent({
   editorView,
   dependencyApi,
@@ -133,14 +147,14 @@ function ContentComponent({
   popupsBoundariesElement
 }) {
   const {
-    placeholderTextState
-  } = useSharedPluginState(dependencyApi, ['placeholderText']);
+    showInsertPanelAt
+  } = useSharedPlaceholderTextState(dependencyApi);
   const insertPlaceholderText = value => insertPlaceholderTextAtSelection(value)(editorView.state, editorView.dispatch);
   const hidePlaceholderToolbar = () => hidePlaceholderFloatingToolbar(editorView.state, editorView.dispatch);
   const getNodeFromPos = pos => editorView.domAtPos(pos).node;
   const getFixedCoordinatesFromPos = pos => editorView.coordsAtPos(pos);
   const setFocusInEditor = () => editorView.focus();
-  if (placeholderTextState !== null && placeholderTextState !== void 0 && placeholderTextState.showInsertPanelAt) {
+  if (showInsertPanelAt) {
     return /*#__PURE__*/React.createElement(PlaceholderFloatingToolbar
     // Ignored via go/ees005
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
@@ -151,7 +165,7 @@ function ContentComponent({
       getFixedCoordinatesFromPos: getFixedCoordinatesFromPos,
       getNodeFromPos: getNodeFromPos,
       hidePlaceholderFloatingToolbar: hidePlaceholderToolbar,
-      showInsertPanelAt: placeholderTextState.showInsertPanelAt,
+      showInsertPanelAt: showInsertPanelAt,
       insertPlaceholder: insertPlaceholderText,
       setFocusInEditor: setFocusInEditor
     });

package/dist/esm/placeholderTextPlugin.js

@@ -1,9 +1,10 @@
 import React from 'react';
 import { placeholder } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginState, sharedPluginStateHookMigratorFactory } from '@atlaskit/editor-common/hooks';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { isNodeEmpty } from '@atlaskit/editor-common/utils';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import TextIcon from '@atlaskit/icon/core/text';
@@ -125,13 +126,25 @@ export function createPlugin(dispatch, options, api) {
     }
   });
 }
+var useSharedPlaceholderTextState = sharedPluginStateHookMigratorFactory(function (api) {
+  var showInsertPanelAt = useSharedPluginStateSelector(api, 'placeholderText.showInsertPanelAt');
+  return {
+    showInsertPanelAt: showInsertPanelAt
+  };
+}, function (api) {
+  var _useSharedPluginState = useSharedPluginState(api, ['placeholderText']),
+    placeholderTextState = _useSharedPluginState.placeholderTextState;
+  return {
+    showInsertPanelAt: placeholderTextState === null || placeholderTextState === void 0 ? void 0 : placeholderTextState.showInsertPanelAt
+  };
+});
 function ContentComponent(_ref) {
   var editorView = _ref.editorView,
     dependencyApi = _ref.dependencyApi,
     popupsMountPoint = _ref.popupsMountPoint,
     popupsBoundariesElement = _ref.popupsBoundariesElement;
-  var _useSharedPluginState = useSharedPluginState(dependencyApi, ['placeholderText']),
-    placeholderTextState = _useSharedPluginState.placeholderTextState;
+  var _useSharedPlaceholder = useSharedPlaceholderTextState(dependencyApi),
+    showInsertPanelAt = _useSharedPlaceholder.showInsertPanelAt;
   var insertPlaceholderText = function insertPlaceholderText(value) {
     return insertPlaceholderTextAtSelection(value)(editorView.state, editorView.dispatch);
   };
@@ -147,7 +160,7 @@ function ContentComponent(_ref) {
   var setFocusInEditor = function setFocusInEditor() {
     return editorView.focus();
   };
-  if (placeholderTextState !== null && placeholderTextState !== void 0 && placeholderTextState.showInsertPanelAt) {
+  if (showInsertPanelAt) {
     return /*#__PURE__*/React.createElement(PlaceholderFloatingToolbar
     // Ignored via go/ees005
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
@@ -158,7 +171,7 @@ function ContentComponent(_ref) {
       getFixedCoordinatesFromPos: getFixedCoordinatesFromPos,
       getNodeFromPos: getNodeFromPos,
       hidePlaceholderFloatingToolbar: hidePlaceholderToolbar,
-      showInsertPanelAt: placeholderTextState.showInsertPanelAt,
+      showInsertPanelAt: showInsertPanelAt,
       insertPlaceholder: insertPlaceholderText,
       setFocusInEditor: setFocusInEditor
     });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-placeholder-text",
-	"version": "2.2.2",
+	"version": "2.3.0",
 	"description": "placeholder text plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"