@atlaskit/inline-dialog 15.2.2 → 15.3.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/inline-dialog
 
+## 15.3.0
+
+### Minor Changes
+
+- [#168743](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/168743)
+  [`b27dba8a5f3cd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b27dba8a5f3cd) -
+  Update types to improve compatibility with React 18.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 15.2.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 15.2.2
 
 ### Patch Changes

package/dist/cjs/InlineDialog/index.js

@@ -86,7 +86,7 @@ var InlineDialog = /*#__PURE__*/(0, _react.memo)(function InlineDialog(_ref2) {
     action: 'closed',
     componentName: 'inlineDialog',
     packageName: "@atlaskit/inline-dialog",
-    packageVersion: "15.2.2"
+    packageVersion: "15.3.0"
   });
 
   // we put this into a ref to avoid handleCloseRequest having this as a dependency
@@ -165,7 +165,7 @@ var InlineDialog = /*#__PURE__*/(0, _react.memo)(function InlineDialog(_ref2) {
       ,
       style: style,
       testId: testId
-    }, content);
+    }, typeof content === 'function' ? content() : content);
   }) : null;
   return (0, _react2.jsx)(_popper.Manager, null, (0, _react2.jsx)(_popper.Reference, null, function (_ref5) {
     var ref = _ref5.ref;

package/dist/cjs/InlineDialog/styled/container.js

@@ -1,18 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Container = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _react2 = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
-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 && {}.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; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
  * @jsxRuntime classic
@@ -63,6 +60,6 @@ var Container = exports.Container = /*#__PURE__*/(0, _react.forwardRef)(function
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       ,
       style: _objectSpread((_objectSpread2 = {}, (0, _defineProperty2.default)(_objectSpread2, CSS_THEME_BACKGROUND, "var(--ds-surface-overlay, ".concat(_colors.N0, ")")), (0, _defineProperty2.default)(_objectSpread2, CSS_THEME_COLOR, "var(--ds-text, ".concat(_colors.N900, ")")), (0, _defineProperty2.default)(_objectSpread2, CSS_THEME_BOX_SHADOW, "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")")), _objectSpread2), style)
-    }, children)
+    }, typeof children === 'function' ? children() : children)
   );
 });

package/dist/es2019/InlineDialog/index.js

@@ -69,7 +69,7 @@ const InlineDialog = /*#__PURE__*/memo(function InlineDialog({
     action: 'closed',
     componentName: 'inlineDialog',
     packageName: "@atlaskit/inline-dialog",
-    packageVersion: "15.2.2"
+    packageVersion: "15.3.0"
   });
 
   // we put this into a ref to avoid handleCloseRequest having this as a dependency
@@ -150,7 +150,7 @@ const InlineDialog = /*#__PURE__*/memo(function InlineDialog({
     ,
     style: style,
     testId: testId
-  }, content)) : null;
+  }, typeof content === 'function' ? content() : content)) : null;
   return jsx(Manager, null, jsx(Reference, null, ({
     ref
   }) => jsx(NodeResolverWrapper, {

package/dist/es2019/InlineDialog/styled/container.js

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
@@ -59,6 +59,6 @@ export const Container = /*#__PURE__*/forwardRef(({
         ...style
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       }
-    }, children)
+    }, typeof children === 'function' ? children() : children)
   );
 });

package/dist/esm/InlineDialog/index.js

@@ -75,7 +75,7 @@ var InlineDialog = /*#__PURE__*/memo(function InlineDialog(_ref2) {
     action: 'closed',
     componentName: 'inlineDialog',
     packageName: "@atlaskit/inline-dialog",
-    packageVersion: "15.2.2"
+    packageVersion: "15.3.0"
   });
 
   // we put this into a ref to avoid handleCloseRequest having this as a dependency
@@ -154,7 +154,7 @@ var InlineDialog = /*#__PURE__*/memo(function InlineDialog(_ref2) {
       ,
       style: style,
       testId: testId
-    }, content);
+    }, typeof content === 'function' ? content() : content);
   }) : null;
   return jsx(Manager, null, jsx(Reference, null, function (_ref5) {
     var ref = _ref5.ref;

package/dist/esm/InlineDialog/styled/container.js

@@ -5,7 +5,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsxRuntime classic
  * @jsx jsx
  */
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
@@ -56,6 +56,6 @@ export var Container = /*#__PURE__*/forwardRef(function (_ref, ref) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       ,
       style: _objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, CSS_THEME_BACKGROUND, "var(--ds-surface-overlay, ".concat(N0, ")")), _defineProperty(_objectSpread2, CSS_THEME_COLOR, "var(--ds-text, ".concat(N900, ")")), _defineProperty(_objectSpread2, CSS_THEME_BOX_SHADOW, "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")")), _objectSpread2), style)
-    }, children)
+    }, typeof children === 'function' ? children() : children)
   );
 });

package/dist/types/InlineDialog/styled/container.d.ts

@@ -2,13 +2,13 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import React from 'react';
+import { type CSSProperties, type FocusEventHandler, type MouseEventHandler, type ReactNode } from 'react';
 interface ContainerProps {
-    children: React.ReactNode;
-    onBlur?: React.FocusEventHandler<HTMLElement>;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-    onFocus?: React.FocusEventHandler<HTMLElement>;
-    style: React.CSSProperties;
+    children: ReactNode | (() => ReactNode);
+    onBlur?: FocusEventHandler<HTMLElement>;
+    onClick?: MouseEventHandler<HTMLElement>;
+    onFocus?: FocusEventHandler<HTMLElement>;
+    style: CSSProperties;
     testId?: string;
 }
 /**
@@ -18,5 +18,5 @@ interface ContainerProps {
  * Note that the styles here are merged with the style prop that comes from the popper.js library.
  *
  */
-export declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Container: import("react").ForwardRefExoticComponent<ContainerProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
 export { default } from './InlineDialog';
 export type { Placement } from './types';
+export type { InlineDialogProps } from './types';

package/dist/types/types.d.ts

@@ -9,7 +9,7 @@ export interface InlineDialogProps extends WithAnalyticsEventsProps {
     /**
      * The elements to be displayed within the InlineDialog.
      */
-    content: ReactNode;
+    content: ReactNode | (() => ReactNode);
     /**
      * Sets whether to show or hide the dialog.
      */

package/dist/types-ts4.5/InlineDialog/styled/container.d.ts

@@ -2,13 +2,13 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import React from 'react';
+import { type CSSProperties, type FocusEventHandler, type MouseEventHandler, type ReactNode } from 'react';
 interface ContainerProps {
-    children: React.ReactNode;
-    onBlur?: React.FocusEventHandler<HTMLElement>;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-    onFocus?: React.FocusEventHandler<HTMLElement>;
-    style: React.CSSProperties;
+    children: ReactNode | (() => ReactNode);
+    onBlur?: FocusEventHandler<HTMLElement>;
+    onClick?: MouseEventHandler<HTMLElement>;
+    onFocus?: FocusEventHandler<HTMLElement>;
+    style: CSSProperties;
     testId?: string;
 }
 /**
@@ -18,5 +18,5 @@ interface ContainerProps {
  * Note that the styles here are merged with the style prop that comes from the popper.js library.
  *
  */
-export declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Container: import("react").ForwardRefExoticComponent<ContainerProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types-ts4.5/index.d.ts

@@ -1,2 +1,3 @@
 export { default } from './InlineDialog';
 export type { Placement } from './types';
+export type { InlineDialogProps } from './types';

package/dist/types-ts4.5/types.d.ts

@@ -9,7 +9,7 @@ export interface InlineDialogProps extends WithAnalyticsEventsProps {
     /**
      * The elements to be displayed within the InlineDialog.
      */
-    content: ReactNode;
+    content: ReactNode | (() => ReactNode);
     /**
      * Sets whether to show or hide the dialog.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/inline-dialog",
-	"version": "15.2.2",
+	"version": "15.3.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/"
@@ -35,17 +35,17 @@
 					}
 				]
 			},
-			"category": "Components"
+			"category": "Overlays and layering"
 		}
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.1.0",
-		"@atlaskit/ds-lib": "^3.2.0",
-		"@atlaskit/layering": "^0.7.3",
+		"@atlaskit/ds-lib": "^3.3.0",
+		"@atlaskit/layering": "^0.8.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/popper": "^6.3.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.2.0",
+		"@atlaskit/tokens": "^2.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"bind-event-listener": "^3.0.0",
@@ -61,10 +61,10 @@
 		"@atlaskit/button": "^20.3.0",
 		"@atlaskit/datetime-picker": "^15.9.0",
 		"@atlaskit/docs": "*",
-		"@atlaskit/dropdown-menu": "^12.22.0",
+		"@atlaskit/dropdown-menu": "^12.23.0",
 		"@atlaskit/modal-dialog": "^12.17.0",
-		"@atlaskit/section-message": "^6.6.0",
-		"@atlaskit/select": "^18.5.0",
+		"@atlaskit/section-message": "^6.7.0",
+		"@atlaskit/select": "^18.6.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/visual-regression": "*",
 		"@testing-library/react": "^12.1.5",