@atlaskit/editor-plugin-help-dialog 19.0.1 → 19.1.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-help-dialog
 
+## 19.1.0
+
+### Minor Changes
+
+- [`e8a5fc45d426e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e8a5fc45d426e) -
+  Migrate the editor help dialog loader to react-loosely-lazy behind the
+  `platform_editor_loosely_lazy_migration` experiment.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 19.0.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 19.0.1
 
 ### Patch Changes

package/dist/cjs/ui/HelpDialogLoader.js

@@ -6,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.HelpDialogLoader = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _react = _interopRequireDefault(require("react"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
-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); }
-var HelpDialogLoader = exports.HelpDialogLoader = (0, _reactLoadable.default)({
+var _reactLooselyLazy = require("react-loosely-lazy");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
+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
+var HelpDialogLoadable = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-core-helpdialog" */
@@ -20,4 +23,23 @@ var HelpDialogLoader = exports.HelpDialogLoader = (0, _reactLoadable.default)({
   loading: function loading() {
     return null;
   }
-});
+});
+var HelpDialogLazy = (0, _reactLooselyLazy.lazyForPaint)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-core-helpdialog" */
+    './index'));
+  }).then(function (mod) {
+    return mod.default;
+  });
+});
+var HelpDialogLoader = exports.HelpDialogLoader = function HelpDialogLoader(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(HelpDialogLazy, props)) :
+  /*#__PURE__*/
+  /* eslint-disable-next-line react/jsx-props-no-spreading -- forward the loader props to the dialog */
+  _react.default.createElement(HelpDialogLoadable, props);
+};
+HelpDialogLoader.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? HelpDialogLazy.preload() : HelpDialogLoadable.preload();
+};

package/dist/cjs/ui/formatting.js

@@ -12,8 +12,8 @@ var _browser = require("@atlaskit/editor-common/browser");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
 var _primitives = require("@atlaskit/primitives");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _styles = require("./styles");
 /**
  * @jsxRuntime classic

package/dist/es2019/entry-points/commands.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { openHelpCommand as deprecatedOpenHelpCommand } from '../pm-plugins/commands';

package/dist/es2019/entry-points/helpDialogPlugin.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { helpDialogPlugin } from '../helpDialogPlugin';

package/dist/es2019/ui/HelpDialogLoader.js

@@ -1,6 +1,19 @@
+import React from 'react';
 import Loadable from 'react-loadable';
-export const HelpDialogLoader = Loadable({
+// oxlint-disable-next-line @atlassian/no-restricted-imports
+import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+const HelpDialogLoadable = Loadable({
   loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-core-helpdialog" */
   './index').then(mod => mod.default),
   loading: () => null
-});
+});
+const HelpDialogLazy = lazyForPaint(() => import( /* webpackChunkName: "@atlaskit-internal_editor-core-helpdialog" */
+'./index').then(mod => mod.default));
+export const HelpDialogLoader = props => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: null
+}, /*#__PURE__*/React.createElement(HelpDialogLazy, props)) :
+/*#__PURE__*/
+/* eslint-disable-next-line react/jsx-props-no-spreading -- forward the loader props to the dialog */
+React.createElement(HelpDialogLoadable, props);
+HelpDialogLoader.preload = () => isExperimentEnabled('platform_editor_loosely_lazy_migration') ? HelpDialogLazy.preload() : HelpDialogLoadable.preload();

package/dist/es2019/ui/formatting.js

@@ -10,8 +10,8 @@ import { addInlineComment, addLink, alignCenter, alignLeft, alignRight, askAIQui
 import { alignmentMessages, annotationMessages, blockTypeMessages, listMessages, helpDialogMessages as messages, tableMessages, toolbarInsertBlockMessages, toolbarMessages, undoRedoMessages } from '@atlaskit/editor-common/messages';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { shortcutsArray } from './styles';
 const codeSm = xcss({
   backgroundColor: 'color.background.neutral',

package/dist/esm/entry-points/commands.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { openHelpCommand as deprecatedOpenHelpCommand } from '../pm-plugins/commands';

package/dist/esm/entry-points/helpDialogPlugin.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { helpDialogPlugin } from '../helpDialogPlugin';

package/dist/esm/ui/HelpDialogLoader.js

@@ -1,5 +1,9 @@
+import React from 'react';
 import Loadable from 'react-loadable';
-export var HelpDialogLoader = Loadable({
+// oxlint-disable-next-line @atlassian/no-restricted-imports
+import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+var HelpDialogLoadable = Loadable({
   loader: function loader() {
     return import( /* webpackChunkName: "@atlaskit-internal_editor-core-helpdialog" */
     './index').then(function (mod) {
@@ -9,4 +13,21 @@ export var HelpDialogLoader = Loadable({
   loading: function loading() {
     return null;
   }
-});
+});
+var HelpDialogLazy = lazyForPaint(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-core-helpdialog" */
+  './index').then(function (mod) {
+    return mod.default;
+  });
+});
+export var HelpDialogLoader = function HelpDialogLoader(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(HelpDialogLazy, props)) :
+  /*#__PURE__*/
+  /* eslint-disable-next-line react/jsx-props-no-spreading -- forward the loader props to the dialog */
+  React.createElement(HelpDialogLoadable, props);
+};
+HelpDialogLoader.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? HelpDialogLazy.preload() : HelpDialogLoadable.preload();
+};

package/dist/esm/ui/formatting.js

@@ -11,8 +11,8 @@ import { addInlineComment, addLink, alignCenter, alignLeft, alignRight, askAIQui
 import { alignmentMessages, annotationMessages, blockTypeMessages, listMessages, helpDialogMessages as messages, tableMessages, toolbarInsertBlockMessages, toolbarMessages, undoRedoMessages } from '@atlaskit/editor-common/messages';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { shortcutsArray } from './styles';
 var codeSm = xcss({
   backgroundColor: 'color.background.neutral',

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

@@ -1,4 +1,5 @@
-import type { ComponentType, PropsWithChildren } from 'react';
-import Loadable from 'react-loadable';
+import { type ComponentType, type PropsWithChildren } from 'react';
 import type { HelpDialogProps } from './index';
-export declare const HelpDialogLoader: ComponentType<PropsWithChildren<HelpDialogProps>> & Loadable.LoadableComponent;
+export declare const HelpDialogLoader: ComponentType<PropsWithChildren<HelpDialogProps>> & {
+    preload: () => unknown;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-help-dialog",
-	"version": "19.0.1",
+	"version": "19.1.0",
 	"description": "Help Dialog plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -28,14 +28,16 @@
 		"@atlaskit/heading": "^7.2.0",
 		"@atlaskit/icon": "^37.7.0",
 		"@atlaskit/modal-dialog": "^16.6.0",
+		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/primitives": "^22.5.0",
-		"@atlaskit/tmp-editor-statsig": "^200.0.0",
+		"@atlaskit/tmp-editor-statsig": "^201.0.0",
 		"@atlaskit/tokens": "^18.2.0",
 		"@atlaskit/tooltip": "^24.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
-		"react-loadable": "^5.1.0"
+		"react-loadable": "^5.1.0",
+		"react-loosely-lazy": "^1.0.0"
 	},
 	"devDependencies": {
 		"@testing-library/react": "^16.3.0",
@@ -43,7 +45,7 @@
 		"react-intl": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^123.0.0",
+		"@atlaskit/editor-common": "^123.3.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	}