@atlaskit/inline-dialog 15.2.0 → 15.2.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/inline-dialog
 
+## 15.2.2
+
+### Patch Changes
+
+- [#166026](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/166026)
+  [`962b5e77810fb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/962b5e77810fb) -
+  Adds side-effect config to support Compiled css extraction in third-party apps
+
+## 15.2.1
+
+### Patch Changes
+
+- [#161638](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/161638)
+  [`d2e5e5ce0053d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d2e5e5ce0053d) -
+  Use new API of layering without UNSAFE prefix
+
 ## 15.2.0
 
 ### Minor Changes

package/dist/cjs/InlineDialog/index.js

@@ -39,8 +39,8 @@ var CloseManager = function CloseManager(_ref) {
   (0, _layering.useCloseOnEscapePress)({
     onClose: handleEscapeClose
   });
-  var _UNSAFE_useLayering = (0, _layering.UNSAFE_useLayering)(),
-    isLayerDisabled = _UNSAFE_useLayering.isLayerDisabled;
+  var _useLayering = (0, _layering.useLayering)(),
+    isLayerDisabled = _useLayering.isLayerDisabled;
   (0, _react.useEffect)(function () {
     return (0, _bindEventListener.bind)(window, {
       type: 'click',
@@ -86,7 +86,7 @@ var InlineDialog = /*#__PURE__*/(0, _react.memo)(function InlineDialog(_ref2) {
     action: 'closed',
     componentName: 'inlineDialog',
     packageName: "@atlaskit/inline-dialog",
-    packageVersion: "15.2.0"
+    packageVersion: "15.2.2"
   });
 
   // we put this into a ref to avoid handleCloseRequest having this as a dependency
@@ -181,7 +181,7 @@ var InlineDialog = /*#__PURE__*/(0, _react.memo)(function InlineDialog(_ref2) {
       },
       hasNodeResolver: !(0, _platformFeatureFlags.fg)('platform_design_system_team_portal_logic_r18_fix')
     }, (0, _react2.jsx)(_react.default.Fragment, null, children));
-  }), isOpen ? (0, _react2.jsx)(_layering.UNSAFE_LAYERING, {
+  }), isOpen ? (0, _react2.jsx)(_layering.Layering, {
     isDisabled: false
   }, popper, (0, _react2.jsx)(CloseManager, {
     handleEscapeClose: handleCloseRequest,

package/dist/es2019/InlineDialog/index.js

@@ -9,7 +9,7 @@ import { jsx } from '@emotion/react';
 import { bind } from 'bind-event-listener';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
-import { UNSAFE_LAYERING, UNSAFE_useLayering, useCloseOnEscapePress } from '@atlaskit/layering';
+import { Layering, useCloseOnEscapePress, useLayering } from '@atlaskit/layering';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
 import NodeResolverWrapper from './node-resolver-wrapper';
@@ -31,7 +31,7 @@ const CloseManager = ({
   });
   const {
     isLayerDisabled
-  } = UNSAFE_useLayering();
+  } = useLayering();
   useEffect(() => {
     return bind(window, {
       type: 'click',
@@ -69,7 +69,7 @@ const InlineDialog = /*#__PURE__*/memo(function InlineDialog({
     action: 'closed',
     componentName: 'inlineDialog',
     packageName: "@atlaskit/inline-dialog",
-    packageVersion: "15.2.0"
+    packageVersion: "15.2.2"
   });
 
   // we put this into a ref to avoid handleCloseRequest having this as a dependency
@@ -164,7 +164,7 @@ const InlineDialog = /*#__PURE__*/memo(function InlineDialog({
       // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
     },
     hasNodeResolver: !fg('platform_design_system_team_portal_logic_r18_fix')
-  }, jsx(React.Fragment, null, children))), isOpen ? jsx(UNSAFE_LAYERING, {
+  }, jsx(React.Fragment, null, children))), isOpen ? jsx(Layering, {
     isDisabled: false
   }, popper, jsx(CloseManager, {
     handleEscapeClose: handleCloseRequest,

package/dist/esm/InlineDialog/index.js

@@ -9,7 +9,7 @@ import { jsx } from '@emotion/react';
 import { bind } from 'bind-event-listener';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
-import { UNSAFE_LAYERING, UNSAFE_useLayering, useCloseOnEscapePress } from '@atlaskit/layering';
+import { Layering, useCloseOnEscapePress, useLayering } from '@atlaskit/layering';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
 import NodeResolverWrapper from './node-resolver-wrapper';
@@ -28,8 +28,8 @@ var CloseManager = function CloseManager(_ref) {
   useCloseOnEscapePress({
     onClose: handleEscapeClose
   });
-  var _UNSAFE_useLayering = UNSAFE_useLayering(),
-    isLayerDisabled = _UNSAFE_useLayering.isLayerDisabled;
+  var _useLayering = useLayering(),
+    isLayerDisabled = _useLayering.isLayerDisabled;
   useEffect(function () {
     return bind(window, {
       type: 'click',
@@ -75,7 +75,7 @@ var InlineDialog = /*#__PURE__*/memo(function InlineDialog(_ref2) {
     action: 'closed',
     componentName: 'inlineDialog',
     packageName: "@atlaskit/inline-dialog",
-    packageVersion: "15.2.0"
+    packageVersion: "15.2.2"
   });
 
   // we put this into a ref to avoid handleCloseRequest having this as a dependency
@@ -170,7 +170,7 @@ var InlineDialog = /*#__PURE__*/memo(function InlineDialog(_ref2) {
       },
       hasNodeResolver: !fg('platform_design_system_team_portal_logic_r18_fix')
     }, jsx(React.Fragment, null, children));
-  }), isOpen ? jsx(UNSAFE_LAYERING, {
+  }), isOpen ? jsx(Layering, {
     isDisabled: false
   }, popper, jsx(CloseManager, {
     handleEscapeClose: handleCloseRequest,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/inline-dialog",
-	"version": "15.2.0",
+	"version": "15.2.2",
 	"description": "An inline dialog is a pop-up container for small amounts of information. It can also contain controls.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -12,7 +12,9 @@
 	"module": "dist/esm/index.js",
 	"module:es2019": "dist/es2019/index.js",
 	"types": "dist/types/index.d.ts",
-	"sideEffects": false,
+	"sideEffects": [
+		"**/*.compiled.css"
+	],
 	"atlaskit:src": "src/index.tsx",
 	"af:exports": {
 		".": "./src/index.tsx",
@@ -38,12 +40,12 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.1.0",
-		"@atlaskit/ds-lib": "^3.1.0",
-		"@atlaskit/layering": "^0.7.0",
+		"@atlaskit/ds-lib": "^3.2.0",
+		"@atlaskit/layering": "^0.7.3",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/popper": "^6.3.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.0.0",
+		"@atlaskit/tokens": "^2.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"bind-event-listener": "^3.0.0",
@@ -57,12 +59,12 @@
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
 		"@atlaskit/button": "^20.3.0",
-		"@atlaskit/datetime-picker": "^15.5.0",
+		"@atlaskit/datetime-picker": "^15.9.0",
 		"@atlaskit/docs": "*",
-		"@atlaskit/dropdown-menu": "^12.21.0",
+		"@atlaskit/dropdown-menu": "^12.22.0",
 		"@atlaskit/modal-dialog": "^12.17.0",
 		"@atlaskit/section-message": "^6.6.0",
-		"@atlaskit/select": "^18.4.0",
+		"@atlaskit/select": "^18.5.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/visual-regression": "*",
 		"@testing-library/react": "^12.1.5",

package/types/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/types.js",
   "module": "../dist/esm/types.js",
   "module:es2019": "../dist/es2019/types.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/types.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {