@atlaskit/editor-plugin-tasks-and-decisions 2.12.38 → 2.12.40

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-tasks-and-decisions
 
+## 2.12.40
+
+### Patch Changes
+
+- Updated dependencies
+
+## 2.12.39
+
+### Patch Changes
+
+- [#104325](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/104325)
+  [`a29af260680fd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a29af260680fd) -
+  Allow changing of task item state while using pre-loaded version of task item.
+- Updated dependencies
+
 ## 2.12.38
 
 ### Patch Changes

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

@@ -19,6 +19,7 @@ var _taskLazyNodeView = require("../nodeviews/task-lazy-node-view");
 var _actions = require("./actions");
 var _helpers = require("./helpers");
 var _pluginKey = require("./plugin-key");
+var _taskItemOnChange = require("./taskItemOnChange");
 var _types = require("./types");
 var _excluded = ["localId"];
 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; }
@@ -74,6 +75,11 @@ function createPlugin(portalProviderAPI, eventDispatcher, providerFactory, dispa
       }, {
         useLongPressSelection: useLongPressSelection
       }),
+      handleDOMEvents: {
+        // When the page is lazy loaded and task item is not yet available this allows
+        // our toDOM implementation to toggle the node state
+        change: _taskItemOnChange.taskItemOnChange
+      },
       handleKeyDown: function handleKeyDown(view, event) {
         var state = view.state,
           dispatch = view.dispatch;

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

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.taskItemOnChange = taskItemOnChange;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+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; }
+function taskItemOnChange(view, event) {
+  var _parentNode$type;
+  var target = event.target;
+  if (!target || !(target instanceof HTMLInputElement) || target.type !== 'checkbox' || target.getAttribute('data-input-type') !== 'lazy-task-item' || !(0, _platformFeatureFlags.fg)('platform_editor_lazy_task_item_check')) {
+    return;
+  }
+  var pos = view.posAtDOM(target, 0);
+  // Resolve the position in the current document
+  var resolvedPos = view.state.doc.resolve(pos);
+  // Access the parent node
+  var parentNode = resolvedPos === null || resolvedPos === void 0 ? void 0 : resolvedPos.parent;
+  if ((parentNode === null || parentNode === void 0 || (_parentNode$type = parentNode.type) === null || _parentNode$type === void 0 ? void 0 : _parentNode$type.name) !== 'taskItem') {
+    return;
+  }
+  var parentPos = resolvedPos.before(resolvedPos.depth);
+  var tr = view.state.tr.setNodeMarkup(parentPos, null, _objectSpread(_objectSpread({}, parentNode.attrs), {}, {
+    state: target.checked ? 'DONE' : 'TODO'
+  }));
+  view.dispatch(tr);
+}

package/dist/cjs/tasksAndDecisionsPlugin.js

@@ -82,6 +82,7 @@ var taskItemSpecWithFixedToDOM = exports.taskItemSpecWithFixedToDOM = function t
           placeContent: 'center center'
         })
       }, ['input', _objectSpread(_objectSpread({}, inputAttrs), {}, {
+        'data-input-type': 'lazy-task-item',
         style: (0, _lazyNodeView.convertToInlineCss)({
           width: '13px',
           height: '13px',

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

@@ -10,6 +10,7 @@ import { lazyTaskView } from '../nodeviews/task-lazy-node-view';
 import { focusTaskDecision, setProvider } from './actions';
 import { focusCheckboxAndUpdateSelection, getTaskItemDataAtPos, getTaskItemDataToFocus, removeCheckboxFocus } from './helpers';
 import { stateKey } from './plugin-key';
+import { taskItemOnChange } from './taskItemOnChange';
 import { ACTIONS } from './types';
 function nodesBetweenChanged(tr, f, startPos) {
   const stepRange = getStepRange(tr);
@@ -59,6 +60,11 @@ export function createPlugin(portalProviderAPI, eventDispatcher, providerFactory
       handleClickOn: createSelectionClickHandler(['decisionItem'], target => target.hasAttribute('data-decision-wrapper') || target.getAttribute('aria-label') === 'Decision', {
         useLongPressSelection
       }),
+      handleDOMEvents: {
+        // When the page is lazy loaded and task item is not yet available this allows
+        // our toDOM implementation to toggle the node state
+        change: taskItemOnChange
+      },
       handleKeyDown: (view, event) => {
         const {
           state,

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

@@ -0,0 +1,24 @@
+import { fg } from '@atlaskit/platform-feature-flags';
+export function taskItemOnChange(view, event) {
+  var _parentNode$type;
+  const {
+    target
+  } = event;
+  if (!target || !(target instanceof HTMLInputElement) || target.type !== 'checkbox' || target.getAttribute('data-input-type') !== 'lazy-task-item' || !fg('platform_editor_lazy_task_item_check')) {
+    return;
+  }
+  const pos = view.posAtDOM(target, 0);
+  // Resolve the position in the current document
+  const resolvedPos = view.state.doc.resolve(pos);
+  // Access the parent node
+  const parentNode = resolvedPos === null || resolvedPos === void 0 ? void 0 : resolvedPos.parent;
+  if ((parentNode === null || parentNode === void 0 ? void 0 : (_parentNode$type = parentNode.type) === null || _parentNode$type === void 0 ? void 0 : _parentNode$type.name) !== 'taskItem') {
+    return;
+  }
+  const parentPos = resolvedPos.before(resolvedPos.depth);
+  const tr = view.state.tr.setNodeMarkup(parentPos, null, {
+    ...parentNode.attrs,
+    state: target.checked ? 'DONE' : 'TODO'
+  });
+  view.dispatch(tr);
+}

package/dist/es2019/tasksAndDecisionsPlugin.js

@@ -71,6 +71,7 @@ export const taskItemSpecWithFixedToDOM = () => {
         })
       }, ['input', {
         ...inputAttrs,
+        'data-input-type': 'lazy-task-item',
         style: convertToInlineCss({
           width: '13px',
           height: '13px',

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

@@ -15,6 +15,7 @@ import { lazyTaskView } from '../nodeviews/task-lazy-node-view';
 import { focusTaskDecision, setProvider } from './actions';
 import { focusCheckboxAndUpdateSelection, getTaskItemDataAtPos, getTaskItemDataToFocus, removeCheckboxFocus } from './helpers';
 import { stateKey } from './plugin-key';
+import { taskItemOnChange } from './taskItemOnChange';
 import { ACTIONS } from './types';
 function nodesBetweenChanged(tr, f, startPos) {
   var stepRange = getStepRange(tr);
@@ -67,6 +68,11 @@ export function createPlugin(portalProviderAPI, eventDispatcher, providerFactory
       }, {
         useLongPressSelection: useLongPressSelection
       }),
+      handleDOMEvents: {
+        // When the page is lazy loaded and task item is not yet available this allows
+        // our toDOM implementation to toggle the node state
+        change: taskItemOnChange
+      },
       handleKeyDown: function handleKeyDown(view, event) {
         var state = view.state,
           dispatch = view.dispatch;

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

@@ -0,0 +1,24 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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; }
+import { fg } from '@atlaskit/platform-feature-flags';
+export function taskItemOnChange(view, event) {
+  var _parentNode$type;
+  var target = event.target;
+  if (!target || !(target instanceof HTMLInputElement) || target.type !== 'checkbox' || target.getAttribute('data-input-type') !== 'lazy-task-item' || !fg('platform_editor_lazy_task_item_check')) {
+    return;
+  }
+  var pos = view.posAtDOM(target, 0);
+  // Resolve the position in the current document
+  var resolvedPos = view.state.doc.resolve(pos);
+  // Access the parent node
+  var parentNode = resolvedPos === null || resolvedPos === void 0 ? void 0 : resolvedPos.parent;
+  if ((parentNode === null || parentNode === void 0 || (_parentNode$type = parentNode.type) === null || _parentNode$type === void 0 ? void 0 : _parentNode$type.name) !== 'taskItem') {
+    return;
+  }
+  var parentPos = resolvedPos.before(resolvedPos.depth);
+  var tr = view.state.tr.setNodeMarkup(parentPos, null, _objectSpread(_objectSpread({}, parentNode.attrs), {}, {
+    state: target.checked ? 'DONE' : 'TODO'
+  }));
+  view.dispatch(tr);
+}

package/dist/esm/tasksAndDecisionsPlugin.js

@@ -74,6 +74,7 @@ export var taskItemSpecWithFixedToDOM = function taskItemSpecWithFixedToDOM() {
           placeContent: 'center center'
         })
       }, ['input', _objectSpread(_objectSpread({}, inputAttrs), {}, {
+        'data-input-type': 'lazy-task-item',
         style: convertToInlineCss({
           width: '13px',
           height: '13px',

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

@@ -0,0 +1,2 @@
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+export declare function taskItemOnChange(view: EditorView, event: Event): void;

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

@@ -0,0 +1,2 @@
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+export declare function taskItemOnChange(view: EditorView, event: Event): void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-tasks-and-decisions",
-	"version": "2.12.38",
+	"version": "2.12.40",
 	"description": "Tasks and decisions plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,8 +34,8 @@
 		"@atlaskit/adf-schema": "^46.1.0",
 		"@atlaskit/analytics-namespaced-context": "^6.12.0",
 		"@atlaskit/analytics-next": "^10.2.0",
-		"@atlaskit/editor-common": "^99.3.0",
-		"@atlaskit/editor-plugin-analytics": "^1.10.0",
+		"@atlaskit/editor-common": "^99.5.0",
+		"@atlaskit/editor-plugin-analytics": "^1.11.0",
 		"@atlaskit/editor-plugin-context-identifier": "^1.3.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "2.1.16",
 		"@atlaskit/editor-plugin-type-ahead": "^1.11.0",
@@ -47,8 +47,8 @@
 		"@atlaskit/primitives": "13.3.8",
 		"@atlaskit/prosemirror-input-rules": "^3.2.0",
 		"@atlaskit/task-decision": "^17.11.0",
-		"@atlaskit/tmp-editor-statsig": "^2.37.0",
-		"@atlaskit/tokens": "3.1.0",
+		"@atlaskit/tmp-editor-statsig": "^2.39.0",
+		"@atlaskit/tokens": "3.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},
@@ -107,6 +107,9 @@
 		"editor_request_to_edit_task": {
 			"type": "boolean"
 		},
+		"platform_editor_lazy_task_item_check": {
+			"type": "boolean"
+		},
 		"platform_editor_action_decisions_ssr_fix": {
 			"type": "boolean"
 		}