@atlaskit/inline-message 15.0.1 → 15.2.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/inline-message
 
+## 15.2.0
+
+### Minor Changes
+
+- [#157071](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/157071)
+  [`a149a0b1559ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a149a0b1559ec) -
+  We are testing the migration to the ADS Link component behind a feature flag. If this fix is
+  successful it will be available in a later release.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 15.1.0
+
+### Minor Changes
+
+- [#152852](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/152852)
+  [`ae720e711e4d2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ae720e711e4d2) -
+  Adds `fallbackPlacements` prop for specifying a list of backup placements to try when the main
+  `placement` does not have enough space. This matches the API of `Popup`.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 15.0.1
 
 ### Patch Changes

package/dist/cjs/components/inline-message/index.js

@@ -61,7 +61,8 @@ var InlineMessage = function InlineMessage(_ref) {
     appearance = _ref$appearance === void 0 ? 'connectivity' : _ref$appearance,
     children = _ref.children,
     testId = _ref.testId,
-    iconLabel = _ref.iconLabel;
+    iconLabel = _ref.iconLabel,
+    fallbackPlacements = _ref.fallbackPlacements;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isOpen = _useState2[0],
@@ -82,7 +83,8 @@ var InlineMessage = function InlineMessage(_ref) {
     content: children,
     isOpen: isOpen,
     placement: placement,
-    testId: testId && "".concat(testId, "--inline-dialog")
+    testId: testId && "".concat(testId, "--inline-dialog"),
+    fallbackPlacements: fallbackPlacements
   }, /*#__PURE__*/React.createElement(_button.default, {
     "data-ds--inline-message--button": true,
     appearance: "subtle-link",

package/dist/es2019/components/inline-message/index.js

@@ -46,7 +46,8 @@ const InlineMessage = ({
   appearance = 'connectivity',
   children,
   testId,
-  iconLabel
+  iconLabel,
+  fallbackPlacements
 }) => {
   const [isOpen, setIsOpen] = useState(false);
   const toggleDialog = useCallback(() => {
@@ -61,7 +62,8 @@ const InlineMessage = ({
     content: children,
     isOpen: isOpen,
     placement: placement,
-    testId: testId && `${testId}--inline-dialog`
+    testId: testId && `${testId}--inline-dialog`,
+    fallbackPlacements: fallbackPlacements
   }, /*#__PURE__*/React.createElement(Button, {
     "data-ds--inline-message--button": true,
     appearance: "subtle-link",

package/dist/esm/components/inline-message/index.js

@@ -51,7 +51,8 @@ var InlineMessage = function InlineMessage(_ref) {
     appearance = _ref$appearance === void 0 ? 'connectivity' : _ref$appearance,
     children = _ref.children,
     testId = _ref.testId,
-    iconLabel = _ref.iconLabel;
+    iconLabel = _ref.iconLabel,
+    fallbackPlacements = _ref.fallbackPlacements;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -72,7 +73,8 @@ var InlineMessage = function InlineMessage(_ref) {
     content: children,
     isOpen: isOpen,
     placement: placement,
-    testId: testId && "".concat(testId, "--inline-dialog")
+    testId: testId && "".concat(testId, "--inline-dialog"),
+    fallbackPlacements: fallbackPlacements
   }, /*#__PURE__*/React.createElement(Button, {
     "data-ds--inline-message--button": true,
     appearance: "subtle-link",

package/dist/types/components/inline-message/index.d.ts

@@ -3,8 +3,9 @@
  * @jsx jsx
  */
 import { type FC, type ReactNode } from 'react';
+import { type InlineDialogProps } from '@atlaskit/inline-dialog';
 import type { IconAppearance, InlineDialogPlacement } from '../../types';
-interface InlineMessageProps {
+interface InlineMessageProps extends Pick<InlineDialogProps, 'fallbackPlacements'> {
     /**
      * The elements to be displayed by the inline dialog.
      */

package/dist/types-ts4.5/components/inline-message/index.d.ts

@@ -3,8 +3,9 @@
  * @jsx jsx
  */
 import { type FC, type ReactNode } from 'react';
+import { type InlineDialogProps } from '@atlaskit/inline-dialog';
 import type { IconAppearance, InlineDialogPlacement } from '../../types';
-interface InlineMessageProps {
+interface InlineMessageProps extends Pick<InlineDialogProps, 'fallbackPlacements'> {
     /**
      * The elements to be displayed by the inline dialog.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/inline-message",
-	"version": "15.0.1",
+	"version": "15.2.0",
 	"description": "An inline message lets users know when important information is available or when an action is required.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,12 +30,14 @@
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/button": "^23.0.0",
-		"@atlaskit/icon": "^26.0.0",
-		"@atlaskit/inline-dialog": "^17.0.0",
-		"@atlaskit/primitives": "^14.7.0",
+		"@atlaskit/button": "^23.2.0",
+		"@atlaskit/icon": "^26.1.0",
+		"@atlaskit/inline-dialog": "^17.2.0",
+		"@atlaskit/link": "^3.2.0",
+		"@atlaskit/platform-feature-flags": "^1.1.0",
+		"@atlaskit/primitives": "^14.8.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.8.0",
+		"@atlaskit/tokens": "^4.9.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3"
 	},
@@ -49,8 +51,7 @@
 		"@atlaskit/docs": "^10.0.0",
 		"@atlaskit/ds-lib": "^4.0.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/link": "^3.1.0",
-		"@atlaskit/modal-dialog": "^14.1.0",
+		"@atlaskit/modal-dialog": "^14.2.0",
 		"@atlaskit/section-message": "^8.2.0",
 		"@atlassian/ssr-tests": "^0.2.0",
 		"@emotion/jest": "^11.8.0",
@@ -92,5 +93,10 @@
 			]
 		}
 	},
-	"homepage": "https://atlassian.design/components/inline-message/"
+	"homepage": "https://atlassian.design/components/inline-message/",
+	"platform-feature-flags": {
+		"dst-a11y__replace-anchor-with-link__design-system-": {
+			"type": "boolean"
+		}
+	}
 }