@atlaskit/editor-plugin-date 20.0.11 → 21.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/datePlugin.js +29 -9
  3. package/dist/es2019/datePlugin.js +13 -2
  4. package/dist/esm/datePlugin.js +25 -6
  5. package/package.json +12 -11
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/editor-plugin-date
2
2
 
3
+ ## 21.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`0c0ee776d1d06`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0c0ee776d1d06) -
8
+ Migrate the editor date plugin's lazy-loaded date picker to react-loosely-lazy behind the
9
+ `platform_editor_loosely_lazy_migration` experiment.
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
15
+ ## 21.0.0
16
+
17
+ ### Patch Changes
18
+
19
+ - Updated dependencies
20
+
3
21
  ## 20.0.11
4
22
 
5
23
  ### Patch Changes
package/dist/cjs/datePlugin.js CHANGED
@@ -21,6 +21,7 @@ var _utils2 = require("@atlaskit/editor-prosemirror/utils");
21
21
  var _comment = _interopRequireDefault(require("@atlaskit/icon/core/comment"));
22
22
  var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
23
23
  var _fg = require("@atlaskit/platform-feature-flags/fg");
24
+ var _reactLooselyLazy = require("react-loosely-lazy");
24
25
  var _actions = require("./pm-plugins/actions");
25
26
  var _commands = require("./pm-plugins/commands");
26
27
  var _keymap = _interopRequireDefault(require("./pm-plugins/keymap"));
@@ -29,19 +30,38 @@ var _pluginKey = require("./pm-plugins/plugin-key");
29
30
  var _getDateQuickInsertComponents = require("./ui/quick-insert/getDateQuickInsertComponents");
30
31
  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; }
31
32
  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; }
32
- 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" != (0, _typeof2.default)(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); }
33
- var DatePicker = (0, _reactLoadable.default)({
34
- loader: function loader() {
35
- return Promise.resolve().then(function () {
36
- return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-datepicker" */'./ui/DatePicker'));
37
- }).then(function (mod) {
38
- return mod.default;
39
- });
40
- },
33
+ 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" != (0, _typeof2.default)(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); } // oxlint-disable-next-line @atlassian/no-restricted-imports
34
+ var loadDatePicker = function loadDatePicker() {
35
+ return Promise.resolve().then(function () {
36
+ return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-datepicker" */'./ui/DatePicker'));
37
+ }).then(function (mod) {
38
+ return mod.default;
39
+ });
40
+ };
41
+ var DatePickerLazy = (0, _reactLooselyLazy.lazyForPaint)(function () {
42
+ return Promise.resolve().then(function () {
43
+ return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-datepicker" */'./ui/DatePicker'));
44
+ }).then(function (mod) {
45
+ return mod.default;
46
+ });
47
+ });
48
+ var DatePickerLoadable = (0, _reactLoadable.default)({
49
+ loader: loadDatePicker,
41
50
  loading: function loading() {
42
51
  return null;
43
52
  }
44
53
  });
54
+ var DatePicker = function DatePicker(props) {
55
+ return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
56
+ fallback: null
57
+ }, /*#__PURE__*/_react.default.createElement(DatePickerLazy, props)) :
58
+ /*#__PURE__*/
59
+ // eslint-disable-next-line react/jsx-props-no-spreading
60
+ _react.default.createElement(DatePickerLoadable, props);
61
+ };
62
+ DatePicker.preload = function () {
63
+ return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? DatePickerLazy.preload() : DatePickerLoadable.preload();
64
+ };
45
65
  function getDateNode(editorView, showDatePickerAt) {
46
66
  if (!editorView) {
47
67
  return null;
package/dist/es2019/datePlugin.js CHANGED
@@ -12,16 +12,27 @@ import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
12
12
  import CommentIcon from '@atlaskit/icon/core/comment';
13
13
  import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
14
14
  import { fg } from '@atlaskit/platform-feature-flags/fg';
15
+ // oxlint-disable-next-line @atlassian/no-restricted-imports
16
+ import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
15
17
  import { closeDatePicker, closeDatePickerWithAnalytics, createDate } from './pm-plugins/actions';
16
18
  import { deleteDateCommand, insertDateCommand } from './pm-plugins/commands';
17
19
  import keymap from './pm-plugins/keymap';
18
20
  import createDatePlugin from './pm-plugins/main';
19
21
  import { pluginKey as datePluginKey } from './pm-plugins/plugin-key';
20
22
  import { getDateQuickInsertComponents } from './ui/quick-insert/getDateQuickInsertComponents';
21
- const DatePicker = Loadable({
22
- loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-datepicker" */'./ui/DatePicker').then(mod => mod.default),
23
+ const loadDatePicker = () => import( /* webpackChunkName: "@atlaskit-internal_editor-datepicker" */'./ui/DatePicker').then(mod => mod.default);
24
+ const DatePickerLazy = lazyForPaint(() => import( /* webpackChunkName: "@atlaskit-internal_editor-datepicker" */'./ui/DatePicker').then(mod => mod.default));
25
+ const DatePickerLoadable = Loadable({
26
+ loader: loadDatePicker,
23
27
  loading: () => null
24
28
  });
29
+ const DatePicker = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
30
+ fallback: null
31
+ }, /*#__PURE__*/React.createElement(DatePickerLazy, props)) :
32
+ /*#__PURE__*/
33
+ // eslint-disable-next-line react/jsx-props-no-spreading
34
+ React.createElement(DatePickerLoadable, props);
35
+ DatePicker.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? DatePickerLazy.preload() : DatePickerLoadable.preload();
25
36
  function getDateNode(editorView, showDatePickerAt) {
26
37
  if (!editorView) {
27
38
  return null;
package/dist/esm/datePlugin.js CHANGED
@@ -15,22 +15,41 @@ import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
15
15
  import CommentIcon from '@atlaskit/icon/core/comment';
16
16
  import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
17
17
  import { fg } from '@atlaskit/platform-feature-flags/fg';
18
+ // oxlint-disable-next-line @atlassian/no-restricted-imports
19
+ import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
18
20
  import { closeDatePicker as _closeDatePicker, closeDatePickerWithAnalytics as _closeDatePickerWithAnalytics, createDate } from './pm-plugins/actions';
19
21
  import { deleteDateCommand, insertDateCommand } from './pm-plugins/commands';
20
22
  import keymap from './pm-plugins/keymap';
21
23
  import createDatePlugin from './pm-plugins/main';
22
24
  import { pluginKey as datePluginKey } from './pm-plugins/plugin-key';
23
25
  import { getDateQuickInsertComponents } from './ui/quick-insert/getDateQuickInsertComponents';
24
- var DatePicker = Loadable({
25
- loader: function loader() {
26
- return import( /* webpackChunkName: "@atlaskit-internal_editor-datepicker" */'./ui/DatePicker').then(function (mod) {
27
- return mod.default;
28
- });
29
- },
26
+ var loadDatePicker = function loadDatePicker() {
27
+ return import( /* webpackChunkName: "@atlaskit-internal_editor-datepicker" */'./ui/DatePicker').then(function (mod) {
28
+ return mod.default;
29
+ });
30
+ };
31
+ var DatePickerLazy = lazyForPaint(function () {
32
+ return import( /* webpackChunkName: "@atlaskit-internal_editor-datepicker" */'./ui/DatePicker').then(function (mod) {
33
+ return mod.default;
34
+ });
35
+ });
36
+ var DatePickerLoadable = Loadable({
37
+ loader: loadDatePicker,
30
38
  loading: function loading() {
31
39
  return null;
32
40
  }
33
41
  });
42
+ var DatePicker = function DatePicker(props) {
43
+ return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
44
+ fallback: null
45
+ }, /*#__PURE__*/React.createElement(DatePickerLazy, props)) :
46
+ /*#__PURE__*/
47
+ // eslint-disable-next-line react/jsx-props-no-spreading
48
+ React.createElement(DatePickerLoadable, props);
49
+ };
50
+ DatePicker.preload = function () {
51
+ return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? DatePickerLazy.preload() : DatePickerLoadable.preload();
52
+ };
34
53
  function getDateNode(editorView, showDatePickerAt) {
35
54
  if (!editorView) {
36
55
  return null;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-date",
3
- "version": "20.0.11",
3
+ "version": "21.1.0",
4
4
  "description": "Date plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -24,12 +24,12 @@
24
24
  "@atlaskit/adf-schema": "^57.5.0",
25
25
  "@atlaskit/calendar": "^19.3.0",
26
26
  "@atlaskit/css": "^1.1.0",
27
- "@atlaskit/editor-plugin-analytics": "^18.0.0",
28
- "@atlaskit/editor-plugin-annotation": "^18.0.0",
29
- "@atlaskit/editor-plugin-editor-disabled": "^18.0.0",
30
- "@atlaskit/editor-plugin-editor-viewmode": "^20.0.0",
31
- "@atlaskit/editor-plugin-ui-control-registry": "^12.0.0",
32
- "@atlaskit/editor-prosemirror": "^8.0.0",
27
+ "@atlaskit/editor-plugin-analytics": "^19.0.0",
28
+ "@atlaskit/editor-plugin-annotation": "^19.0.0",
29
+ "@atlaskit/editor-plugin-editor-disabled": "^19.0.0",
30
+ "@atlaskit/editor-plugin-editor-viewmode": "^21.0.0",
31
+ "@atlaskit/editor-plugin-ui-control-registry": "^13.0.0",
32
+ "@atlaskit/editor-prosemirror": "^9.0.0",
33
33
  "@atlaskit/editor-shared-styles": "^4.3.0",
34
34
  "@atlaskit/editor-ui-control-model": "^2.9.0",
35
35
  "@atlaskit/form": "^17.2.0",
@@ -38,13 +38,14 @@
38
38
  "@atlaskit/platform-feature-experiments": "^0.3.0",
39
39
  "@atlaskit/platform-feature-flags": "^2.2.0",
40
40
  "@atlaskit/textfield": "^10.2.0",
41
- "@atlaskit/tmp-editor-statsig": "^199.0.0",
42
- "@atlaskit/tokens": "^18.0.0",
41
+ "@atlaskit/tmp-editor-statsig": "^200.0.0",
42
+ "@atlaskit/tokens": "^18.2.0",
43
43
  "@atlaskit/visually-hidden": "^4.4.0",
44
44
  "@babel/runtime": "^7.0.0",
45
45
  "bind-event-listener": "^3.0.0",
46
46
  "date-fns": "^2.17.0",
47
- "react-loadable": "^5.1.0"
47
+ "react-loadable": "^5.1.0",
48
+ "react-loosely-lazy": "^1.0.0"
48
49
  },
49
50
  "devDependencies": {
50
51
  "@testing-library/react": "^16.3.0",
@@ -53,7 +54,7 @@
53
54
  "react-intl": "^7.0.0"
54
55
  },
55
56
  "peerDependencies": {
56
- "@atlaskit/editor-common": "^122.11.0",
57
+ "@atlaskit/editor-common": "^123.0.0",
57
58
  "react": "^18.2.0 || ^19.2.0",
58
59
  "react-dom": "^18.2.0 || ^19.2.0",
59
60
  "react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"