@atlaskit/inline-edit 15.3.20 → 15.4.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/inline-edit
 
+## 15.4.0
+
+### Minor Changes
+
+- [`762b79e21f96a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/762b79e21f96a) -
+  Migrated and cleaned up legacy iconography usage.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 15.3.21
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 15.3.20
 
 ### Patch Changes

package/dist/cjs/inline-edit.js

@@ -9,7 +9,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 require("./inline-edit.compiled.css");
 var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -179,14 +178,14 @@ var InnerInlineEdit = function InnerInlineEdit(props) {
       onSubmit = _ref$formProps.onSubmit,
       formRef = _ref$formProps.ref,
       reset = _ref.reset;
-    return /*#__PURE__*/_react.default.createElement("form", (0, _extends2.default)({
+    return /*#__PURE__*/_react.default.createElement("form", {
       /**
        * It is not normally acceptable to add key handlers to non-interactive elements
        * as this is an accessibility anti-pattern. However, because this instance is
        * to add support for keyboard functionality instead of creating an inaccessible
        * custom element, we can add role="presentation" so that there is no negative
        * impacts to assistive technologies.
-      */
+       */
       role: "presentation",
       onKeyDown: function onKeyDown(e) {
         _onKeyDown(e);
@@ -194,13 +193,7 @@ var InnerInlineEdit = function InnerInlineEdit(props) {
           reset();
           onCancel();
         }
-      }
-      // Added to since field was getting focused automatically when team is restored from the banner
-      // There seems to be a fix applied below via class but it appears to be not working in our case
-      /* eslint-disable-next-line @atlassian/a11y/no-noninteractive-tabindex */
-    }, (0, _platformFeatureFlags.fg)('enable-inline-edit-focus-fix') ? {
-      tabIndex: 0
-    } : {}, {
+      },
       onSubmit: onSubmit,
       ref: formRef
       // Below we have added a class name to the form element to prevent the default focus on the form element
@@ -209,7 +202,7 @@ var InnerInlineEdit = function InnerInlineEdit(props) {
       // 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, {
+    }, shouldBeEditing ? /*#__PURE__*/_react.default.createElement(_Field.default, {
       name: "inlineEdit",
       label: label,
       defaultValue: defaultValue,

package/dist/cjs/internal/buttons.js

@@ -12,9 +12,8 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _new = require("@atlaskit/button/new");
+var _checkMark = _interopRequireDefault(require("@atlaskit/icon/core/check-mark"));
 var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
-var _checkMarkCheck = _interopRequireDefault(require("@atlaskit/icon/core/migration/check-mark--check"));
-var _cross2 = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
 var _colors = require("@atlaskit/theme/colors");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
@@ -42,8 +41,7 @@ var Buttons = function Buttons(_ref) {
   }, /*#__PURE__*/React.createElement(_new.IconButton, {
     type: "submit",
     icon: function icon(iconProps) {
-      return /*#__PURE__*/React.createElement(_checkMarkCheck.default, (0, _extends2.default)({}, iconProps, {
-        LEGACY_size: "small",
+      return /*#__PURE__*/React.createElement(_checkMark.default, (0, _extends2.default)({}, iconProps, {
         size: "small"
       }));
     },
@@ -63,8 +61,6 @@ var Buttons = function Buttons(_ref) {
   }, /*#__PURE__*/React.createElement(_new.IconButton, {
     icon: function icon(iconProps) {
       return /*#__PURE__*/React.createElement(_cross.default, (0, _extends2.default)({}, iconProps, {
-        LEGACY_size: "small",
-        LEGACY_fallbackIcon: _cross2.default,
         size: "small"
       }));
     },

package/dist/es2019/inline-edit.js

@@ -1,5 +1,4 @@
 /* inline-edit.tsx generated by @compiled/babel-plugin v0.38.1 */
-import _extends from "@babel/runtime/helpers/extends";
 import "./inline-edit.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useRef, useState } from 'react';
@@ -155,14 +154,14 @@ const InnerInlineEdit = props => {
       ref: formRef
     },
     reset
-  }) => /*#__PURE__*/React.createElement("form", _extends({
+  }) => /*#__PURE__*/React.createElement("form", {
     /**
      * It is not normally acceptable to add key handlers to non-interactive elements
      * as this is an accessibility anti-pattern. However, because this instance is
      * to add support for keyboard functionality instead of creating an inaccessible
      * custom element, we can add role="presentation" so that there is no negative
      * impacts to assistive technologies.
-    */
+     */
     role: "presentation",
     onKeyDown: e => {
       onKeyDown(e);
@@ -170,13 +169,7 @@ const InnerInlineEdit = props => {
         reset();
         onCancel();
       }
-    }
-    // Added to since field was getting focused automatically when team is restored from the banner
-    // There seems to be a fix applied below via class but it appears to be not working in our case
-    /* eslint-disable-next-line @atlassian/a11y/no-noninteractive-tabindex */
-  }, fg('enable-inline-edit-focus-fix') ? {
-    tabIndex: 0
-  } : {}, {
+    },
     onSubmit: onSubmit,
     ref: formRef
     // Below we have added a class name to the form element to prevent the default focus on the form element
@@ -185,7 +178,7 @@ const InnerInlineEdit = props => {
     // 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, {
+  }, shouldBeEditing ? /*#__PURE__*/React.createElement(Field, {
     name: "inlineEdit",
     label: label,
     defaultValue: defaultValue,

package/dist/es2019/internal/buttons.js

@@ -7,9 +7,8 @@ import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
 
 import { IconButton } from '@atlaskit/button/new';
+import CheckMarkIcon from '@atlaskit/icon/core/check-mark';
 import CrossIcon from '@atlaskit/icon/core/cross';
-import CheckMarkIcon from '@atlaskit/icon/core/migration/check-mark--check';
-import CancelIcon from '@atlaskit/icon/glyph/cross';
 import { B400, N0, N20A, N30A, N50A, N60A } from '@atlaskit/theme/colors';
 const buttonsContainerStyles = null;
 const buttonWrapperBaseStyles = null;
@@ -28,7 +27,6 @@ const Buttons = ({
   }, /*#__PURE__*/React.createElement(IconButton, {
     type: "submit",
     icon: iconProps => /*#__PURE__*/React.createElement(CheckMarkIcon, _extends({}, iconProps, {
-      LEGACY_size: "small",
       size: "small"
     })),
     onMouseDown: onMouseDown,
@@ -39,8 +37,6 @@ const Buttons = ({
     className: ax(["_2rkofajl _11c82smr _vchhusvi _1bsbxy5q _1pby1kze _bfhk1bhr _16qs1kf5 _1mpy1b66 _1nlxs66q _l2uv88o1 _7mfvdecw _szlb1x4z"])
   }, /*#__PURE__*/React.createElement(IconButton, {
     icon: iconProps => /*#__PURE__*/React.createElement(CrossIcon, _extends({}, iconProps, {
-      LEGACY_size: "small",
-      LEGACY_fallbackIcon: CancelIcon,
       size: "small"
     })),
     label: cancelButtonLabel,

package/dist/esm/inline-edit.js

@@ -1,5 +1,4 @@
 /* inline-edit.tsx generated by @compiled/babel-plugin v0.38.1 */
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./inline-edit.compiled.css";
@@ -170,14 +169,14 @@ var InnerInlineEdit = function InnerInlineEdit(props) {
       onSubmit = _ref$formProps.onSubmit,
       formRef = _ref$formProps.ref,
       reset = _ref.reset;
-    return /*#__PURE__*/React.createElement("form", _extends({
+    return /*#__PURE__*/React.createElement("form", {
       /**
        * It is not normally acceptable to add key handlers to non-interactive elements
        * as this is an accessibility anti-pattern. However, because this instance is
        * to add support for keyboard functionality instead of creating an inaccessible
        * custom element, we can add role="presentation" so that there is no negative
        * impacts to assistive technologies.
-      */
+       */
       role: "presentation",
       onKeyDown: function onKeyDown(e) {
         _onKeyDown(e);
@@ -185,13 +184,7 @@ var InnerInlineEdit = function InnerInlineEdit(props) {
           reset();
           onCancel();
         }
-      }
-      // Added to since field was getting focused automatically when team is restored from the banner
-      // There seems to be a fix applied below via class but it appears to be not working in our case
-      /* eslint-disable-next-line @atlassian/a11y/no-noninteractive-tabindex */
-    }, fg('enable-inline-edit-focus-fix') ? {
-      tabIndex: 0
-    } : {}, {
+      },
       onSubmit: onSubmit,
       ref: formRef
       // Below we have added a class name to the form element to prevent the default focus on the form element
@@ -200,7 +193,7 @@ var InnerInlineEdit = function InnerInlineEdit(props) {
       // 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, {
+    }, shouldBeEditing ? /*#__PURE__*/React.createElement(Field, {
       name: "inlineEdit",
       label: label,
       defaultValue: defaultValue,

package/dist/esm/internal/buttons.js

@@ -7,9 +7,8 @@ import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
 
 import { IconButton } from '@atlaskit/button/new';
+import CheckMarkIcon from '@atlaskit/icon/core/check-mark';
 import CrossIcon from '@atlaskit/icon/core/cross';
-import CheckMarkIcon from '@atlaskit/icon/core/migration/check-mark--check';
-import CancelIcon from '@atlaskit/icon/glyph/cross';
 import { B400, N0, N20A, N30A, N50A, N60A } from '@atlaskit/theme/colors';
 var buttonsContainerStyles = null;
 var buttonWrapperBaseStyles = null;
@@ -35,7 +34,6 @@ var Buttons = function Buttons(_ref) {
     type: "submit",
     icon: function icon(iconProps) {
       return /*#__PURE__*/React.createElement(CheckMarkIcon, _extends({}, iconProps, {
-        LEGACY_size: "small",
         size: "small"
       }));
     },
@@ -55,8 +53,6 @@ var Buttons = function Buttons(_ref) {
   }, /*#__PURE__*/React.createElement(IconButton, {
     icon: function icon(iconProps) {
       return /*#__PURE__*/React.createElement(CrossIcon, _extends({}, iconProps, {
-        LEGACY_size: "small",
-        LEGACY_fallbackIcon: CancelIcon,
         size: "small"
       }));
     },

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/inline-edit",
-	"version": "15.3.20",
+	"version": "15.4.0",
 	"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/"
@@ -34,16 +34,16 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/button": "^23.6.0",
-		"@atlaskit/css": "^0.17.0",
-		"@atlaskit/form": "^14.3.0",
-		"@atlaskit/icon": "^29.0.0",
+		"@atlaskit/button": "^23.8.0",
+		"@atlaskit/css": "^0.18.0",
+		"@atlaskit/form": "^15.0.0",
+		"@atlaskit/icon": "^29.2.0",
 		"@atlaskit/inline-dialog": "^18.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^16.4.0",
-		"@atlaskit/textfield": "^8.1.0",
+		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^8.4.0",
+		"@atlaskit/tokens": "^8.6.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6"
@@ -54,15 +54,15 @@
 	"devDependencies": {
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
-		"@atlaskit/datetime-picker": "^17.1.0",
+		"@atlaskit/datetime-picker": "^17.2.0",
 		"@atlaskit/docs": "^11.2.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/section-message": "^8.9.0",
-		"@atlaskit/select": "^21.4.0",
-		"@atlaskit/tag": "^14.1.0",
+		"@atlaskit/section-message": "^8.11.0",
+		"@atlaskit/select": "^21.6.0",
+		"@atlaskit/tag": "^14.2.0",
 		"@atlaskit/tag-group": "^12.0.0",
-		"@atlaskit/textarea": "^8.1.0",
+		"@atlaskit/textarea": "^8.2.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@testing-library/react": "^13.4.0",
 		"react-dom": "^18.2.0",
@@ -95,9 +95,6 @@
 	"platform-feature-flags": {
 		"platform_design_system_inline_edit_dont_focus": {
 			"type": "boolean"
-		},
-		"enable-inline-edit-focus-fix": {
-			"type": "boolean"
 		}
 	}
 }