@atlaskit/inline-dialog 14.3.1 → 15.0.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @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

package/dist/cjs/InlineDialog/index.js

@@ -5,7 +5,7 @@ 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");
@@ -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.1";
 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;
@@ -195,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/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 { 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.1";
 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;
@@ -179,34 +185,6 @@ const InlineDialogComponent = /*#__PURE__*/memo(function InlineDialog({
     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/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 { 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.1";
 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;
@@ -184,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/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-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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/inline-dialog",
-	"version": "14.3.1",
+	"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": "^13.0.0",
-		"@atlaskit/tokens": "^1.58.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.10.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",