@atlaskit/editor-plugin-date 2.6.1 → 2.6.3

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-date
 
+## 2.6.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 2.6.2
+
+### Patch Changes
+
+- [#112186](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/112186)
+  [`9462d8ca2405a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9462d8ca2405a) -
+  Bump adf-schema to 47.2.1
+- Updated dependencies
+
 ## 2.6.1
 
 ### Patch Changes

package/dist/cjs/datePlugin.js

@@ -8,7 +8,6 @@ exports.default = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _react = _interopRequireDefault(require("react"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
-var _adfSchema = require("@atlaskit/adf-schema");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
@@ -19,6 +18,7 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _comment = _interopRequireDefault(require("@atlaskit/icon/core/comment"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _dateNodeSpec = require("./nodeviews/dateNodeSpec");
 var _actions = require("./pm-plugins/actions");
 var _commands = require("./pm-plugins/commands");
 var _keymap = _interopRequireDefault(require("./pm-plugins/keymap"));
@@ -142,7 +142,7 @@ var datePlugin = function datePlugin(_ref3) {
     nodes: function nodes() {
       return [{
         name: 'date',
-        node: _adfSchema.date
+        node: (0, _dateNodeSpec.dateNodeSpec)()
       }];
     },
     pmPlugins: function pmPlugins() {

package/dist/cjs/nodeviews/date.js

@@ -9,24 +9,16 @@ var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _date = require("@atlaskit/date");
 var _styles = require("@atlaskit/editor-common/styles");
-var _utils = require("@atlaskit/editor-common/utils");
 var _actions = require("../pm-plugins/actions");
+var _utils = require("./utils");
 function DateNodeView(props) {
-  var timestamp = props.node.attrs.timestamp,
-    _props$view$state = props.view.state,
-    doc = _props$view$state.doc,
-    schema = _props$view$state.schema,
-    selection = _props$view$state.selection,
-    getPos = props.getPos;
+  var _props$getPos;
+  var timestamp = props.node.attrs.timestamp;
   var intl = (0, _reactIntlNext.useIntl)();
-  var pos = typeof getPos === 'function' ? getPos() : undefined;
-
-  // We fall back to selection.$from even though it does not cover all use cases
-  // eg. upon Editor init, selection is at the start, not at the Date node
-  var $nodePos = typeof pos === 'number' ? doc.resolve(pos) : selection.$from;
-  var parent = $nodePos.parent;
-  var withinIncompleteTask = parent.type === schema.nodes.taskItem && parent.attrs.state !== 'DONE';
-  var color = withinIncompleteTask && (0, _utils.isPastDate)(timestamp) ? 'red' : undefined;
+  var pos = (_props$getPos = props.getPos) === null || _props$getPos === void 0 ? void 0 : _props$getPos.call(props);
+  var _getDateInformation = (0, _utils.getDateInformation)(timestamp, intl, props.view.state, pos),
+    displayString = _getDateInformation.displayString,
+    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
@@ -36,7 +28,7 @@ function DateNodeView(props) {
     }, /*#__PURE__*/_react.default.createElement(_date.Date, {
       color: color,
       value: timestamp
-    }, withinIncompleteTask ? (0, _utils.timestampToTaskContext)(timestamp, intl) : (0, _utils.timestampToString)(timestamp, intl)))
+    }, displayString))
   );
   function handleClick(event) {
     event.nativeEvent.stopImmediatePropagation();

package/dist/cjs/nodeviews/dateNodeSpec.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dateNodeSpec = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _reactIntlNext = require("react-intl-next");
+var _adfSchema = require("@atlaskit/adf-schema");
+var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _utils = require("@atlaskit/editor-common/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _colors = require("@atlaskit/theme/colors");
+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 intl;
+
+/**
+ * Wrapper for ADF date node spec to augment toDOM implementation
+ * with fallback UI for lazy node view rendering / window virtualization
+ * @nodeSpecException:toDOM patch
+ * @returns
+ */
+var dateNodeSpec = exports.dateNodeSpec = function dateNodeSpec() {
+  if (isSSR || !(0, _platformFeatureFlags.fg)('platform_editor_lego__inline_node_virtualization')) {
+    return _adfSchema.date;
+  }
+  return _objectSpread(_objectSpread({}, _adfSchema.date), {}, {
+    toDOM: function toDOM(node) {
+      intl = intl || (0, _reactIntlNext.createIntl)({
+        locale: document.documentElement.lang || 'en-US'
+      });
+      var timestamp = node.attrs.timestamp;
+      var displayString = (0, _utils.timestampToString)(timestamp, intl);
+      var wrapperAttrs = {
+        class: 'date-lozenger-container',
+        'data-node-type': 'date',
+        'data-timestamp': timestamp,
+        'aria-busy': 'true'
+      };
+      var attrs = {
+        style: (0, _lazyNodeView.convertToInlineCss)({
+          // Taken from @atlaskit/date Component
+          backgroundColor: "var(--ds-background-neutral, ".concat(_colors.N30A, ")"),
+          color: "var(--ds-text, ".concat(_colors.N800, ")"),
+          borderRadius: "var(--ds-border-radius-100, 4px)",
+          padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)"),
+          margin: '0 1px'
+        })
+      };
+      return ['span', wrapperAttrs, ['span', attrs, displayString]];
+    }
+  });
+};

package/dist/cjs/nodeviews/utils.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDateInformation = void 0;
+var _utils = require("@atlaskit/editor-common/utils");
+var getDateInformation = exports.getDateInformation = function getDateInformation(timestamp, intl, state, pos) {
+  if (!state) {
+    return {
+      color: undefined,
+      displayString: (0, _utils.timestampToString)(timestamp, intl)
+    };
+  }
+  var doc = state.doc,
+    selection = state.selection;
+  var taskItem = state.schema.nodes.taskItem;
+
+  // We fall back to selection.$from even though it does not cover all use cases
+  // eg. upon Editor init, selection is at the start, not at the Date node
+  var $nodePos = typeof pos === 'number' ? doc.resolve(pos) : selection.$from;
+  var parent = $nodePos.parent;
+  var withinIncompleteTask = parent.type === taskItem && parent.attrs.state !== 'DONE';
+  var color = withinIncompleteTask && (0, _utils.isPastDate)(timestamp) ? 'red' : undefined;
+  var displayString = withinIncompleteTask ? (0, _utils.timestampToTaskContext)(timestamp, intl) : (0, _utils.timestampToString)(timestamp, intl);
+  return {
+    displayString: displayString,
+    color: color
+  };
+};

package/dist/es2019/datePlugin.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import Loadable from 'react-loadable';
-import { date } 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 { ToolTipContent } from '@atlaskit/editor-common/keymaps';
@@ -11,6 +10,7 @@ import { calculateToolbarPositionAboveSelection } from '@atlaskit/editor-common/
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import CommentIcon from '@atlaskit/icon/core/comment';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { dateNodeSpec } from './nodeviews/dateNodeSpec';
 import { closeDatePicker, closeDatePickerWithAnalytics, createDate } from './pm-plugins/actions';
 import { deleteDateCommand, insertDateCommand } from './pm-plugins/commands';
 import keymap from './pm-plugins/keymap';
@@ -131,7 +131,7 @@ const datePlugin = ({
   nodes() {
     return [{
       name: 'date',
-      node: date
+      node: dateNodeSpec()
     }];
   },
   pmPlugins() {

package/dist/es2019/nodeviews/date.js

@@ -2,33 +2,19 @@ import React from 'react';
 import { useIntl } from 'react-intl-next';
 import { Date } from '@atlaskit/date';
 import { DateSharedCssClassName } from '@atlaskit/editor-common/styles';
-import { isPastDate, timestampToString, timestampToTaskContext } from '@atlaskit/editor-common/utils';
 import { setDatePickerAt } from '../pm-plugins/actions';
+import { getDateInformation } from './utils';
 export function DateNodeView(props) {
+  var _props$getPos;
   const {
-    node: {
-      attrs: {
-        timestamp
-      }
-    },
-    view: {
-      state: {
-        doc,
-        schema,
-        selection
-      }
-    },
-    getPos
-  } = props;
+    timestamp
+  } = props.node.attrs;
   const intl = useIntl();
-  const pos = typeof getPos === 'function' ? getPos() : undefined;
-
-  // We fall back to selection.$from even though it does not cover all use cases
-  // eg. upon Editor init, selection is at the start, not at the Date node
-  const $nodePos = typeof pos === 'number' ? doc.resolve(pos) : selection.$from;
-  const parent = $nodePos.parent;
-  const withinIncompleteTask = parent.type === schema.nodes.taskItem && parent.attrs.state !== 'DONE';
-  const color = withinIncompleteTask && isPastDate(timestamp) ? 'red' : undefined;
+  const pos = (_props$getPos = props.getPos) === null || _props$getPos === void 0 ? void 0 : _props$getPos.call(props);
+  const {
+    displayString,
+    color
+  } = 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
@@ -38,7 +24,7 @@ export function DateNodeView(props) {
     }, /*#__PURE__*/React.createElement(Date, {
       color: color,
       value: timestamp
-    }, withinIncompleteTask ? timestampToTaskContext(timestamp, intl) : timestampToString(timestamp, intl)))
+    }, displayString))
   );
   function handleClick(event) {
     event.nativeEvent.stopImmediatePropagation();

package/dist/es2019/nodeviews/dateNodeSpec.js

@@ -0,0 +1,47 @@
+import { createIntl } from 'react-intl-next';
+import { date } from '@atlaskit/adf-schema';
+import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { timestampToString } from '@atlaskit/editor-common/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { N30A, N800 } from '@atlaskit/theme/colors';
+const isSSR = Boolean(process.env.REACT_SSR);
+let intl;
+
+/**
+ * Wrapper for ADF date node spec to augment toDOM implementation
+ * with fallback UI for lazy node view rendering / window virtualization
+ * @nodeSpecException:toDOM patch
+ * @returns
+ */
+export const dateNodeSpec = () => {
+  if (isSSR || !fg('platform_editor_lego__inline_node_virtualization')) {
+    return date;
+  }
+  return {
+    ...date,
+    toDOM: node => {
+      intl = intl || createIntl({
+        locale: document.documentElement.lang || 'en-US'
+      });
+      const timestamp = node.attrs.timestamp;
+      const displayString = timestampToString(timestamp, intl);
+      const wrapperAttrs = {
+        class: 'date-lozenger-container',
+        'data-node-type': 'date',
+        'data-timestamp': timestamp,
+        'aria-busy': 'true'
+      };
+      const attrs = {
+        style: convertToInlineCss({
+          // Taken from @atlaskit/date Component
+          backgroundColor: `var(--ds-background-neutral, ${N30A})`,
+          color: `var(--ds-text, ${N800})`,
+          borderRadius: "var(--ds-border-radius-100, 4px)",
+          padding: `${"var(--ds-space-025, 2px)"} ${"var(--ds-space-050, 4px)"}`,
+          margin: '0 1px'
+        })
+      };
+      return ['span', wrapperAttrs, ['span', attrs, displayString]];
+    }
+  };
+};

package/dist/es2019/nodeviews/utils.js

@@ -0,0 +1,28 @@
+import { isPastDate, timestampToString, timestampToTaskContext } from '@atlaskit/editor-common/utils';
+export const getDateInformation = (timestamp, intl, state, pos) => {
+  if (!state) {
+    return {
+      color: undefined,
+      displayString: timestampToString(timestamp, intl)
+    };
+  }
+  const {
+    doc,
+    selection
+  } = state;
+  const {
+    taskItem
+  } = state.schema.nodes;
+
+  // We fall back to selection.$from even though it does not cover all use cases
+  // eg. upon Editor init, selection is at the start, not at the Date node
+  const $nodePos = typeof pos === 'number' ? doc.resolve(pos) : selection.$from;
+  const parent = $nodePos.parent;
+  const withinIncompleteTask = parent.type === taskItem && parent.attrs.state !== 'DONE';
+  const color = withinIncompleteTask && isPastDate(timestamp) ? 'red' : undefined;
+  const displayString = withinIncompleteTask ? timestampToTaskContext(timestamp, intl) : timestampToString(timestamp, intl);
+  return {
+    displayString,
+    color
+  };
+};

package/dist/esm/datePlugin.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import Loadable from 'react-loadable';
-import { date } 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 { ToolTipContent } from '@atlaskit/editor-common/keymaps';
@@ -11,6 +10,7 @@ import { calculateToolbarPositionAboveSelection } from '@atlaskit/editor-common/
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import CommentIcon from '@atlaskit/icon/core/comment';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { dateNodeSpec } from './nodeviews/dateNodeSpec';
 import { closeDatePicker as _closeDatePicker, closeDatePickerWithAnalytics as _closeDatePickerWithAnalytics, createDate } from './pm-plugins/actions';
 import { deleteDateCommand, insertDateCommand } from './pm-plugins/commands';
 import keymap from './pm-plugins/keymap';
@@ -130,7 +130,7 @@ var datePlugin = function datePlugin(_ref3) {
     nodes: function nodes() {
       return [{
         name: 'date',
-        node: date
+        node: dateNodeSpec()
       }];
     },
     pmPlugins: function pmPlugins() {

package/dist/esm/nodeviews/date.js

@@ -2,24 +2,16 @@ import React from 'react';
 import { useIntl } from 'react-intl-next';
 import { Date } from '@atlaskit/date';
 import { DateSharedCssClassName } from '@atlaskit/editor-common/styles';
-import { isPastDate, timestampToString, timestampToTaskContext } from '@atlaskit/editor-common/utils';
 import { setDatePickerAt } from '../pm-plugins/actions';
+import { getDateInformation } from './utils';
 export function DateNodeView(props) {
-  var timestamp = props.node.attrs.timestamp,
-    _props$view$state = props.view.state,
-    doc = _props$view$state.doc,
-    schema = _props$view$state.schema,
-    selection = _props$view$state.selection,
-    getPos = props.getPos;
+  var _props$getPos;
+  var timestamp = props.node.attrs.timestamp;
   var intl = useIntl();
-  var pos = typeof getPos === 'function' ? getPos() : undefined;
-
-  // We fall back to selection.$from even though it does not cover all use cases
-  // eg. upon Editor init, selection is at the start, not at the Date node
-  var $nodePos = typeof pos === 'number' ? doc.resolve(pos) : selection.$from;
-  var parent = $nodePos.parent;
-  var withinIncompleteTask = parent.type === schema.nodes.taskItem && parent.attrs.state !== 'DONE';
-  var color = withinIncompleteTask && isPastDate(timestamp) ? 'red' : undefined;
+  var pos = (_props$getPos = props.getPos) === null || _props$getPos === void 0 ? void 0 : _props$getPos.call(props);
+  var _getDateInformation = getDateInformation(timestamp, intl, props.view.state, pos),
+    displayString = _getDateInformation.displayString,
+    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
@@ -29,7 +21,7 @@ export function DateNodeView(props) {
     }, /*#__PURE__*/React.createElement(Date, {
       color: color,
       value: timestamp
-    }, withinIncompleteTask ? timestampToTaskContext(timestamp, intl) : timestampToString(timestamp, intl)))
+    }, displayString))
   );
   function handleClick(event) {
     event.nativeEvent.stopImmediatePropagation();

package/dist/esm/nodeviews/dateNodeSpec.js

@@ -0,0 +1,49 @@
+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 { createIntl } from 'react-intl-next';
+import { date } from '@atlaskit/adf-schema';
+import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { timestampToString } from '@atlaskit/editor-common/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { N30A, N800 } from '@atlaskit/theme/colors';
+var isSSR = Boolean(process.env.REACT_SSR);
+var intl;
+
+/**
+ * Wrapper for ADF date node spec to augment toDOM implementation
+ * with fallback UI for lazy node view rendering / window virtualization
+ * @nodeSpecException:toDOM patch
+ * @returns
+ */
+export var dateNodeSpec = function dateNodeSpec() {
+  if (isSSR || !fg('platform_editor_lego__inline_node_virtualization')) {
+    return date;
+  }
+  return _objectSpread(_objectSpread({}, date), {}, {
+    toDOM: function toDOM(node) {
+      intl = intl || createIntl({
+        locale: document.documentElement.lang || 'en-US'
+      });
+      var timestamp = node.attrs.timestamp;
+      var displayString = timestampToString(timestamp, intl);
+      var wrapperAttrs = {
+        class: 'date-lozenger-container',
+        'data-node-type': 'date',
+        'data-timestamp': timestamp,
+        'aria-busy': 'true'
+      };
+      var attrs = {
+        style: convertToInlineCss({
+          // Taken from @atlaskit/date Component
+          backgroundColor: "var(--ds-background-neutral, ".concat(N30A, ")"),
+          color: "var(--ds-text, ".concat(N800, ")"),
+          borderRadius: "var(--ds-border-radius-100, 4px)",
+          padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)"),
+          margin: '0 1px'
+        })
+      };
+      return ['span', wrapperAttrs, ['span', attrs, displayString]];
+    }
+  });
+};

package/dist/esm/nodeviews/utils.js

@@ -0,0 +1,24 @@
+import { isPastDate, timestampToString, timestampToTaskContext } from '@atlaskit/editor-common/utils';
+export var getDateInformation = function getDateInformation(timestamp, intl, state, pos) {
+  if (!state) {
+    return {
+      color: undefined,
+      displayString: timestampToString(timestamp, intl)
+    };
+  }
+  var doc = state.doc,
+    selection = state.selection;
+  var taskItem = state.schema.nodes.taskItem;
+
+  // We fall back to selection.$from even though it does not cover all use cases
+  // eg. upon Editor init, selection is at the start, not at the Date node
+  var $nodePos = typeof pos === 'number' ? doc.resolve(pos) : selection.$from;
+  var parent = $nodePos.parent;
+  var withinIncompleteTask = parent.type === taskItem && parent.attrs.state !== 'DONE';
+  var color = withinIncompleteTask && isPastDate(timestamp) ? 'red' : undefined;
+  var displayString = withinIncompleteTask ? timestampToTaskContext(timestamp, intl) : timestampToString(timestamp, intl);
+  return {
+    displayString: displayString,
+    color: color
+  };
+};

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

@@ -0,0 +1,8 @@
+import type { NodeSpec } from '@atlaskit/editor-prosemirror/model';
+/**
+ * Wrapper for ADF date node spec to augment toDOM implementation
+ * with fallback UI for lazy node view rendering / window virtualization
+ * @nodeSpecException:toDOM patch
+ * @returns
+ */
+export declare const dateNodeSpec: () => NodeSpec;

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

@@ -0,0 +1,8 @@
+import type { IntlShape } from 'react-intl-next';
+import type { EditorState } from '@atlaskit/editor-prosemirror/dist/types/state';
+type DateInformation = {
+    color: 'red' | undefined;
+    displayString: string;
+};
+export declare const getDateInformation: (timestamp: string | number, intl: IntlShape, state?: EditorState, pos?: number) => DateInformation;
+export {};

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

@@ -0,0 +1,8 @@
+import type { NodeSpec } from '@atlaskit/editor-prosemirror/model';
+/**
+ * Wrapper for ADF date node spec to augment toDOM implementation
+ * with fallback UI for lazy node view rendering / window virtualization
+ * @nodeSpecException:toDOM patch
+ * @returns
+ */
+export declare const dateNodeSpec: () => NodeSpec;

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

@@ -0,0 +1,8 @@
+import type { IntlShape } from 'react-intl-next';
+import type { EditorState } from '@atlaskit/editor-prosemirror/dist/types/state';
+type DateInformation = {
+    color: 'red' | undefined;
+    displayString: string;
+};
+export declare const getDateInformation: (timestamp: string | number, intl: IntlShape, state?: EditorState, pos?: number) => DateInformation;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-date",
-	"version": "2.6.1",
+	"version": "2.6.3",
 	"description": "Date plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -31,22 +31,22 @@
 		".": "./src/index.ts"
 	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^46.1.0",
+		"@atlaskit/adf-schema": "^47.2.1",
 		"@atlaskit/calendar": "^16.3.0",
 		"@atlaskit/date": "^1.0.0",
-		"@atlaskit/editor-common": "^99.10.0",
+		"@atlaskit/editor-common": "^99.17.0",
 		"@atlaskit/editor-plugin-analytics": "^1.12.0",
-		"@atlaskit/editor-plugin-annotation": "1.28.0",
+		"@atlaskit/editor-plugin-annotation": "1.28.1",
 		"@atlaskit/editor-plugin-editor-disabled": "^1.5.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^2.2.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/editor-shared-styles": "^3.2.0",
+		"@atlaskit/editor-shared-styles": "^3.3.0",
 		"@atlaskit/form": "^11.1.0",
-		"@atlaskit/icon": "^23.7.0",
+		"@atlaskit/icon": "^23.9.0",
 		"@atlaskit/locale": "^2.8.0",
-		"@atlaskit/platform-feature-flags": "^1.0.0",
-		"@atlaskit/textfield": "6.8.2",
-		"@atlaskit/theme": "^15.0.0",
+		"@atlaskit/platform-feature-flags": "^1.1.0",
+		"@atlaskit/textfield": "6.8.3",
+		"@atlaskit/theme": "^16.0.0",
 		"@atlaskit/tokens": "^3.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -61,8 +61,8 @@
 		"@atlaskit/editor-plugin-feature-flags": "^1.3.0",
 		"@atlaskit/editor-plugin-guideline": "^1.4.0",
 		"@atlaskit/editor-plugin-quick-insert": "^1.10.0",
-		"@atlaskit/editor-plugin-selection": "^1.7.0",
-		"@atlaskit/editor-plugin-table": "^9.4.0",
+		"@atlaskit/editor-plugin-selection": "^1.8.0",
+		"@atlaskit/editor-plugin-table": "^9.5.0",
 		"@atlaskit/editor-plugin-tasks-and-decisions": "^2.14.0",
 		"@atlaskit/editor-plugin-type-ahead": "^1.13.0",
 		"@atlaskit/editor-plugin-width": "^2.1.0",
@@ -114,6 +114,9 @@
 		},
 		"platform_inline_node_as_valid_annotation_selection": {
 			"type": "boolean"
+		},
+		"platform_editor_lego__inline_node_virtualization": {
+			"type": "boolean"
 		}
 	}
 }