@atlaskit/focused-task-close-account 4.0.0 → 4.0.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/focused-task-close-account
 
+## 4.0.2
+
+### Patch Changes
+
+- [`103f19eae0280`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/103f19eae0280) -
+  Accessibility fix
+
+## 4.0.1
+
+### Patch Changes
+
+- [`7fb5bfbafb83e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7fb5bfbafb83e) -
+  Enrol people-and-teams packages into the React Compiler with platform gating via
+  isReactCompilerActivePlatform
+
 ## 4.0.0
 
 ### Major Changes

package/dist/cjs/components/StatefulInlineDialog/StatefulInlineDialog.js

@@ -13,6 +13,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _inlineDialog = _interopRequireDefault(require("@atlaskit/inline-dialog"));
+var _styled = require("./styled");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var StatefulInlineDialog = exports.StatefulInlineDialog = /*#__PURE__*/function (_React$Component) {
@@ -56,9 +57,11 @@ var StatefulInlineDialog = exports.StatefulInlineDialog = /*#__PURE__*/function
         content: content,
         placement: placement,
         isOpen: this.state.isOpen
-      }, /*#__PURE__*/_react.default.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement(_styled.TriggerButton, {
         onMouseOver: this.handleMouseOver,
-        onMouseOut: this.handleMouseOut
+        onMouseOut: this.handleMouseOut,
+        onFocus: this.openDialog,
+        onBlur: this.closeDialog
       }, children));
     }
   }]);

package/dist/cjs/components/StatefulInlineDialog/styled.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TriggerButton = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+var TriggerButton = exports.TriggerButton = _styled.default.button({
+  background: 'none',
+  border: 'none',
+  padding: 0,
+  cursor: 'default'
+});

package/dist/es2019/components/StatefulInlineDialog/StatefulInlineDialog.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import InlineDialog from '@atlaskit/inline-dialog';
+import { TriggerButton } from './styled';
 export class StatefulInlineDialog extends React.Component {
   constructor(...args) {
     super(...args);
@@ -34,9 +35,11 @@ export class StatefulInlineDialog extends React.Component {
       content: content,
       placement: placement,
       isOpen: this.state.isOpen
-    }, /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/React.createElement(TriggerButton, {
       onMouseOver: this.handleMouseOver,
-      onMouseOut: this.handleMouseOut
+      onMouseOut: this.handleMouseOut,
+      onFocus: this.openDialog,
+      onBlur: this.closeDialog
     }, children));
   }
 }

package/dist/es2019/components/StatefulInlineDialog/styled.js

@@ -0,0 +1,10 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import styled from '@emotion/styled';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export const TriggerButton = styled.button({
+  background: 'none',
+  border: 'none',
+  padding: 0,
+  cursor: 'default'
+});

package/dist/esm/components/StatefulInlineDialog/StatefulInlineDialog.js

@@ -8,6 +8,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import InlineDialog from '@atlaskit/inline-dialog';
+import { TriggerButton } from './styled';
 export var StatefulInlineDialog = /*#__PURE__*/function (_React$Component) {
   function StatefulInlineDialog() {
     var _this;
@@ -49,9 +50,11 @@ export var StatefulInlineDialog = /*#__PURE__*/function (_React$Component) {
         content: content,
         placement: placement,
         isOpen: this.state.isOpen
-      }, /*#__PURE__*/React.createElement("span", {
+      }, /*#__PURE__*/React.createElement(TriggerButton, {
         onMouseOver: this.handleMouseOver,
-        onMouseOut: this.handleMouseOut
+        onMouseOut: this.handleMouseOut,
+        onFocus: this.openDialog,
+        onBlur: this.closeDialog
       }, children));
     }
   }]);

package/dist/esm/components/StatefulInlineDialog/styled.js

@@ -0,0 +1,10 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import styled from '@emotion/styled';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var TriggerButton = styled.button({
+  background: 'none',
+  border: 'none',
+  padding: 0,
+  cursor: 'default'
+});

package/dist/types/components/StatefulInlineDialog/styled.d.ts

@@ -0,0 +1,4 @@
+export declare const TriggerButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

package/dist/types-ts4.5/components/StatefulInlineDialog/styled.d.ts

@@ -0,0 +1,4 @@
+export declare const TriggerButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/focused-task-close-account",
-	"version": "4.0.0",
+	"version": "4.0.2",
 	"description": "This package contains all of the UI components needed to assemble the focused tasks for deactivating and deleting users' accounts in accordance with the GDPR \"Right to be forgotten\".",
 	"deprecated": "⚠️ DEPRECATED: This package is marked for removal. Please avoid new usage.",
 	"publishConfig": {
@@ -26,6 +26,13 @@
 		"test:coverage": "(cd ../../.. && yarn test 'packages/people-and-teams/focused-task-close-account/src' --coverage --coverageProvider=v8 --collectCoverageFrom='[\"packages/people-and-teams/focused-task-close-account/src/**\", \"!packages/people-and-teams/focused-task-close-account/src/**/**/types.ts\", \"!packages/people-and-teams/focused-task-close-account/src/ui/**/styled.tsx\"]')"
 	},
 	"atlassian": {
+		"react-compiler": {
+			"enabled": true,
+			"gating": {
+				"source": "@atlassian/react-compiler-gating",
+				"importSpecifierName": "isReactCompilerActivePlatform"
+			}
+		},
 		"team": "Admin Hub: Nexus",
 		"website": {
 			"name": "Focused Task Close Account"
@@ -33,7 +40,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-people-and-teams-focused-task-close-account": "2.39.0",
-		"@atlaskit/avatar": "^25.11.0",
+		"@atlaskit/avatar": "^25.12.0",
 		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/drawer": "^12.0.0",
 		"@atlaskit/heading": "^5.4.0",
@@ -53,6 +60,7 @@
 		"react-transition-group": "^4.4.1"
 	},
 	"devDependencies": {
+		"@atlassian/react-compiler-gating": "workspace:^",
 		"@testing-library/react": "^16.3.0",
 		"enzyme": "^3.10.0",
 		"react-intl": "^6.6.2"