@atlaskit/flag 15.5.1 → 15.5.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/flag
 
+## 15.5.2
+
+### Patch Changes
+
+-   [#101206](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/101206)
+    [`e7b8d483e629`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e7b8d483e629) -
+    Introduce a new prop shouldRenderToParent on FlagProvider to render flag group directly to
+    parent instead of Portal
+
 ## 15.5.1
 
 ### Patch Changes

package/dist/cjs/auto-dismiss-flag.js

@@ -15,7 +15,7 @@ var _flagGroup = require("./flag-group");
 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; }
 var packageName = "@atlaskit/flag";
-var packageVersion = "15.5.1";
+var packageVersion = "15.5.2";
 var AUTO_DISMISS_SECONDS = exports.AUTO_DISMISS_SECONDS = 8;
 
 /**

package/dist/cjs/flag-provider.js

@@ -42,7 +42,8 @@ var getUniqueId = function () {
   };
 }();
 function FlagsProvider(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    shouldRenderToParent = _ref.shouldRenderToParent;
   var _useState = (0, _react.useState)([]),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     flags = _useState2[0],
@@ -84,7 +85,8 @@ function FlagsProvider(_ref) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(FlagContext.Provider, {
     value: api
   }, children), /*#__PURE__*/_react.default.createElement(_flagGroup.default, {
-    onDismissed: removeFlag
+    onDismissed: removeFlag,
+    shouldRenderToParent: shouldRenderToParent
   }, flags.map(function (flag) {
     var isAutoDismiss = flag.isAutoDismiss,
       restProps = (0, _objectWithoutProperties2.default)(flag, _excluded);

package/dist/cjs/flag.js

@@ -52,7 +52,7 @@ var flagWrapperStyles = (0, _react2.css)({
 var analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "15.5.1"
+  packageVersion: "15.5.2"
 };
 var transitionStyles = (0, _react2.css)({
   flexGrow: 1,

package/dist/es2019/auto-dismiss-flag.js

@@ -5,7 +5,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import Flag from './flag';
 import { useFlagGroup } from './flag-group';
 const packageName = "@atlaskit/flag";
-const packageVersion = "15.5.1";
+const packageVersion = "15.5.2";
 export const AUTO_DISMISS_SECONDS = 8;
 
 /**

package/dist/es2019/flag-provider.js

@@ -21,7 +21,8 @@ const getUniqueId = (() => {
   return () => `flag-provider-unique-id:${count++}`;
 })();
 export function FlagsProvider({
-  children
+  children,
+  shouldRenderToParent
 }) {
   const [flags, setFlags] = useState([]);
   const removeFlag = useCallback(id => {
@@ -56,7 +57,8 @@ export function FlagsProvider({
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FlagContext.Provider, {
     value: api
   }, children), /*#__PURE__*/React.createElement(FlagGroup, {
-    onDismissed: removeFlag
+    onDismissed: removeFlag,
+    shouldRenderToParent: shouldRenderToParent
   }, flags.map(flag => {
     const {
       isAutoDismiss,

package/dist/es2019/flag.js

@@ -42,7 +42,7 @@ const flagWrapperStyles = css({
 const analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "15.5.1"
+  packageVersion: "15.5.2"
 };
 const transitionStyles = css({
   flexGrow: 1,

package/dist/esm/auto-dismiss-flag.js

@@ -5,7 +5,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import Flag from './flag';
 import { useFlagGroup } from './flag-group';
 var packageName = "@atlaskit/flag";
-var packageVersion = "15.5.1";
+var packageVersion = "15.5.2";
 export var AUTO_DISMISS_SECONDS = 8;
 
 /**

package/dist/esm/flag-provider.js

@@ -30,7 +30,8 @@ var getUniqueId = function () {
   };
 }();
 export function FlagsProvider(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    shouldRenderToParent = _ref.shouldRenderToParent;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     flags = _useState2[0],
@@ -72,7 +73,8 @@ export function FlagsProvider(_ref) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FlagContext.Provider, {
     value: api
   }, children), /*#__PURE__*/React.createElement(FlagGroup, {
-    onDismissed: removeFlag
+    onDismissed: removeFlag,
+    shouldRenderToParent: shouldRenderToParent
   }, flags.map(function (flag) {
     var isAutoDismiss = flag.isAutoDismiss,
       restProps = _objectWithoutProperties(flag, _excluded);

package/dist/esm/flag.js

@@ -46,7 +46,7 @@ var flagWrapperStyles = css({
 var analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "15.5.1"
+  packageVersion: "15.5.2"
 };
 var transitionStyles = css({
   flexGrow: 1,

package/dist/types/flag-provider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FlagPropsWithoutId } from './types';
+import { type FlagPropsWithoutId } from './types';
 type FlagId = string | number;
 export type Combine<First, Second> = Omit<First, keyof Second> & Second;
 export interface CreateFlagArgs extends FlagPropsWithoutId {
@@ -26,8 +26,9 @@ export type FlagAPI = {
  * - [Examples](https://atlassian.design/components/flag/flags-provider/examples#using-showflags)
  */
 export declare function useFlags(): FlagAPI;
-export declare function FlagsProvider({ children }: {
+export declare function FlagsProvider({ children, shouldRenderToParent, }: {
     children: React.ReactNode;
+    shouldRenderToParent?: boolean;
 }): JSX.Element;
 export declare const withFlagsProvider: (fn: () => React.ReactNode) => React.ReactNode;
 export {};

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FlagPropsWithoutId } from './types';
+import { type FlagPropsWithoutId } from './types';
 type FlagId = string | number;
 export type Combine<First, Second> = Omit<First, keyof Second> & Second;
 export interface CreateFlagArgs extends FlagPropsWithoutId {
@@ -26,8 +26,9 @@ export type FlagAPI = {
  * - [Examples](https://atlassian.design/components/flag/flags-provider/examples#using-showflags)
  */
 export declare function useFlags(): FlagAPI;
-export declare function FlagsProvider({ children }: {
+export declare function FlagsProvider({ children, shouldRenderToParent, }: {
     children: React.ReactNode;
+    shouldRenderToParent?: boolean;
 }): JSX.Element;
 export declare const withFlagsProvider: (fn: () => React.ReactNode) => React.ReactNode;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/flag",
-  "version": "15.5.1",
+  "version": "15.5.2",
   "description": "A flag is used for confirmations, alerts, and acknowledgments that require minimal user interaction, often displayed using a flag group.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -49,12 +49,12 @@
     "@atlaskit/analytics-next": "^9.3.0",
     "@atlaskit/button": "^17.14.0",
     "@atlaskit/ds-lib": "^2.3.0",
-    "@atlaskit/icon": "^22.1.0",
-    "@atlaskit/motion": "^1.5.0",
-    "@atlaskit/portal": "^4.4.0",
-    "@atlaskit/primitives": "^6.0.0",
-    "@atlaskit/theme": "^12.7.0",
-    "@atlaskit/tokens": "^1.45.0",
+    "@atlaskit/icon": "^22.2.0",
+    "@atlaskit/motion": "^1.6.0",
+    "@atlaskit/portal": "^4.5.0",
+    "@atlaskit/primitives": "^6.2.0",
+    "@atlaskit/theme": "^12.8.0",
+    "@atlaskit/tokens": "^1.48.0",
     "@atlaskit/visually-hidden": "^1.3.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"