@atlaskit/editor-plugin-date 4.1.10 → 4.3.0

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @atlaskit/editor-plugin-date
 
+## 4.3.0
+
+### Minor Changes
+
+- [#149446](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/149446)
+  [`2f6846b2a166e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2f6846b2a166e) -
+  Dismissed date popup when date node is deleted from the document
+
+### Patch Changes
+
+- [#148210](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/148210)
+  [`10eb0681e9681`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/10eb0681e9681) -
+  fix SSR issues
+
+## 4.2.0
+
+### Minor Changes
+
+- [#139139](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/139139)
+  [`7f6b665d778dd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7f6b665d778dd) -
+  [https://product-fabric.atlassian.net/browse/ED-27499](ED-27499) - the new
+  `@atlassian/confluence-presets` package with Confluence `full-page` preset is created
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.1.10
 
 ### Patch Changes

package/dist/cjs/nodeviews/DateNodeView.js

@@ -8,56 +8,60 @@ exports.DateNodeView = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _bindEventListener = require("bind-event-listener");
-var _monitoring = require("@atlaskit/editor-common/monitoring");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _actions = require("../pm-plugins/actions");
 var _dateNodeSpec = require("./dateNodeSpec");
 var DateNodeView = exports.DateNodeView = /*#__PURE__*/function () {
-  function DateNodeView(node, view, getPos, intl) {
+  function DateNodeView(node, view, getPos, intl, decorations) {
+    var _this = this;
     (0, _classCallCheck2.default)(this, DateNodeView);
-    (0, _defineProperty2.default)(this, "dom", document.createElement('span'));
+    (0, _defineProperty2.default)(this, "parentTaskState", '');
     this.node = node;
-    try {
-      var spec = (0, _dateNodeSpec.dateToDOM)(node, view.state, getPos, intl);
-      var _DOMSerializer$render = _model.DOMSerializer.renderSpec(document, spec),
-        dom = _DOMSerializer$render.dom;
-      if (!(dom instanceof HTMLElement)) {
-        throw new Error('DOMSerializer.renderSpec() did not return HTMLElement');
-      }
-      this.dom = dom;
-      this.clickUnBind = (0, _bindEventListener.bind)(this.dom, {
-        type: 'click',
-        listener: function listener(event) {
-          event.stopImmediatePropagation();
-          var state = view.state,
-            dispatch = view.dispatch;
-          (0, _actions.setDatePickerAt)(state.selection.from)(state, dispatch);
-        }
-      });
-    } catch (error) {
-      DateNodeView.logError(error instanceof Error ? error : new Error('Unknown error on DateNodeView constructor'));
-      this.renderFallback();
-    }
+    this.intl = intl;
+    this.view = view;
+    this.getPos = getPos;
+    var spec = (0, _dateNodeSpec.dateToDOM)(node, this.view.state, this.getPos, this.intl);
+    var _DOMSerializer$render = _model.DOMSerializer.renderSpec(document, spec),
+      dom = _DOMSerializer$render.dom;
+    this.dom = dom;
+
+    // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+    dom.addEventListener('click', function (event) {
+      event.stopImmediatePropagation();
+      var _this$view = _this.view,
+        state = _this$view.state,
+        dispatch = _this$view.dispatch;
+      (0, _actions.setDatePickerAt)(state.selection.from)(state, dispatch);
+    });
+    this.parentTaskState = DateNodeView.getParentTaskState(decorations);
   }
   return (0, _createClass2.default)(DateNodeView, [{
-    key: "renderFallback",
-    value: function renderFallback() {
-      var fallbackElement = document.createElement('span');
-      fallbackElement.innerText = this.node.attrs.timestamp;
-      this.dom.appendChild(fallbackElement);
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      this.clickUnBind && this.clickUnBind();
+    key: "update",
+    value: function update(node, decorations) {
+      // we're only interested in two scenarios to trigger a DOM update:
+      // 		1. the date value (timestamp) has changed
+      // 		2. A wrapping taskitem state (if present) has changed
+      // in all other cases, we tell prosemirror to ignore DOM updates
+      // if new changes are added to the DOM structure, they will need to be
+      // coded here
+      var hasDateChanged = node.attrs.timestamp !== this.node.attrs.timestamp;
+      var parentTaskState = DateNodeView.getParentTaskState(decorations);
+      var parentTaskStateChanged = parentTaskState !== this.parentTaskState;
+
+      // update local state after comparisons ...
+      this.parentTaskState = parentTaskState;
+      this.node = node;
+      var skipProseMirrorDomUpdate = !hasDateChanged && !parentTaskStateChanged;
+      return skipProseMirrorDomUpdate;
     }
   }], [{
-    key: "logError",
-    value: function logError(error) {
-      void (0, _monitoring.logException)(error, {
-        location: 'editor-plugin-date/DateNodeView'
+    key: "getParentTaskState",
+    value: function getParentTaskState(decorations) {
+      var _parentTaskDecoration, _parentTaskDecoration2;
+      var parentTaskDecoration = decorations.find(function (d) {
+        return d.spec.dataTaskNodeCheckState !== undefined;
       });
+      return (_parentTaskDecoration = parentTaskDecoration === null || parentTaskDecoration === void 0 || (_parentTaskDecoration2 = parentTaskDecoration.spec) === null || _parentTaskDecoration2 === void 0 ? void 0 : _parentTaskDecoration2.dataTaskNodeCheckState) !== null && _parentTaskDecoration !== void 0 ? _parentTaskDecoration : '';
     }
   }]);
 }();

package/dist/cjs/nodeviews/date.js

@@ -21,7 +21,7 @@ function DateNodeView(props) {
     color = _getDateInformation.color;
   return (
     /*#__PURE__*/
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlaskit/ui-styling-standard/no-classname-prop, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
     _react.default.createElement("span", {
       className: _styles.DateSharedCssClassName.DATE_WRAPPER,
       onClick: handleClick

package/dist/cjs/nodeviews/dateNodeSpec.js

@@ -8,6 +8,7 @@ exports.dateToDOMvirtualization = exports.dateToDOM = exports.dateNodeSpec = voi
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _reactIntlNext = require("react-intl-next");
 var _adfSchema = require("@atlaskit/adf-schema");
+var _coreUtils = require("@atlaskit/editor-common/core-utils");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
 var _utils = require("@atlaskit/editor-common/utils");
 var _whitespace = require("@atlaskit/editor-common/whitespace");
@@ -16,7 +17,6 @@ var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 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; }
-var isSSR = Boolean(process.env.REACT_SSR);
 var intlRef;
 
 /**
@@ -26,7 +26,7 @@ var intlRef;
  * @returns
  */
 var dateNodeSpec = exports.dateNodeSpec = function dateNodeSpec() {
-  if (!(0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true) && (isSSR || (0, _experiments.editorExperiment)('platform_editor_inline_node_virtualization', 'off'))) {
+  if ((0, _coreUtils.isSSR)() || (0, _experiments.editorExperiment)('platform_editor_inline_node_virtualization', 'off')) {
     return _adfSchema.date;
   }
   return _objectSpread(_objectSpread({}, _adfSchema.date), {}, {

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

@@ -35,7 +35,7 @@ var createPlugin = function createPlugin(pmPluginFactoryParams) {
           if ((0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
             exposure: true
           })) {
-            return new _DateNodeView.DateNodeView(node, view, getPos, pmPluginFactoryParams.getIntl());
+            return new _DateNodeView.DateNodeView(node, view, getPos, pmPluginFactoryParams.getIntl(), decorations);
           }
           return (0, _reactNodeView.getInlineNodeViewProducer)({
             pmPluginFactoryParams: pmPluginFactoryParams,

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

@@ -9,6 +9,7 @@ exports.onSelectionChanged = onSelectionChanged;
 exports.reducer = reducer;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _state = require("@atlaskit/editor-prosemirror/state");
+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 reducer(pluginState, meta) {
@@ -34,13 +35,23 @@ function mapping(tr, pluginState) {
     return pluginState;
   }
   var _tr$mapping$mapResult = tr.mapping.mapResult(pluginState.showDatePickerAt),
-    pos = _tr$mapping$mapResult.pos;
-  return {
-    showDatePickerAt: pos,
-    isNew: pluginState.isNew,
-    isDateEmpty: pluginState.isDateEmpty,
-    focusDateInput: pluginState.focusDateInput
-  };
+    pos = _tr$mapping$mapResult.pos,
+    deleted = _tr$mapping$mapResult.deleted;
+  if ((0, _platformFeatureFlags.fg)('platform_editor_ed-27630_date_popup_deleted_node')) {
+    return {
+      showDatePickerAt: deleted ? null : pos,
+      isNew: pluginState.isNew,
+      isDateEmpty: pluginState.isDateEmpty,
+      focusDateInput: pluginState.focusDateInput
+    };
+  } else {
+    return {
+      showDatePickerAt: pos,
+      isNew: pluginState.isNew,
+      isDateEmpty: pluginState.isDateEmpty,
+      focusDateInput: pluginState.focusDateInput
+    };
+  }
 }
 function onSelectionChanged(tr, pluginState) {
   if (tr.docChanged && isDateNodeSelection(tr.selection)) {

package/dist/es2019/nodeviews/DateNodeView.js

@@ -1,49 +1,53 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { bind } from 'bind-event-listener';
-import { logException } from '@atlaskit/editor-common/monitoring';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { setDatePickerAt } from '../pm-plugins/actions';
 import { dateToDOM } from './dateNodeSpec';
 export class DateNodeView {
-  static logError(error) {
-    void logException(error, {
-      location: 'editor-plugin-date/DateNodeView'
-    });
-  }
-  constructor(node, view, getPos, intl) {
-    _defineProperty(this, "dom", document.createElement('span'));
+  constructor(node, view, getPos, intl, decorations) {
+    _defineProperty(this, "parentTaskState", '');
     this.node = node;
-    try {
-      const spec = dateToDOM(node, view.state, getPos, intl);
+    this.intl = intl;
+    this.view = view;
+    this.getPos = getPos;
+    const spec = dateToDOM(node, this.view.state, this.getPos, this.intl);
+    const {
+      dom
+    } = DOMSerializer.renderSpec(document, spec);
+    this.dom = dom;
+
+    // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+    dom.addEventListener('click', event => {
+      event.stopImmediatePropagation();
       const {
-        dom
-      } = DOMSerializer.renderSpec(document, spec);
-      if (!(dom instanceof HTMLElement)) {
-        throw new Error('DOMSerializer.renderSpec() did not return HTMLElement');
-      }
-      this.dom = dom;
-      this.clickUnBind = bind(this.dom, {
-        type: 'click',
-        listener: event => {
-          event.stopImmediatePropagation();
-          const {
-            state,
-            dispatch
-          } = view;
-          setDatePickerAt(state.selection.from)(state, dispatch);
-        }
-      });
-    } catch (error) {
-      DateNodeView.logError(error instanceof Error ? error : new Error('Unknown error on DateNodeView constructor'));
-      this.renderFallback();
-    }
+        state,
+        dispatch
+      } = this.view;
+      setDatePickerAt(state.selection.from)(state, dispatch);
+    });
+    this.parentTaskState = DateNodeView.getParentTaskState(decorations);
   }
-  renderFallback() {
-    const fallbackElement = document.createElement('span');
-    fallbackElement.innerText = this.node.attrs.timestamp;
-    this.dom.appendChild(fallbackElement);
+  update(node, decorations) {
+    // we're only interested in two scenarios to trigger a DOM update:
+    // 		1. the date value (timestamp) has changed
+    // 		2. A wrapping taskitem state (if present) has changed
+    // in all other cases, we tell prosemirror to ignore DOM updates
+    // if new changes are added to the DOM structure, they will need to be
+    // coded here
+    const hasDateChanged = node.attrs.timestamp !== this.node.attrs.timestamp;
+    const parentTaskState = DateNodeView.getParentTaskState(decorations);
+    const parentTaskStateChanged = parentTaskState !== this.parentTaskState;
+
+    // update local state after comparisons ...
+    this.parentTaskState = parentTaskState;
+    this.node = node;
+    const skipProseMirrorDomUpdate = !hasDateChanged && !parentTaskStateChanged;
+    return skipProseMirrorDomUpdate;
   }
-  destroy() {
-    this.clickUnBind && this.clickUnBind();
+  static getParentTaskState(decorations) {
+    var _parentTaskDecoration, _parentTaskDecoration2;
+    const parentTaskDecoration = decorations.find(d => {
+      return d.spec.dataTaskNodeCheckState !== undefined;
+    });
+    return (_parentTaskDecoration = parentTaskDecoration === null || parentTaskDecoration === void 0 ? void 0 : (_parentTaskDecoration2 = parentTaskDecoration.spec) === null || _parentTaskDecoration2 === void 0 ? void 0 : _parentTaskDecoration2.dataTaskNodeCheckState) !== null && _parentTaskDecoration !== void 0 ? _parentTaskDecoration : '';
   }
 }

package/dist/es2019/nodeviews/date.js

@@ -17,7 +17,7 @@ export function DateNodeView(props) {
   } = getDateInformation(timestamp, intl, props.view.state, pos);
   return (
     /*#__PURE__*/
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlaskit/ui-styling-standard/no-classname-prop, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
     React.createElement("span", {
       className: DateSharedCssClassName.DATE_WRAPPER,
       onClick: handleClick

package/dist/es2019/nodeviews/dateNodeSpec.js

@@ -1,12 +1,12 @@
 import { createIntl } from 'react-intl-next';
 import { date } from '@atlaskit/adf-schema';
+import { isSSR } from '@atlaskit/editor-common/core-utils';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { timestampToString } from '@atlaskit/editor-common/utils';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/whitespace';
 import { N30A, N800 } from '@atlaskit/theme/colors';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getDateInformation } from './utils';
-const isSSR = Boolean(process.env.REACT_SSR);
 let intlRef;
 
 /**
@@ -16,7 +16,7 @@ let intlRef;
  * @returns
  */
 export const dateNodeSpec = () => {
-  if (!editorExperiment('platform_editor_vanilla_dom', true) && (isSSR || editorExperiment('platform_editor_inline_node_virtualization', 'off'))) {
+  if (isSSR() || editorExperiment('platform_editor_inline_node_virtualization', 'off')) {
     return date;
   }
   return {

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

@@ -32,7 +32,7 @@ const createPlugin = pmPluginFactoryParams => {
           if (editorExperiment('platform_editor_vanilla_dom', true, {
             exposure: true
           })) {
-            return new DateNodeViewVanilla(node, view, getPos, pmPluginFactoryParams.getIntl());
+            return new DateNodeViewVanilla(node, view, getPos, pmPluginFactoryParams.getIntl(), decorations);
           }
           return getInlineNodeViewProducer({
             pmPluginFactoryParams,

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

@@ -1,4 +1,5 @@
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
+import { fg } from '@atlaskit/platform-feature-flags';
 export function reducer(pluginState, meta) {
   // If the same nodeview is clicked twice, calendar should close
   if (meta.showDatePickerAt === pluginState.showDatePickerAt) {
@@ -32,14 +33,24 @@ export function mapping(tr, pluginState) {
     return pluginState;
   }
   const {
-    pos
+    pos,
+    deleted
   } = tr.mapping.mapResult(pluginState.showDatePickerAt);
-  return {
-    showDatePickerAt: pos,
-    isNew: pluginState.isNew,
-    isDateEmpty: pluginState.isDateEmpty,
-    focusDateInput: pluginState.focusDateInput
-  };
+  if (fg('platform_editor_ed-27630_date_popup_deleted_node')) {
+    return {
+      showDatePickerAt: deleted ? null : pos,
+      isNew: pluginState.isNew,
+      isDateEmpty: pluginState.isDateEmpty,
+      focusDateInput: pluginState.focusDateInput
+    };
+  } else {
+    return {
+      showDatePickerAt: pos,
+      isNew: pluginState.isNew,
+      isDateEmpty: pluginState.isDateEmpty,
+      focusDateInput: pluginState.focusDateInput
+    };
+  }
 }
 export function onSelectionChanged(tr, pluginState) {
   if (tr.docChanged && isDateNodeSelection(tr.selection)) {

package/dist/esm/nodeviews/DateNodeView.js

@@ -1,56 +1,60 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { bind } from 'bind-event-listener';
-import { logException } from '@atlaskit/editor-common/monitoring';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { setDatePickerAt } from '../pm-plugins/actions';
 import { dateToDOM } from './dateNodeSpec';
 export var DateNodeView = /*#__PURE__*/function () {
-  function DateNodeView(node, view, getPos, intl) {
+  function DateNodeView(node, view, getPos, intl, decorations) {
+    var _this = this;
     _classCallCheck(this, DateNodeView);
-    _defineProperty(this, "dom", document.createElement('span'));
+    _defineProperty(this, "parentTaskState", '');
     this.node = node;
-    try {
-      var spec = dateToDOM(node, view.state, getPos, intl);
-      var _DOMSerializer$render = DOMSerializer.renderSpec(document, spec),
-        dom = _DOMSerializer$render.dom;
-      if (!(dom instanceof HTMLElement)) {
-        throw new Error('DOMSerializer.renderSpec() did not return HTMLElement');
-      }
-      this.dom = dom;
-      this.clickUnBind = bind(this.dom, {
-        type: 'click',
-        listener: function listener(event) {
-          event.stopImmediatePropagation();
-          var state = view.state,
-            dispatch = view.dispatch;
-          setDatePickerAt(state.selection.from)(state, dispatch);
-        }
-      });
-    } catch (error) {
-      DateNodeView.logError(error instanceof Error ? error : new Error('Unknown error on DateNodeView constructor'));
-      this.renderFallback();
-    }
+    this.intl = intl;
+    this.view = view;
+    this.getPos = getPos;
+    var spec = dateToDOM(node, this.view.state, this.getPos, this.intl);
+    var _DOMSerializer$render = DOMSerializer.renderSpec(document, spec),
+      dom = _DOMSerializer$render.dom;
+    this.dom = dom;
+
+    // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+    dom.addEventListener('click', function (event) {
+      event.stopImmediatePropagation();
+      var _this$view = _this.view,
+        state = _this$view.state,
+        dispatch = _this$view.dispatch;
+      setDatePickerAt(state.selection.from)(state, dispatch);
+    });
+    this.parentTaskState = DateNodeView.getParentTaskState(decorations);
   }
   return _createClass(DateNodeView, [{
-    key: "renderFallback",
-    value: function renderFallback() {
-      var fallbackElement = document.createElement('span');
-      fallbackElement.innerText = this.node.attrs.timestamp;
-      this.dom.appendChild(fallbackElement);
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      this.clickUnBind && this.clickUnBind();
+    key: "update",
+    value: function update(node, decorations) {
+      // we're only interested in two scenarios to trigger a DOM update:
+      // 		1. the date value (timestamp) has changed
+      // 		2. A wrapping taskitem state (if present) has changed
+      // in all other cases, we tell prosemirror to ignore DOM updates
+      // if new changes are added to the DOM structure, they will need to be
+      // coded here
+      var hasDateChanged = node.attrs.timestamp !== this.node.attrs.timestamp;
+      var parentTaskState = DateNodeView.getParentTaskState(decorations);
+      var parentTaskStateChanged = parentTaskState !== this.parentTaskState;
+
+      // update local state after comparisons ...
+      this.parentTaskState = parentTaskState;
+      this.node = node;
+      var skipProseMirrorDomUpdate = !hasDateChanged && !parentTaskStateChanged;
+      return skipProseMirrorDomUpdate;
     }
   }], [{
-    key: "logError",
-    value: function logError(error) {
-      void logException(error, {
-        location: 'editor-plugin-date/DateNodeView'
+    key: "getParentTaskState",
+    value: function getParentTaskState(decorations) {
+      var _parentTaskDecoration, _parentTaskDecoration2;
+      var parentTaskDecoration = decorations.find(function (d) {
+        return d.spec.dataTaskNodeCheckState !== undefined;
       });
+      return (_parentTaskDecoration = parentTaskDecoration === null || parentTaskDecoration === void 0 || (_parentTaskDecoration2 = parentTaskDecoration.spec) === null || _parentTaskDecoration2 === void 0 ? void 0 : _parentTaskDecoration2.dataTaskNodeCheckState) !== null && _parentTaskDecoration !== void 0 ? _parentTaskDecoration : '';
     }
   }]);
 }();

package/dist/esm/nodeviews/date.js

@@ -14,7 +14,7 @@ export function DateNodeView(props) {
     color = _getDateInformation.color;
   return (
     /*#__PURE__*/
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlaskit/ui-styling-standard/no-classname-prop, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
     React.createElement("span", {
       className: DateSharedCssClassName.DATE_WRAPPER,
       onClick: handleClick

package/dist/esm/nodeviews/dateNodeSpec.js

@@ -3,13 +3,13 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 { createIntl } from 'react-intl-next';
 import { date } from '@atlaskit/adf-schema';
+import { isSSR } from '@atlaskit/editor-common/core-utils';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { timestampToString } from '@atlaskit/editor-common/utils';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/whitespace';
 import { N30A, N800 } from '@atlaskit/theme/colors';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getDateInformation } from './utils';
-var isSSR = Boolean(process.env.REACT_SSR);
 var intlRef;
 
 /**
@@ -19,7 +19,7 @@ var intlRef;
  * @returns
  */
 export var dateNodeSpec = function dateNodeSpec() {
-  if (!editorExperiment('platform_editor_vanilla_dom', true) && (isSSR || editorExperiment('platform_editor_inline_node_virtualization', 'off'))) {
+  if (isSSR() || editorExperiment('platform_editor_inline_node_virtualization', 'off')) {
     return date;
   }
   return _objectSpread(_objectSpread({}, date), {}, {

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

@@ -29,7 +29,7 @@ var createPlugin = function createPlugin(pmPluginFactoryParams) {
           if (editorExperiment('platform_editor_vanilla_dom', true, {
             exposure: true
           })) {
-            return new DateNodeViewVanilla(node, view, getPos, pmPluginFactoryParams.getIntl());
+            return new DateNodeViewVanilla(node, view, getPos, pmPluginFactoryParams.getIntl(), decorations);
           }
           return getInlineNodeViewProducer({
             pmPluginFactoryParams: pmPluginFactoryParams,

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

@@ -2,6 +2,7 @@ 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 { NodeSelection } from '@atlaskit/editor-prosemirror/state';
+import { fg } from '@atlaskit/platform-feature-flags';
 export function reducer(pluginState, meta) {
   // If the same nodeview is clicked twice, calendar should close
   if (meta.showDatePickerAt === pluginState.showDatePickerAt) {
@@ -25,13 +26,23 @@ export function mapping(tr, pluginState) {
     return pluginState;
   }
   var _tr$mapping$mapResult = tr.mapping.mapResult(pluginState.showDatePickerAt),
-    pos = _tr$mapping$mapResult.pos;
-  return {
-    showDatePickerAt: pos,
-    isNew: pluginState.isNew,
-    isDateEmpty: pluginState.isDateEmpty,
-    focusDateInput: pluginState.focusDateInput
-  };
+    pos = _tr$mapping$mapResult.pos,
+    deleted = _tr$mapping$mapResult.deleted;
+  if (fg('platform_editor_ed-27630_date_popup_deleted_node')) {
+    return {
+      showDatePickerAt: deleted ? null : pos,
+      isNew: pluginState.isNew,
+      isDateEmpty: pluginState.isDateEmpty,
+      focusDateInput: pluginState.focusDateInput
+    };
+  } else {
+    return {
+      showDatePickerAt: pos,
+      isNew: pluginState.isNew,
+      isDateEmpty: pluginState.isDateEmpty,
+      focusDateInput: pluginState.focusDateInput
+    };
+  }
 }
 export function onSelectionChanged(tr, pluginState) {
   if (tr.docChanged && isDateNodeSelection(tr.selection)) {

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
 export { default as datePlugin } from './datePlugin';
 export type { DatePlugin } from './datePluginType';
-export type { DatePluginSharedState, DatePluginConfig, DateType, InsertDate } from './types';
+export type { DatePluginSharedState, DatePluginConfig, DatePluginOptions, DateType, InsertDate, } from './types';

package/dist/types/nodeviews/DateNodeView.d.ts

@@ -2,13 +2,15 @@ import { IntlShape } from 'react-intl-next';
 import type { getPosHandlerNode } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { NodeView } from '@atlaskit/editor-prosemirror/view';
+import type { Decoration, NodeView } from '@atlaskit/editor-prosemirror/view';
 export declare class DateNodeView implements NodeView {
-    private readonly node;
-    private clickUnBind;
-    readonly dom: HTMLElement;
-    private static logError;
-    constructor(node: PMNode, view: EditorView, getPos: getPosHandlerNode, intl: IntlShape);
-    private renderFallback;
-    destroy(): void;
+    dom: Node;
+    private node;
+    private readonly intl;
+    private readonly view;
+    private readonly getPos;
+    private parentTaskState;
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandlerNode, intl: IntlShape, decorations: ReadonlyArray<Decoration>);
+    update(node: PMNode, decorations: ReadonlyArray<Decoration>): boolean;
+    private static getParentTaskState;
 }

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

@@ -9,7 +9,7 @@ export declare const closeDatePicker: () => Command;
 export declare const closeDatePickerWithAnalytics: ({ date, pluginInjectionApi, }: {
     date?: DateType | undefined;
     pluginInjectionApi?: import("@atlaskit/editor-common/types").EditorInjectionAPI<"date", {
-        pluginConfiguration: import("../types").DatePluginConfig | undefined;
+        pluginConfiguration: import("../types").DatePluginOptions | undefined;
         dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {
@@ -37,12 +37,12 @@ export declare const closeDatePickerWithAnalytics: ({ date, pluginInjectionApi,
         }, import("@atlaskit/editor-plugin-annotation").AnnotationProviders | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
             sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
             dependencies: [];
-            pluginConfiguration?: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginConfig | undefined;
+            pluginConfiguration?: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginOptions | undefined;
             commands: {
                 updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
                 updateContentMode: (action: import("packages/editor/editor-plugin-editor-viewmode/dist/types/editorViewmodePluginType").UpdateContentModeAction) => import("@atlaskit/editor-common/types").EditorCommand;
             };
-        }, import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginConfig | undefined>>];
+        }, import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginOptions | undefined>>];
         sharedState: import("../types").DatePluginSharedState;
         commands: {
             insertDate: import("../types").InsertDate;

package/dist/types/types/index.d.ts

@@ -11,9 +11,15 @@ export type DateType = {
     month: number;
     day?: number;
 };
-export interface DatePluginConfig {
+export interface DatePluginOptions {
     weekStartDay?: WeekDay;
 }
+/**
+ * @private
+ * @deprecated Use {@link DatePluginOptions} instead.
+ * @see https://product-fabric.atlassian.net/browse/ED-27496
+ */
+export type DatePluginConfig = DatePluginOptions;
 export type DatePluginSharedState = {
     showDatePickerAt?: number | null;
     isNew: boolean;
@@ -27,7 +33,7 @@ export type InsertDate = (props: {
 }) => EditorCommand;
 export type DeleteDate = EditorCommand;
 export type DatePlugin = NextEditorPlugin<'date', {
-    pluginConfiguration: DatePluginConfig | undefined;
+    pluginConfiguration: DatePluginOptions | undefined;
     dependencies: [
         typeof analyticsPlugin,
         EditorDisabledPlugin,

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

@@ -1,3 +1,3 @@
 export { default as datePlugin } from './datePlugin';
 export type { DatePlugin } from './datePluginType';
-export type { DatePluginSharedState, DatePluginConfig, DateType, InsertDate } from './types';
+export type { DatePluginSharedState, DatePluginConfig, DatePluginOptions, DateType, InsertDate, } from './types';

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

@@ -2,13 +2,15 @@ import { IntlShape } from 'react-intl-next';
 import type { getPosHandlerNode } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { NodeView } from '@atlaskit/editor-prosemirror/view';
+import type { Decoration, NodeView } from '@atlaskit/editor-prosemirror/view';
 export declare class DateNodeView implements NodeView {
-    private readonly node;
-    private clickUnBind;
-    readonly dom: HTMLElement;
-    private static logError;
-    constructor(node: PMNode, view: EditorView, getPos: getPosHandlerNode, intl: IntlShape);
-    private renderFallback;
-    destroy(): void;
+    dom: Node;
+    private node;
+    private readonly intl;
+    private readonly view;
+    private readonly getPos;
+    private parentTaskState;
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandlerNode, intl: IntlShape, decorations: ReadonlyArray<Decoration>);
+    update(node: PMNode, decorations: ReadonlyArray<Decoration>): boolean;
+    private static getParentTaskState;
 }

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

@@ -9,7 +9,7 @@ export declare const closeDatePicker: () => Command;
 export declare const closeDatePickerWithAnalytics: ({ date, pluginInjectionApi, }: {
     date?: DateType | undefined;
     pluginInjectionApi?: import("@atlaskit/editor-common/types").EditorInjectionAPI<"date", {
-        pluginConfiguration: import("../types").DatePluginConfig | undefined;
+        pluginConfiguration: import("../types").DatePluginOptions | undefined;
         dependencies: [
             import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
                 pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
@@ -44,12 +44,12 @@ export declare const closeDatePickerWithAnalytics: ({ date, pluginInjectionApi,
                 sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
                 dependencies: [
                 ];
-                pluginConfiguration?: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginConfig | undefined;
+                pluginConfiguration?: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginOptions | undefined;
                 commands: {
                     updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
                     updateContentMode: (action: import("packages/editor/editor-plugin-editor-viewmode/dist/types/editorViewmodePluginType").UpdateContentModeAction) => import("@atlaskit/editor-common/types").EditorCommand;
                 };
-            }, import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginConfig | undefined>>
+            }, import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginOptions | undefined>>
         ];
         sharedState: import("../types").DatePluginSharedState;
         commands: {

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

@@ -11,9 +11,15 @@ export type DateType = {
     month: number;
     day?: number;
 };
-export interface DatePluginConfig {
+export interface DatePluginOptions {
     weekStartDay?: WeekDay;
 }
+/**
+ * @private
+ * @deprecated Use {@link DatePluginOptions} instead.
+ * @see https://product-fabric.atlassian.net/browse/ED-27496
+ */
+export type DatePluginConfig = DatePluginOptions;
 export type DatePluginSharedState = {
     showDatePickerAt?: number | null;
     isNew: boolean;
@@ -27,7 +33,7 @@ export type InsertDate = (props: {
 }) => EditorCommand;
 export type DeleteDate = EditorCommand;
 export type DatePlugin = NextEditorPlugin<'date', {
-    pluginConfiguration: DatePluginConfig | undefined;
+    pluginConfiguration: DatePluginOptions | undefined;
     dependencies: [
         typeof analyticsPlugin,
         EditorDisabledPlugin,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-date",
-	"version": "4.1.10",
+	"version": "4.3.0",
 	"description": "Date plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -37,21 +37,21 @@
 		"@atlaskit/calendar": "^17.1.0",
 		"@atlaskit/css": "^0.10.0",
 		"@atlaskit/date": "^2.0.0",
-		"@atlaskit/editor-common": "^103.1.0",
+		"@atlaskit/editor-common": "^103.22.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
-		"@atlaskit/editor-plugin-annotation": "^2.3.0",
+		"@atlaskit/editor-plugin-annotation": "^2.7.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^2.0.0",
-		"@atlaskit/editor-plugin-editor-viewmode": "^3.0.0",
+		"@atlaskit/editor-plugin-editor-viewmode": "^3.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/form": "^12.0.0",
-		"@atlaskit/icon": "^25.5.0",
+		"@atlaskit/icon": "^25.6.0",
 		"@atlaskit/locale": "^3.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.6.0",
-		"@atlaskit/tokens": "^4.7.0",
+		"@atlaskit/tmp-editor-statsig": "^4.15.0",
+		"@atlaskit/tokens": "^4.8.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"bind-event-listener": "^3.0.0",
@@ -63,13 +63,13 @@
 		"@atlaskit/editor-plugin-composition": "^1.3.0",
 		"@atlaskit/editor-plugin-content-insertion": "^2.1.0",
 		"@atlaskit/editor-plugin-decorations": "^2.0.0",
-		"@atlaskit/editor-plugin-feature-flags": "^1.3.0",
+		"@atlaskit/editor-plugin-feature-flags": "^1.4.0",
 		"@atlaskit/editor-plugin-guideline": "^2.0.0",
-		"@atlaskit/editor-plugin-quick-insert": "^2.2.0",
-		"@atlaskit/editor-plugin-selection": "^2.1.0",
-		"@atlaskit/editor-plugin-table": "^10.6.0",
-		"@atlaskit/editor-plugin-tasks-and-decisions": "^5.0.0",
-		"@atlaskit/editor-plugin-type-ahead": "^2.3.0",
+		"@atlaskit/editor-plugin-quick-insert": "^2.4.0",
+		"@atlaskit/editor-plugin-selection": "^2.2.0",
+		"@atlaskit/editor-plugin-table": "^10.9.0",
+		"@atlaskit/editor-plugin-tasks-and-decisions": "^5.1.0",
+		"@atlaskit/editor-plugin-type-ahead": "^2.6.0",
 		"@atlaskit/editor-plugin-width": "^3.0.0",
 		"@testing-library/react": "^13.4.0"
 	},
@@ -118,6 +118,9 @@
 		},
 		"editor_a11y_announce_date_picker_open": {
 			"type": "boolean"
+		},
+		"platform_editor_ed-27630_date_popup_deleted_node": {
+			"type": "boolean"
 		}
 	}
 }