@atlaskit/share 4.20.3 → 4.20.5

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/share
 
+## 4.20.5
+
+### Patch Changes
+
+- [#154149](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/154149)
+  [`cc82c0612ae26`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cc82c0612ae26) -
+  React 18 compatibility
+
+## 4.20.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.20.3
 
 ### Patch Changes

package/dist/cjs/components/LazyShareForm/lazy.js

@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _reactLooselyLazy = require("react-loosely-lazy");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _ShareFormWrapper = require("../ShareFormWrapper");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -23,13 +22,11 @@ var spinnerWrapperStyles = (0, _react2.css)({
   justifyContent: 'center',
   alignContent: 'center'
 });
-var LazyShareFormLazy = (0, _reactLooselyLazy.lazyForPaint)(function () {
+var LazyShareFormLazy = /*#__PURE__*/(0, _react.lazy)(function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_share-form" */
     './LazyShareForm'));
   });
-}, {
-  ssr: false
 });
 var LoadingDialog = function LoadingDialog(_ref) {
   var shareFormTitle = _ref.shareFormTitle,
@@ -52,7 +49,7 @@ var LoadingDialog = function LoadingDialog(_ref) {
   }, (0, _react2.jsx)(_spinner.default, null)));
 };
 var _default = exports.default = function _default(props) {
-  return (0, _react2.jsx)(_reactLooselyLazy.LazySuspense, {
+  return (0, _react2.jsx)(_react.Suspense, {
     fallback: (0, _react2.jsx)(LoadingDialog, {
       shareFormTitle: props.shareFormTitle,
       showTitle: props.showTitle,

package/dist/cjs/components/analytics/analytics.js

@@ -13,7 +13,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "4.20.3"
+    packageVersion: "4.20.5"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/es2019/components/LazyShareForm/lazy.js

@@ -2,11 +2,10 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import React from 'react';
+import React, { lazy, Suspense } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
 import Spinner from '@atlaskit/spinner';
 import { ShareFormWrapper } from '../ShareFormWrapper';
 const spinnerWrapperStyles = css({
@@ -16,10 +15,8 @@ const spinnerWrapperStyles = css({
   justifyContent: 'center',
   alignContent: 'center'
 });
-const LazyShareFormLazy = lazyForPaint(() => import( /* webpackChunkName: "@atlaskit-internal_share-form" */
-'./LazyShareForm'), {
-  ssr: false
-});
+const LazyShareFormLazy = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-internal_share-form" */
+'./LazyShareForm'));
 const LoadingDialog = ({
   shareFormTitle,
   showTitle,
@@ -41,7 +38,7 @@ const LoadingDialog = ({
     css: spinnerWrapperStyles
   }, jsx(Spinner, null)));
 };
-export default (props => jsx(LazySuspense, {
+export default (props => jsx(Suspense, {
   fallback: jsx(LoadingDialog, {
     shareFormTitle: props.shareFormTitle,
     showTitle: props.showTitle,

package/dist/es2019/components/analytics/analytics.js

@@ -1,7 +1,7 @@
 import { isEmail, isExternalUser, isTeam, isUser } from '@atlaskit/smart-user-picker';
 const buildAttributes = (attributes = {}) => ({
   packageName: "@atlaskit/share",
-  packageVersion: "4.20.3",
+  packageVersion: "4.20.5",
   ...attributes
 });
 const createEvent = (eventType, source, action, actionSubject, actionSubjectId, attributes = {}) => ({

package/dist/esm/components/LazyShareForm/lazy.js

@@ -2,11 +2,10 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import React from 'react';
+import React, { lazy, Suspense } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
 import Spinner from '@atlaskit/spinner';
 import { ShareFormWrapper } from '../ShareFormWrapper';
 var spinnerWrapperStyles = css({
@@ -16,11 +15,9 @@ var spinnerWrapperStyles = css({
   justifyContent: 'center',
   alignContent: 'center'
 });
-var LazyShareFormLazy = lazyForPaint(function () {
+var LazyShareFormLazy = /*#__PURE__*/lazy(function () {
   return import( /* webpackChunkName: "@atlaskit-internal_share-form" */
   './LazyShareForm');
-}, {
-  ssr: false
 });
 var LoadingDialog = function LoadingDialog(_ref) {
   var shareFormTitle = _ref.shareFormTitle,
@@ -43,7 +40,7 @@ var LoadingDialog = function LoadingDialog(_ref) {
   }, jsx(Spinner, null)));
 };
 export default (function (props) {
-  return jsx(LazySuspense, {
+  return jsx(Suspense, {
     fallback: jsx(LoadingDialog, {
       shareFormTitle: props.shareFormTitle,
       showTitle: props.showTitle,

package/dist/esm/components/analytics/analytics.js

@@ -6,7 +6,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "4.20.3"
+    packageVersion: "4.20.5"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/share",
-	"version": "4.20.3",
+	"version": "4.20.5",
 	"description": "Fabric Share Element",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -22,6 +22,7 @@
 	},
 	"atlaskit:src": "src/index.ts",
 	"atlassian": {
+		"runReact18": true,
 		"team": "People and Teams Collective",
 		"website": {
 			"name": "Share"
@@ -48,27 +49,25 @@
 		"@atlaskit/popup": "^1.28.0",
 		"@atlaskit/portal": "^4.9.0",
 		"@atlaskit/primitives": "^12.2.0",
-		"@atlaskit/smart-user-picker": "^6.10.0",
+		"@atlaskit/smart-user-picker": "^6.11.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/tabs": "^16.5.0",
 		"@atlaskit/textarea": "^5.6.0",
-		"@atlaskit/theme": "^13.1.0",
+		"@atlaskit/theme": "^14.0.0",
 		"@atlaskit/tokens": "^2.0.0",
 		"@atlaskit/tooltip": "^18.8.0",
 		"@atlaskit/ufo": "^0.3.0",
-		"@atlaskit/user-picker": "^10.25.0",
+		"@atlaskit/user-picker": "^10.26.0",
 		"@atlaskit/util-service-support": "^6.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
-		"@react-loosely-lazy/manifest": "^1.0.0",
 		"fast-deep-equal": "^3.1.1",
 		"memoize-one": "^6.0.0",
 		"react-intl-next": "npm:react-intl@^5.18.1",
-		"react-loosely-lazy": "^1.0.0",
 		"tiny-invariant": "^1.2.0"
 	},
 	"peerDependencies": {
-		"react": "^16.8.0"
+		"react": "^16.8.0 || ^17.0.0 || ^18.2.0"
 	},
 	"devDependencies": {
 		"@atlaskit/editor-test-helpers": "^19.1.0",