@atlaskit/inline-dialog 14.2.5 → 14.3.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/inline-dialog
 
+## 14.3.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 14.3.0
+
+### Minor Changes
+
+- [#127511](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/127511)
+  [`db30e29344013`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/db30e29344013) -
+  Widening range of `react` and `react-dom` peer dependencies from `^16.8.0 || ^17.0.0 || ~18.2.0`
+  to the wider range of ``^16.8.0 || ^17.0.0 || ^18.0.0` (where applicable).
+
+  This change has been done to enable usage of `react@18.3` as well as to have a consistent peer
+  dependency range for `react` and `react-dom` for `/platform` packages.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 14.2.5
 
 ### Patch Changes

package/dist/cjs/InlineDialog/index.js

@@ -9,12 +9,12 @@ exports.default = exports.InlineDialogWithoutAnalytics = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _bindEventListener = require("bind-event-listener");
-var _reactNodeResolver = _interopRequireDefault(require("react-node-resolver"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _layering = require("@atlaskit/layering");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popper = require("@atlaskit/popper");
+var _nodeResolverWrapper = _interopRequireDefault(require("./node-resolver-wrapper"));
 var _container = require("./styled/container");
 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); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -26,7 +26,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var packageName = "@atlaskit/inline-dialog";
-var packageVersion = "14.2.5";
+var packageVersion = "14.3.1";
 var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
   if (!node) {
     return false;
@@ -177,7 +177,7 @@ var InlineDialogComponent = exports.InlineDialogWithoutAnalytics = /*#__PURE__*/
   }) : null;
   return (0, _react2.jsx)(_popper.Manager, null, (0, _react2.jsx)(_popper.Reference, null, function (_ref5) {
     var ref = _ref5.ref;
-    return (0, _react2.jsx)(_reactNodeResolver.default, {
+    return (0, _react2.jsx)(_nodeResolverWrapper.default, {
       innerRef: function innerRef(node) {
         triggerRef.current = node;
         if (typeof ref === 'function') {
@@ -185,7 +185,9 @@ var InlineDialogComponent = exports.InlineDialogWithoutAnalytics = /*#__PURE__*/
         } else {
           ref.current = node;
         }
-      }
+        // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+      },
+      hasNodeResolver: !(0, _platformFeatureFlags.fg)('dsp-19516-design-system-portal-logic-update')
     }, (0, _react2.jsx)(_react.default.Fragment, null, children));
   }), isLayeringEnabled ? (0, _react2.jsx)(_layering.UNSAFE_LAYERING, {
     isDisabled: false

package/dist/cjs/InlineDialog/node-resolver-wrapper.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNodeResolver = _interopRequireDefault(require("react-node-resolver"));
+/**
+ * A wrapper component that conditionally applies a NodeResolver to its children.
+ *
+ * Note: NodeResolver should not be used in React 18 concurrent mode. This component
+ * is intended to be removed once the feature flag  is removed.
+ * @param {boolean} props.hasNodeResolver - Determines whether to apply the NodeResolver.
+ * @param {ReactElement} props.children - The child elements to be wrapped.
+ * @param {(instance: HTMLDivElement) => void} props.innerRef - A ref callback to get the instance of the HTMLDivElement.
+ * @returns {ReactElement} The children wrapped with NodeResolver if hasNodeResolver is true, wrape the children in a div setting innerRef with ref to the div.
+ */
+var NodeResolverWrapper = function NodeResolverWrapper(_ref) {
+  var hasNodeResolver = _ref.hasNodeResolver,
+    children = _ref.children,
+    innerRef = _ref.innerRef;
+  if (hasNodeResolver) {
+    return /*#__PURE__*/_react.default.createElement(_reactNodeResolver.default, {
+      innerRef: innerRef
+    }, children);
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: function ref(node) {
+      return innerRef(node);
+    }
+  }, children);
+};
+var _default = exports.default = NodeResolverWrapper;

package/dist/es2019/InlineDialog/index.js

@@ -7,15 +7,15 @@ import React, { memo, useCallback, useEffect, useRef } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { bind } from 'bind-event-listener';
-import NodeResolver from 'react-node-resolver';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
 import { UNSAFE_LAYERING, useCloseOnEscapePress } from '@atlaskit/layering';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
+import NodeResolverWrapper from './node-resolver-wrapper';
 import { Container } from './styled/container';
 const packageName = "@atlaskit/inline-dialog";
-const packageVersion = "14.2.5";
+const packageVersion = "14.3.1";
 const checkIsChildOfPortal = node => {
   if (!node) {
     return false;
@@ -162,7 +162,7 @@ const InlineDialogComponent = /*#__PURE__*/memo(function InlineDialog({
   }, content)) : null;
   return jsx(Manager, null, jsx(Reference, null, ({
     ref
-  }) => jsx(NodeResolver, {
+  }) => jsx(NodeResolverWrapper, {
     innerRef: node => {
       triggerRef.current = node;
       if (typeof ref === 'function') {
@@ -170,7 +170,9 @@ const InlineDialogComponent = /*#__PURE__*/memo(function InlineDialog({
       } else {
         ref.current = node;
       }
-    }
+      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+    },
+    hasNodeResolver: !fg('dsp-19516-design-system-portal-logic-update')
   }, jsx(React.Fragment, null, children))), isLayeringEnabled ? jsx(UNSAFE_LAYERING, {
     isDisabled: false
   }, popper, jsx(EscapeCloseManager, {

package/dist/es2019/InlineDialog/node-resolver-wrapper.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import NodeResolver from 'react-node-resolver';
+/**
+ * A wrapper component that conditionally applies a NodeResolver to its children.
+ *
+ * Note: NodeResolver should not be used in React 18 concurrent mode. This component
+ * is intended to be removed once the feature flag  is removed.
+ * @param {boolean} props.hasNodeResolver - Determines whether to apply the NodeResolver.
+ * @param {ReactElement} props.children - The child elements to be wrapped.
+ * @param {(instance: HTMLDivElement) => void} props.innerRef - A ref callback to get the instance of the HTMLDivElement.
+ * @returns {ReactElement} The children wrapped with NodeResolver if hasNodeResolver is true, wrape the children in a div setting innerRef with ref to the div.
+ */
+const NodeResolverWrapper = ({
+  hasNodeResolver,
+  children,
+  innerRef
+}) => {
+  if (hasNodeResolver) {
+    return /*#__PURE__*/React.createElement(NodeResolver, {
+      innerRef: innerRef
+    }, children);
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    ref: node => innerRef(node)
+  }, children);
+};
+export default NodeResolverWrapper;

package/dist/esm/InlineDialog/index.js

@@ -7,15 +7,15 @@ import React, { memo, useCallback, useEffect, useRef } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { bind } from 'bind-event-listener';
-import NodeResolver from 'react-node-resolver';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
 import { UNSAFE_LAYERING, useCloseOnEscapePress } from '@atlaskit/layering';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
+import NodeResolverWrapper from './node-resolver-wrapper';
 import { Container } from './styled/container';
 var packageName = "@atlaskit/inline-dialog";
-var packageVersion = "14.2.5";
+var packageVersion = "14.3.1";
 var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
   if (!node) {
     return false;
@@ -166,7 +166,7 @@ var InlineDialogComponent = /*#__PURE__*/memo(function InlineDialog(_ref2) {
   }) : null;
   return jsx(Manager, null, jsx(Reference, null, function (_ref5) {
     var ref = _ref5.ref;
-    return jsx(NodeResolver, {
+    return jsx(NodeResolverWrapper, {
       innerRef: function innerRef(node) {
         triggerRef.current = node;
         if (typeof ref === 'function') {
@@ -174,7 +174,9 @@ var InlineDialogComponent = /*#__PURE__*/memo(function InlineDialog(_ref2) {
         } else {
           ref.current = node;
         }
-      }
+        // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+      },
+      hasNodeResolver: !fg('dsp-19516-design-system-portal-logic-update')
     }, jsx(React.Fragment, null, children));
   }), isLayeringEnabled ? jsx(UNSAFE_LAYERING, {
     isDisabled: false

package/dist/esm/InlineDialog/node-resolver-wrapper.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import NodeResolver from 'react-node-resolver';
+/**
+ * A wrapper component that conditionally applies a NodeResolver to its children.
+ *
+ * Note: NodeResolver should not be used in React 18 concurrent mode. This component
+ * is intended to be removed once the feature flag  is removed.
+ * @param {boolean} props.hasNodeResolver - Determines whether to apply the NodeResolver.
+ * @param {ReactElement} props.children - The child elements to be wrapped.
+ * @param {(instance: HTMLDivElement) => void} props.innerRef - A ref callback to get the instance of the HTMLDivElement.
+ * @returns {ReactElement} The children wrapped with NodeResolver if hasNodeResolver is true, wrape the children in a div setting innerRef with ref to the div.
+ */
+var NodeResolverWrapper = function NodeResolverWrapper(_ref) {
+  var hasNodeResolver = _ref.hasNodeResolver,
+    children = _ref.children,
+    innerRef = _ref.innerRef;
+  if (hasNodeResolver) {
+    return /*#__PURE__*/React.createElement(NodeResolver, {
+      innerRef: innerRef
+    }, children);
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    ref: function ref(node) {
+      return innerRef(node);
+    }
+  }, children);
+};
+export default NodeResolverWrapper;

package/dist/types/InlineDialog/node-resolver-wrapper.d.ts

@@ -0,0 +1,18 @@
+import React, { type FC, type ReactElement } from 'react';
+interface NodeResolverWrapperProps {
+    hasNodeResolver: boolean;
+    innerRef: React.RefCallback<HTMLElement>;
+    children: ReactElement;
+}
+/**
+ * A wrapper component that conditionally applies a NodeResolver to its children.
+ *
+ * Note: NodeResolver should not be used in React 18 concurrent mode. This component
+ * is intended to be removed once the feature flag  is removed.
+ * @param {boolean} props.hasNodeResolver - Determines whether to apply the NodeResolver.
+ * @param {ReactElement} props.children - The child elements to be wrapped.
+ * @param {(instance: HTMLDivElement) => void} props.innerRef - A ref callback to get the instance of the HTMLDivElement.
+ * @returns {ReactElement} The children wrapped with NodeResolver if hasNodeResolver is true, wrape the children in a div setting innerRef with ref to the div.
+ */
+declare const NodeResolverWrapper: FC<NodeResolverWrapperProps>;
+export default NodeResolverWrapper;

package/dist/types-ts4.5/InlineDialog/node-resolver-wrapper.d.ts

@@ -0,0 +1,18 @@
+import React, { type FC, type ReactElement } from 'react';
+interface NodeResolverWrapperProps {
+    hasNodeResolver: boolean;
+    innerRef: React.RefCallback<HTMLElement>;
+    children: ReactElement;
+}
+/**
+ * A wrapper component that conditionally applies a NodeResolver to its children.
+ *
+ * Note: NodeResolver should not be used in React 18 concurrent mode. This component
+ * is intended to be removed once the feature flag  is removed.
+ * @param {boolean} props.hasNodeResolver - Determines whether to apply the NodeResolver.
+ * @param {ReactElement} props.children - The child elements to be wrapped.
+ * @param {(instance: HTMLDivElement) => void} props.innerRef - A ref callback to get the instance of the HTMLDivElement.
+ * @returns {ReactElement} The children wrapped with NodeResolver if hasNodeResolver is true, wrape the children in a div setting innerRef with ref to the div.
+ */
+declare const NodeResolverWrapper: FC<NodeResolverWrapperProps>;
+export default NodeResolverWrapper;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/inline-dialog",
-	"version": "14.2.5",
+	"version": "14.3.1",
 	"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/"
@@ -41,32 +41,32 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^10.0.0",
-		"@atlaskit/ds-lib": "^2.3.0",
-		"@atlaskit/layering": "^0.3.0",
+		"@atlaskit/analytics-next": "^10.1.0",
+		"@atlaskit/ds-lib": "^2.4.0",
+		"@atlaskit/layering": "^0.4.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/popper": "^6.1.0",
-		"@atlaskit/theme": "^12.11.0",
-		"@atlaskit/tokens": "^1.57.0",
+		"@atlaskit/popper": "^6.2.0",
+		"@atlaskit/theme": "^13.0.0",
+		"@atlaskit/tokens": "^1.58.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"bind-event-listener": "^3.0.0",
 		"react-node-resolver": "^1.0.1"
 	},
 	"peerDependencies": {
-		"react": "^16.8.0 || ^17.0.0 || ~18.2.0"
+		"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
 	},
 	"devDependencies": {
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
-		"@atlaskit/button": "^19.1.0",
-		"@atlaskit/datetime-picker": "^13.8.0",
+		"@atlaskit/button": "^19.2.0",
+		"@atlaskit/datetime-picker": "^13.10.0",
 		"@atlaskit/docs": "*",
-		"@atlaskit/dropdown-menu": "^12.15.0",
-		"@atlaskit/modal-dialog": "^12.14.0",
-		"@atlaskit/section-message": "^6.5.0",
-		"@atlaskit/select": "^17.11.0",
+		"@atlaskit/dropdown-menu": "^12.17.0",
+		"@atlaskit/modal-dialog": "^12.15.0",
+		"@atlaskit/section-message": "^6.6.0",
+		"@atlaskit/select": "^17.13.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/visual-regression": "*",
 		"@testing-library/react": "^12.1.5",
@@ -114,6 +114,9 @@
 	"platform-feature-flags": {
 		"platform.design-system-team.inline-message-layering_wfp1p": {
 			"type": "boolean"
+		},
+		"dsp-19516-design-system-portal-logic-update": {
+			"type": "boolean"
 		}
 	},
 	"homepage": "https://atlassian.design/components/inline-dialog/"