@atlaskit/editor-plugin-tasks-and-decisions 9.1.18 → 9.1.20

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-tasks-and-decisions
 
+## 9.1.20
+
+### Patch Changes
+
+- Updated dependencies
+
+## 9.1.19
+
+### Patch Changes
+
+- [`e3779b75fdeca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e3779b75fdeca) -
+  EDITOR-1643 Promote syncBlock and bodiedSyncBlock to full schema
+- Updated dependencies
+
 ## 9.1.18
 
 ### Patch Changes

package/dist/cjs/tasksAndDecisionsPlugin.js

@@ -32,6 +32,7 @@ var _keymaps = _interopRequireWildcard(require("./pm-plugins/keymaps"));
 var _main = require("./pm-plugins/main");
 var _pluginKey = require("./pm-plugins/plugin-key");
 var _toggleTasklistCommands = require("./pm-plugins/toggle-tasklist-commands");
+var _DecisionListBlockMenuItem = require("./ui/DecisionListBlockMenuItem/DecisionListBlockMenuItem");
 var _RequestToEditPopup = require("./ui/Task/RequestToEditPopup");
 var _TaskListBlockMenuItem = require("./ui/TaskListBlockMenuItem/TaskListBlockMenuItem");
 var _toolbarComponents = require("./ui/toolbar-components");
@@ -139,6 +140,19 @@ var tasksAndDecisionsPlugin = exports.tasksAndDecisionsPlugin = function tasksAn
           api: api
         });
       }
+    }, {
+      type: 'block-menu-item',
+      key: _blockMenu.TRANSFORM_STRUCTURE_DECISION_MENU_ITEM.key,
+      parent: {
+        type: 'block-menu-section',
+        key: _blockMenu.TRANSFORM_STRUCTURE_MENU_SECTION.key,
+        rank: _blockMenu.TRANSFORM_STRUCTURE_MENU_SECTION_RANK[_blockMenu.TRANSFORM_STRUCTURE_DECISION_MENU_ITEM.key]
+      },
+      component: function component() {
+        return /*#__PURE__*/React.createElement(_DecisionListBlockMenuItem.DecisionListBlockMenuItem, {
+          api: api
+        });
+      }
     }]);
   }
   return {

package/dist/cjs/ui/DecisionListBlockMenuItem/DecisionListBlockMenuItem.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DecisionListBlockMenuItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _hooks = require("@atlaskit/editor-common/hooks");
+var _messages = require("@atlaskit/editor-common/messages");
+var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _decision = _interopRequireDefault(require("@atlaskit/icon/core/decision"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var DecisionListBlockMenuItem = exports.DecisionListBlockMenuItem = function DecisionListBlockMenuItem(_ref) {
+  var api = _ref.api;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var selection = (0, _hooks.useSharedPluginStateWithSelector)(api, ['selection'], function (states) {
+    var _states$selectionStat;
+    return (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection;
+  });
+  var isSelected = (0, _react.useMemo)(function () {
+    return selection && selection.$from.parent.type.name === 'decisionItem';
+  }, [selection]);
+  var onClick = function onClick(event) {
+    var triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ? _analytics.INPUT_METHOD.KEYBOARD : _analytics.INPUT_METHOD.MOUSE;
+    var inputMethod = _analytics.INPUT_METHOD.BLOCK_MENU;
+    api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
+      var _api$blockMenu;
+      var tr = _ref2.tr;
+      var command = api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.commands.transformNode(tr.doc.type.schema.nodes.decisionList, {
+        inputMethod: inputMethod,
+        triggeredFrom: triggeredFrom,
+        targetTypeName: 'decisionList'
+      });
+      return command ? command({
+        tr: tr
+      }) : null;
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+    isSelected: isSelected,
+    onClick: onClick,
+    elemBefore: /*#__PURE__*/_react.default.createElement(_decision.default, {
+      label: ""
+    })
+  }, formatMessage(_messages.blockMenuMessages.decisionList));
+};

package/dist/cjs/ui/TaskListBlockMenuItem/TaskListBlockMenuItem.js

@@ -9,8 +9,8 @@ exports.TaskListBlockMenuItem = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
-var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _task = _interopRequireDefault(require("@atlaskit/icon/core/task"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -18,7 +18,10 @@ var TaskListBlockMenuItem = exports.TaskListBlockMenuItem = function TaskListBlo
   var api = _ref.api;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var selection = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'selection.selection');
+  var selection = (0, _hooks.useSharedPluginStateWithSelector)(api, ['selection'], function (states) {
+    var _states$selectionStat;
+    return (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection;
+  });
   var isSelected = (0, _react.useMemo)(function () {
     return selection && selection.$from.parent.type.name === 'taskItem';
   }, [selection]);

package/dist/es2019/tasksAndDecisionsPlugin.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { decisionList, taskList } from '@atlaskit/adf-schema';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION_RANK } from '@atlaskit/editor-common/block-menu';
+import { TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION_RANK, TRANSFORM_STRUCTURE_DECISION_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
 import { MAX_INDENTATION_LEVEL } from '@atlaskit/editor-common/indentation';
 import { toolbarInsertBlockMessages as insertBlockMessages } from '@atlaskit/editor-common/messages';
 import { IconAction, IconDecision } from '@atlaskit/editor-common/quick-insert';
@@ -23,6 +23,7 @@ import keymap, { getIndentCommand, getUnindentCommand } from './pm-plugins/keyma
 import { createPlugin } from './pm-plugins/main';
 import { stateKey as taskPluginKey } from './pm-plugins/plugin-key';
 import { toggleTaskList } from './pm-plugins/toggle-tasklist-commands';
+import { DecisionListBlockMenuItem } from './ui/DecisionListBlockMenuItem/DecisionListBlockMenuItem';
 import { RequestToEditPopup } from './ui/Task/RequestToEditPopup';
 import { TaskListBlockMenuItem } from './ui/TaskListBlockMenuItem/TaskListBlockMenuItem';
 import { getTasksAndDecisionsToolbarComponents } from './ui/toolbar-components';
@@ -125,6 +126,17 @@ export const tasksAndDecisionsPlugin = ({
       component: () => /*#__PURE__*/React.createElement(TaskListBlockMenuItem, {
         api: api
       })
+    }, {
+      type: 'block-menu-item',
+      key: TRANSFORM_STRUCTURE_DECISION_MENU_ITEM.key,
+      parent: {
+        type: 'block-menu-section',
+        key: TRANSFORM_STRUCTURE_MENU_SECTION.key,
+        rank: TRANSFORM_STRUCTURE_MENU_SECTION_RANK[TRANSFORM_STRUCTURE_DECISION_MENU_ITEM.key]
+      },
+      component: () => /*#__PURE__*/React.createElement(DecisionListBlockMenuItem, {
+        api: api
+      })
     }]);
   }
   return {

package/dist/es2019/ui/DecisionListBlockMenuItem/DecisionListBlockMenuItem.js

@@ -0,0 +1,45 @@
+import React, { useMemo } from 'react';
+import { useIntl } from 'react-intl-next';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { blockMenuMessages } from '@atlaskit/editor-common/messages';
+import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
+import DecisionIcon from '@atlaskit/icon/core/decision';
+export const DecisionListBlockMenuItem = ({
+  api
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const selection = useSharedPluginStateWithSelector(api, ['selection'], states => {
+    var _states$selectionStat;
+    return (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection;
+  });
+  const isSelected = useMemo(() => {
+    return selection && selection.$from.parent.type.name === 'decisionItem';
+  }, [selection]);
+  const onClick = event => {
+    const triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ? INPUT_METHOD.KEYBOARD : INPUT_METHOD.MOUSE;
+    const inputMethod = INPUT_METHOD.BLOCK_MENU;
+    api === null || api === void 0 ? void 0 : api.core.actions.execute(({
+      tr
+    }) => {
+      var _api$blockMenu;
+      const command = api === null || api === void 0 ? void 0 : (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.commands.transformNode(tr.doc.type.schema.nodes.decisionList, {
+        inputMethod,
+        triggeredFrom,
+        targetTypeName: 'decisionList'
+      });
+      return command ? command({
+        tr
+      }) : null;
+    });
+  };
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
+    isSelected: isSelected,
+    onClick: onClick,
+    elemBefore: /*#__PURE__*/React.createElement(DecisionIcon, {
+      label: ""
+    })
+  }, formatMessage(blockMenuMessages.decisionList));
+};

package/dist/es2019/ui/TaskListBlockMenuItem/TaskListBlockMenuItem.js

@@ -1,8 +1,8 @@
 import React, { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { tasksAndDecisionsMessages } from '@atlaskit/editor-common/messages';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
 import TaskIcon from '@atlaskit/icon/core/task';
 export const TaskListBlockMenuItem = ({
@@ -11,7 +11,10 @@ export const TaskListBlockMenuItem = ({
   const {
     formatMessage
   } = useIntl();
-  const selection = useSharedPluginStateSelector(api, 'selection.selection');
+  const selection = useSharedPluginStateWithSelector(api, ['selection'], states => {
+    var _states$selectionStat;
+    return (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection;
+  });
   const isSelected = useMemo(() => {
     return selection && selection.$from.parent.type.name === 'taskItem';
   }, [selection]);

package/dist/esm/tasksAndDecisionsPlugin.js

@@ -7,7 +7,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { decisionList, taskList } from '@atlaskit/adf-schema';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION_RANK } from '@atlaskit/editor-common/block-menu';
+import { TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION_RANK, TRANSFORM_STRUCTURE_DECISION_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
 import { MAX_INDENTATION_LEVEL } from '@atlaskit/editor-common/indentation';
 import { toolbarInsertBlockMessages as insertBlockMessages } from '@atlaskit/editor-common/messages';
 import { IconAction, IconDecision } from '@atlaskit/editor-common/quick-insert';
@@ -26,6 +26,7 @@ import keymap, { getIndentCommand, getUnindentCommand } from './pm-plugins/keyma
 import { createPlugin } from './pm-plugins/main';
 import { stateKey as taskPluginKey } from './pm-plugins/plugin-key';
 import { toggleTaskList } from './pm-plugins/toggle-tasklist-commands';
+import { DecisionListBlockMenuItem } from './ui/DecisionListBlockMenuItem/DecisionListBlockMenuItem';
 import { RequestToEditPopup } from './ui/Task/RequestToEditPopup';
 import { TaskListBlockMenuItem } from './ui/TaskListBlockMenuItem/TaskListBlockMenuItem';
 import { getTasksAndDecisionsToolbarComponents } from './ui/toolbar-components';
@@ -130,6 +131,19 @@ export var tasksAndDecisionsPlugin = function tasksAndDecisionsPlugin(_ref3) {
           api: api
         });
       }
+    }, {
+      type: 'block-menu-item',
+      key: TRANSFORM_STRUCTURE_DECISION_MENU_ITEM.key,
+      parent: {
+        type: 'block-menu-section',
+        key: TRANSFORM_STRUCTURE_MENU_SECTION.key,
+        rank: TRANSFORM_STRUCTURE_MENU_SECTION_RANK[TRANSFORM_STRUCTURE_DECISION_MENU_ITEM.key]
+      },
+      component: function component() {
+        return /*#__PURE__*/React.createElement(DecisionListBlockMenuItem, {
+          api: api
+        });
+      }
     }]);
   }
   return {

package/dist/esm/ui/DecisionListBlockMenuItem/DecisionListBlockMenuItem.js

@@ -0,0 +1,42 @@
+import React, { useMemo } from 'react';
+import { useIntl } from 'react-intl-next';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { blockMenuMessages } from '@atlaskit/editor-common/messages';
+import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
+import DecisionIcon from '@atlaskit/icon/core/decision';
+export var DecisionListBlockMenuItem = function DecisionListBlockMenuItem(_ref) {
+  var api = _ref.api;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var selection = useSharedPluginStateWithSelector(api, ['selection'], function (states) {
+    var _states$selectionStat;
+    return (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection;
+  });
+  var isSelected = useMemo(function () {
+    return selection && selection.$from.parent.type.name === 'decisionItem';
+  }, [selection]);
+  var onClick = function onClick(event) {
+    var triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ? INPUT_METHOD.KEYBOARD : INPUT_METHOD.MOUSE;
+    var inputMethod = INPUT_METHOD.BLOCK_MENU;
+    api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
+      var _api$blockMenu;
+      var tr = _ref2.tr;
+      var command = api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.commands.transformNode(tr.doc.type.schema.nodes.decisionList, {
+        inputMethod: inputMethod,
+        triggeredFrom: triggeredFrom,
+        targetTypeName: 'decisionList'
+      });
+      return command ? command({
+        tr: tr
+      }) : null;
+    });
+  };
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
+    isSelected: isSelected,
+    onClick: onClick,
+    elemBefore: /*#__PURE__*/React.createElement(DecisionIcon, {
+      label: ""
+    })
+  }, formatMessage(blockMenuMessages.decisionList));
+};

package/dist/esm/ui/TaskListBlockMenuItem/TaskListBlockMenuItem.js

@@ -1,15 +1,18 @@
 import React, { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { tasksAndDecisionsMessages } from '@atlaskit/editor-common/messages';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
 import TaskIcon from '@atlaskit/icon/core/task';
 export var TaskListBlockMenuItem = function TaskListBlockMenuItem(_ref) {
   var api = _ref.api;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  var selection = useSharedPluginStateSelector(api, 'selection.selection');
+  var selection = useSharedPluginStateWithSelector(api, ['selection'], function (states) {
+    var _states$selectionStat;
+    return (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection;
+  });
   var isSelected = useMemo(function () {
     return selection && selection.$from.parent.type.name === 'taskItem';
   }, [selection]);

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { TasksAndDecisionsPlugin } from '../../tasksAndDecisionsPluginType';
+export declare const DecisionListBlockMenuItem: ({ api, }: {
+    api: ExtractInjectionAPI<TasksAndDecisionsPlugin> | undefined;
+}) => React.JSX.Element;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { TasksAndDecisionsPlugin } from '../../tasksAndDecisionsPluginType';
+export declare const DecisionListBlockMenuItem: ({ api, }: {
+    api: ExtractInjectionAPI<TasksAndDecisionsPlugin> | undefined;
+}) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-tasks-and-decisions",
-	"version": "9.1.18",
+	"version": "9.1.20",
 	"description": "Tasks and decisions plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,7 +29,7 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^51.4.0",
+		"@atlaskit/adf-schema": "^51.5.1",
 		"@atlaskit/analytics-namespaced-context": "^7.2.0",
 		"@atlaskit/css": "^0.17.0",
 		"@atlaskit/editor-plugin-analytics": "^6.2.0",
@@ -49,14 +49,14 @@
 		"@atlaskit/primitives": "^16.4.0",
 		"@atlaskit/prosemirror-input-rules": "^3.6.0",
 		"@atlaskit/task-decision": "^19.2.0",
-		"@atlaskit/tmp-editor-statsig": "^14.2.0",
+		"@atlaskit/tmp-editor-statsig": "^15.0.0",
 		"@atlaskit/tokens": "^8.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
 		"bind-event-listener": "^3.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.36.0",
+		"@atlaskit/editor-common": "^110.40.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"