@atlaskit/inline-dialog 14.3.0 → 15.0.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/inline-dialog
 
+## 15.0.0
+
+### Major Changes
+
+- [#135555](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/135555)
+  [`530c505c5abab`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/530c505c5abab) -
+  Refactors analytics next API to remove usages of legacy react context.
+
+## 14.3.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 14.3.0
 
 ### Minor Changes

package/dist/cjs/InlineDialog/index.js

@@ -5,16 +5,16 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.InlineDialogWithoutAnalytics = void 0;
+exports.default = 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; }
@@ -25,8 +25,6 @@ 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.3.0";
 var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
   if (!node) {
     return false;
@@ -43,7 +41,7 @@ var EscapeCloseManager = function EscapeCloseManager(_ref) {
   // only create a dummy component for using ths hook in class component
   return (0, _react2.jsx)("span", null);
 };
-var InlineDialogComponent = exports.InlineDialogWithoutAnalytics = /*#__PURE__*/(0, _react.memo)(function InlineDialog(_ref2) {
+var InlineDialog = /*#__PURE__*/(0, _react.memo)(function InlineDialog(_ref2) {
   var _ref2$isOpen = _ref2.isOpen,
     isOpen = _ref2$isOpen === void 0 ? false : _ref2$isOpen,
     _ref2$onContentBlur = _ref2.onContentBlur,
@@ -53,7 +51,7 @@ var InlineDialogComponent = exports.InlineDialogWithoutAnalytics = /*#__PURE__*/
     _ref2$onContentFocus = _ref2.onContentFocus,
     onContentFocus = _ref2$onContentFocus === void 0 ? _noop.default : _ref2$onContentFocus,
     _ref2$onClose = _ref2.onClose,
-    onClose = _ref2$onClose === void 0 ? _noop.default : _ref2$onClose,
+    providedOnClose = _ref2$onClose === void 0 ? _noop.default : _ref2$onClose,
     _ref2$placement = _ref2.placement,
     placement = _ref2$placement === void 0 ? 'bottom-start' : _ref2$placement,
     _ref2$strategy = _ref2.strategy,
@@ -63,6 +61,16 @@ var InlineDialogComponent = exports.InlineDialogWithoutAnalytics = /*#__PURE__*/
     children = _ref2.children;
   var containerRef = (0, _react.useRef)(null);
   var triggerRef = (0, _react.useRef)(null);
+  var onClose = (0, _analyticsNext.usePlatformLeafEventHandler)({
+    fn: function fn(event) {
+      return providedOnClose(event);
+    },
+    action: 'closed',
+    componentName: 'inlineDialog',
+    packageName: "@atlaskit/inline-dialog",
+    packageVersion: "15.0.0"
+  });
+
   // we put this into a ref to avoid handleCloseRequest having this as a dependency
   var onCloseRef = (0, _react.useRef)(onClose);
   var isLayeringEnabled = (0, _platformFeatureFlags.fg)('platform.design-system-team.inline-message-layering_wfp1p') && isOpen;
@@ -177,7 +185,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 +193,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
@@ -193,33 +203,6 @@ var InlineDialogComponent = exports.InlineDialogWithoutAnalytics = /*#__PURE__*/
     handleClose: handleCloseRequest
   })) : popper);
 });
-InlineDialogComponent.displayName = 'InlineDialog';
-var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
 
-/**
- * __Inline dialog__
- *
- * _We are planning on deprecating Inline dialog. We recommend using the Popup component instead._
- *
- * An inline dialog is a pop-up container for small amounts of information. It can also contain controls.
- *
- * - [Examples](https://atlassian.design/components/inline-dialog/examples)
- * - [Code](https://atlassian.design/components/inline-dialog/code)
- * - [Usage](https://atlassian.design/components/inline-dialog/usage)
- */
-var InlineDialog = (0, _analyticsNext.withAnalyticsContext)({
-  componentName: 'inlineDialog',
-  packageName: packageName,
-  packageVersion: packageVersion
-})((0, _analyticsNext.withAnalyticsEvents)({
-  onClose: createAndFireEventOnAtlaskit({
-    action: 'closed',
-    actionSubject: 'inlineDialog',
-    attributes: {
-      componentName: 'inlineDialog',
-      packageName: packageName,
-      packageVersion: packageVersion
-    }
-  })
-})(InlineDialogComponent));
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var _default = exports.default = InlineDialog;

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,13 @@ 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 { usePlatformLeafEventHandler } 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.3.0";
 const checkIsChildOfPortal = node => {
   if (!node) {
     return false;
@@ -33,12 +31,12 @@ const EscapeCloseManager = ({
   // only create a dummy component for using ths hook in class component
   return jsx("span", null);
 };
-const InlineDialogComponent = /*#__PURE__*/memo(function InlineDialog({
+const InlineDialog = /*#__PURE__*/memo(function InlineDialog({
   isOpen = false,
   onContentBlur = noop,
   onContentClick = noop,
   onContentFocus = noop,
-  onClose = noop,
+  onClose: providedOnClose = noop,
   placement = 'bottom-start',
   strategy = 'fixed',
   testId,
@@ -47,6 +45,14 @@ const InlineDialogComponent = /*#__PURE__*/memo(function InlineDialog({
 }) {
   const containerRef = useRef(null);
   const triggerRef = useRef(null);
+  const onClose = usePlatformLeafEventHandler({
+    fn: event => providedOnClose(event),
+    action: 'closed',
+    componentName: 'inlineDialog',
+    packageName: "@atlaskit/inline-dialog",
+    packageVersion: "15.0.0"
+  });
+
   // we put this into a ref to avoid handleCloseRequest having this as a dependency
   const onCloseRef = useRef(onClose);
   const isLayeringEnabled = fg('platform.design-system-team.inline-message-layering_wfp1p') && isOpen;
@@ -162,7 +168,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,41 +176,15 @@ 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, {
     handleClose: handleCloseRequest
   })) : popper);
 });
-InlineDialogComponent.displayName = 'InlineDialog';
-export { InlineDialogComponent as InlineDialogWithoutAnalytics };
-const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 
-/**
- * __Inline dialog__
- *
- * _We are planning on deprecating Inline dialog. We recommend using the Popup component instead._
- *
- * An inline dialog is a pop-up container for small amounts of information. It can also contain controls.
- *
- * - [Examples](https://atlassian.design/components/inline-dialog/examples)
- * - [Code](https://atlassian.design/components/inline-dialog/code)
- * - [Usage](https://atlassian.design/components/inline-dialog/usage)
- */
-const InlineDialog = withAnalyticsContext({
-  componentName: 'inlineDialog',
-  packageName,
-  packageVersion
-})(withAnalyticsEvents({
-  onClose: createAndFireEventOnAtlaskit({
-    action: 'closed',
-    actionSubject: 'inlineDialog',
-    attributes: {
-      componentName: 'inlineDialog',
-      packageName,
-      packageVersion
-    }
-  })
-})(InlineDialogComponent));
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default InlineDialog;

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,13 @@ 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 { usePlatformLeafEventHandler } 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.3.0";
 var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
   if (!node) {
     return false;
@@ -32,7 +30,7 @@ var EscapeCloseManager = function EscapeCloseManager(_ref) {
   // only create a dummy component for using ths hook in class component
   return jsx("span", null);
 };
-var InlineDialogComponent = /*#__PURE__*/memo(function InlineDialog(_ref2) {
+var InlineDialog = /*#__PURE__*/memo(function InlineDialog(_ref2) {
   var _ref2$isOpen = _ref2.isOpen,
     isOpen = _ref2$isOpen === void 0 ? false : _ref2$isOpen,
     _ref2$onContentBlur = _ref2.onContentBlur,
@@ -42,7 +40,7 @@ var InlineDialogComponent = /*#__PURE__*/memo(function InlineDialog(_ref2) {
     _ref2$onContentFocus = _ref2.onContentFocus,
     onContentFocus = _ref2$onContentFocus === void 0 ? noop : _ref2$onContentFocus,
     _ref2$onClose = _ref2.onClose,
-    onClose = _ref2$onClose === void 0 ? noop : _ref2$onClose,
+    providedOnClose = _ref2$onClose === void 0 ? noop : _ref2$onClose,
     _ref2$placement = _ref2.placement,
     placement = _ref2$placement === void 0 ? 'bottom-start' : _ref2$placement,
     _ref2$strategy = _ref2.strategy,
@@ -52,6 +50,16 @@ var InlineDialogComponent = /*#__PURE__*/memo(function InlineDialog(_ref2) {
     children = _ref2.children;
   var containerRef = useRef(null);
   var triggerRef = useRef(null);
+  var onClose = usePlatformLeafEventHandler({
+    fn: function fn(event) {
+      return providedOnClose(event);
+    },
+    action: 'closed',
+    componentName: 'inlineDialog',
+    packageName: "@atlaskit/inline-dialog",
+    packageVersion: "15.0.0"
+  });
+
   // we put this into a ref to avoid handleCloseRequest having this as a dependency
   var onCloseRef = useRef(onClose);
   var isLayeringEnabled = fg('platform.design-system-team.inline-message-layering_wfp1p') && isOpen;
@@ -166,7 +174,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 +182,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
@@ -182,34 +192,6 @@ var InlineDialogComponent = /*#__PURE__*/memo(function InlineDialog(_ref2) {
     handleClose: handleCloseRequest
   })) : popper);
 });
-InlineDialogComponent.displayName = 'InlineDialog';
-export { InlineDialogComponent as InlineDialogWithoutAnalytics };
-var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 
-/**
- * __Inline dialog__
- *
- * _We are planning on deprecating Inline dialog. We recommend using the Popup component instead._
- *
- * An inline dialog is a pop-up container for small amounts of information. It can also contain controls.
- *
- * - [Examples](https://atlassian.design/components/inline-dialog/examples)
- * - [Code](https://atlassian.design/components/inline-dialog/code)
- * - [Usage](https://atlassian.design/components/inline-dialog/usage)
- */
-var InlineDialog = withAnalyticsContext({
-  componentName: 'inlineDialog',
-  packageName: packageName,
-  packageVersion: packageVersion
-})(withAnalyticsEvents({
-  onClose: createAndFireEventOnAtlaskit({
-    action: 'closed',
-    actionSubject: 'inlineDialog',
-    attributes: {
-      componentName: 'inlineDialog',
-      packageName: packageName,
-      packageVersion: packageVersion
-    }
-  })
-})(InlineDialogComponent));
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default InlineDialog;

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/index.d.ts

@@ -2,20 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import React, { type FC } from 'react';
+import { type FC } from 'react';
 import type { InlineDialogProps } from '../types';
-declare const InlineDialogComponent: FC<InlineDialogProps>;
-export { InlineDialogComponent as InlineDialogWithoutAnalytics };
-/**
- * __Inline dialog__
- *
- * _We are planning on deprecating Inline dialog. We recommend using the Popup component instead._
- *
- * An inline dialog is a pop-up container for small amounts of information. It can also contain controls.
- *
- * - [Examples](https://atlassian.design/components/inline-dialog/examples)
- * - [Code](https://atlassian.design/components/inline-dialog/code)
- * - [Usage](https://atlassian.design/components/inline-dialog/usage)
- */
-declare const InlineDialog: React.ForwardRefExoticComponent<Pick<Omit<InlineDialogProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "children" | "content" | "isOpen" | "onContentBlur" | "onContentClick" | "onContentFocus" | "onClose" | "placement" | "strategy" | "testId" | "key" | "analyticsContext"> & React.RefAttributes<any>>;
+declare const InlineDialog: FC<InlineDialogProps>;
 export default InlineDialog;

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/index.d.ts

@@ -2,20 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import React, { type FC } from 'react';
+import { type FC } from 'react';
 import type { InlineDialogProps } from '../types';
-declare const InlineDialogComponent: FC<InlineDialogProps>;
-export { InlineDialogComponent as InlineDialogWithoutAnalytics };
-/**
- * __Inline dialog__
- *
- * _We are planning on deprecating Inline dialog. We recommend using the Popup component instead._
- *
- * An inline dialog is a pop-up container for small amounts of information. It can also contain controls.
- *
- * - [Examples](https://atlassian.design/components/inline-dialog/examples)
- * - [Code](https://atlassian.design/components/inline-dialog/code)
- * - [Usage](https://atlassian.design/components/inline-dialog/usage)
- */
-declare const InlineDialog: React.ForwardRefExoticComponent<Pick<Omit<InlineDialogProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "children" | "content" | "isOpen" | "onContentBlur" | "onContentClick" | "onContentFocus" | "onClose" | "placement" | "strategy" | "testId" | "key" | "analyticsContext"> & React.RefAttributes<any>>;
+declare const InlineDialog: FC<InlineDialogProps>;
 export default InlineDialog;

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.3.0",
+	"version": "15.0.0",
 	"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/"
@@ -42,12 +42,12 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.1.0",
-		"@atlaskit/ds-lib": "^2.4.0",
+		"@atlaskit/ds-lib": "^2.5.0",
 		"@atlaskit/layering": "^0.4.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/popper": "^6.2.0",
-		"@atlaskit/theme": "^12.12.0",
-		"@atlaskit/tokens": "^1.58.0",
+		"@atlaskit/theme": "^13.0.0",
+		"@atlaskit/tokens": "^1.59.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"bind-event-listener": "^3.0.0",
@@ -60,13 +60,13 @@
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
-		"@atlaskit/button": "^19.2.0",
-		"@atlaskit/datetime-picker": "^13.9.0",
+		"@atlaskit/button": "^20.1.0",
+		"@atlaskit/datetime-picker": "^14.0.0",
 		"@atlaskit/docs": "*",
-		"@atlaskit/dropdown-menu": "^12.17.0",
+		"@atlaskit/dropdown-menu": "^12.18.0",
 		"@atlaskit/modal-dialog": "^12.15.0",
 		"@atlaskit/section-message": "^6.6.0",
-		"@atlaskit/select": "^17.13.0",
+		"@atlaskit/select": "^17.15.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/"