@atlaskit/inline-edit 15.1.5 → 15.2.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/inline-edit
 
+## 15.2.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 15.2.0
+
+### Minor Changes
+
+- [#144637](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/144637)
+  [`873027dabff6e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/873027dabff6e) -
+  [ux] Added class to handle default focus on form elements
+
 ## 15.1.5
 
 ### Patch Changes

package/dist/cjs/inline-edit.js

@@ -15,6 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _Field = _interopRequireDefault(require("@atlaskit/form/Field"));
 var _Form = _interopRequireDefault(require("@atlaskit/form/Form"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
 var _buttons = _interopRequireDefault(require("./internal/buttons"));
@@ -28,7 +29,7 @@ var fieldStyles = null;
 var analyticsAttributes = {
   componentName: 'inlineEdit',
   packageName: "@atlaskit/inline-edit",
-  packageVersion: "15.1.5"
+  packageVersion: "15.2.1"
 };
 var InnerInlineEdit = function InnerInlineEdit(props) {
   var _props$startWithEditV = props.startWithEditViewOpen,
@@ -190,6 +191,12 @@ var InnerInlineEdit = function InnerInlineEdit(props) {
       },
       onSubmit: onSubmit,
       ref: formRef
+      // Below we have added a class name to the form element to prevent the default focus on the form element
+      // This is because due to some default focus being applied to the form element, the inline edit component
+      // was being focused automatically and causing scroll issues in issue view
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+      ,
+      className: (0, _platformFeatureFlags.fg)('platform_design_system_inline_edit_dont_focus') ? 'dont-default-focus' : undefined
     }, shouldBeEditing ? /*#__PURE__*/_react.default.createElement(_Field.default, {
       name: "inlineEdit",
       label: label,

package/dist/es2019/inline-edit.js

@@ -5,6 +5,7 @@ import React, { useCallback, useRef, useState } from 'react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import Field from '@atlaskit/form/Field';
 import Form from '@atlaskit/form/Form';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Pressable } from '@atlaskit/primitives/compiled';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import Buttons from './internal/buttons';
@@ -14,7 +15,7 @@ const fieldStyles = null;
 const analyticsAttributes = {
   componentName: 'inlineEdit',
   packageName: "@atlaskit/inline-edit",
-  packageVersion: "15.1.5"
+  packageVersion: "15.2.1"
 };
 const InnerInlineEdit = props => {
   const {
@@ -165,6 +166,12 @@ const InnerInlineEdit = props => {
     },
     onSubmit: onSubmit,
     ref: formRef
+    // Below we have added a class name to the form element to prevent the default focus on the form element
+    // This is because due to some default focus being applied to the form element, the inline edit component
+    // was being focused automatically and causing scroll issues in issue view
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: fg('platform_design_system_inline_edit_dont_focus') ? 'dont-default-focus' : undefined
   }, shouldBeEditing ? /*#__PURE__*/React.createElement(Field, {
     name: "inlineEdit",
     label: label,

package/dist/esm/inline-edit.js

@@ -9,6 +9,7 @@ import React, { useCallback, useRef, useState } from 'react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import Field from '@atlaskit/form/Field';
 import Form from '@atlaskit/form/Form';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Pressable } from '@atlaskit/primitives/compiled';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import Buttons from './internal/buttons';
@@ -18,7 +19,7 @@ var fieldStyles = null;
 var analyticsAttributes = {
   componentName: 'inlineEdit',
   packageName: "@atlaskit/inline-edit",
-  packageVersion: "15.1.5"
+  packageVersion: "15.2.1"
 };
 var InnerInlineEdit = function InnerInlineEdit(props) {
   var _props$startWithEditV = props.startWithEditViewOpen,
@@ -180,6 +181,12 @@ var InnerInlineEdit = function InnerInlineEdit(props) {
       },
       onSubmit: onSubmit,
       ref: formRef
+      // Below we have added a class name to the form element to prevent the default focus on the form element
+      // This is because due to some default focus being applied to the form element, the inline edit component
+      // was being focused automatically and causing scroll issues in issue view
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+      ,
+      className: fg('platform_design_system_inline_edit_dont_focus') ? 'dont-default-focus' : undefined
     }, shouldBeEditing ? /*#__PURE__*/React.createElement(Field, {
       name: "inlineEdit",
       label: label,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/inline-edit",
-	"version": "15.1.5",
+	"version": "15.2.1",
 	"description": "An inline edit displays a custom input component that switches between reading and editing on the same page.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,10 +39,10 @@
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/css": "^0.10.0",
 		"@atlaskit/form": "^12.0.0",
-		"@atlaskit/icon": "^25.6.0",
+		"@atlaskit/icon": "^26.0.0",
 		"@atlaskit/inline-dialog": "^17.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.4.0",
+		"@atlaskit/primitives": "^14.7.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
 		"@atlaskit/tokens": "^4.8.0",
@@ -54,8 +54,8 @@
 		"react": "^18.2.0"
 	},
 	"devDependencies": {
-		"@af/accessibility-testing": "^2.0.0",
-		"@af/integration-testing": "^0.5.0",
+		"@af/accessibility-testing": "workspace:^",
+		"@af/integration-testing": "workspace:^",
 		"@atlaskit/datetime-picker": "^17.0.0",
 		"@atlaskit/docs": "^10.0.0",
 		"@atlaskit/ds-lib": "^4.0.0",
@@ -66,7 +66,7 @@
 		"@atlaskit/tag": "^14.0.0",
 		"@atlaskit/tag-group": "^12.0.0",
 		"@atlaskit/textarea": "^8.0.0",
-		"@atlaskit/visual-regression": "^0.10.0",
+		"@atlaskit/visual-regression": "workspace:^",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
 		"@atlassian/ssr-tests": "^0.2.0",
 		"@testing-library/react": "^13.4.0",
@@ -104,5 +104,9 @@
 		"./types": "./src/entry-points/types.ts",
 		".": "./src/index.ts"
 	},
-	"platform-feature-flags": {}
+	"platform-feature-flags": {
+		"platform_design_system_inline_edit_dont_focus": {
+			"type": "boolean"
+		}
+	}
 }