@atlaskit/inline-edit 13.2.2 → 13.4.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/inline-edit
 
+## 13.4.0
+
+### Minor Changes
+
+-   [#104208](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/104208)
+    [`0d4480895db7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0d4480895db7) -
+    Add support for React 18.
+
+## 13.3.0
+
+### Minor Changes
+
+-   [#100551](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/100551)
+    [`f7efc4970ff7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f7efc4970ff7) -
+    The `label` prop type has been widened to `ReactNode` to be consistent with `Field`'s `label`
+    prop types.
+
 ## 13.2.2
 
 ### Patch Changes

package/__perf__/inline-edit.tsx

@@ -2,11 +2,11 @@ import React, { useState } from 'react';
 
 import { fireEvent } from '@testing-library/dom';
 import {
-  InteractionTaskArgs,
-  PublicInteractionTask,
+  type InteractionTaskArgs,
+  type PublicInteractionTask,
 } from 'storybook-addon-performance';
 
-import { FieldProps } from '@atlaskit/form';
+import { type FieldProps } from '@atlaskit/form';
 import Textfield from '@atlaskit/textfield';
 
 import InlineEdit from '../src';

package/codemods/migrates/add-comments-when-validate-found.ts

@@ -1,4 +1,4 @@
-import core, { ASTPath, ImportDeclaration } from 'jscodeshift';
+import type { ASTPath, default as core, ImportDeclaration } from 'jscodeshift';
 
 import {
   addCommentToStartOfFile,

package/codemods/migrates/lift-InlineEditStateless-to-default.ts

@@ -1,5 +1,6 @@
-import core, {
+import type {
   ASTPath,
+  default as core,
   ImportDeclaration,
   ImportDefaultSpecifier,
   ImportSpecifier,

package/codemods/migrates/lift-InlineEditableTextField-to-its-entry-point.ts

@@ -1,5 +1,6 @@
-import core, {
+import type {
   ASTPath,
+  default as core,
   ImportDeclaration,
   ImportDefaultSpecifier,
   ImportSpecifier,

package/codemods/migrates/spread-errorMessage-out-of-fieldProps.ts

@@ -1,5 +1,5 @@
-import { NodePath } from 'ast-types/lib/node-path';
-import core, { ASTPath, ImportDeclaration } from 'jscodeshift';
+import { type NodePath } from 'ast-types/lib/node-path';
+import type { ASTPath, default as core, ImportDeclaration } from 'jscodeshift';
 
 import {
   getDefaultSpecifierName,

package/codemods/migrates/utils.ts

@@ -1,10 +1,11 @@
-import core, {
+import type {
   ASTPath,
+  default as core,
   ImportDeclaration,
   JSXAttribute,
   Program,
 } from 'jscodeshift';
-import { Collection } from 'jscodeshift/src/Collection';
+import { type Collection } from 'jscodeshift/src/Collection';
 
 function addCommentBefore({
   j,

package/dist/cjs/inline-edit.js

@@ -29,7 +29,7 @@ var fieldStyles = (0, _react2.css)({
 var analyticsAttributes = {
   componentName: 'inlineEdit',
   packageName: "@atlaskit/inline-edit",
-  packageVersion: "13.2.2"
+  packageVersion: "13.4.0"
 };
 var noop = function noop() {};
 var InnerInlineEdit = function InnerInlineEdit(props) {

package/dist/es2019/inline-edit.js

@@ -16,7 +16,7 @@ const fieldStyles = css({
 const analyticsAttributes = {
   componentName: 'inlineEdit',
   packageName: "@atlaskit/inline-edit",
-  packageVersion: "13.2.2"
+  packageVersion: "13.4.0"
 };
 const noop = () => {};
 const InnerInlineEdit = props => {

package/dist/esm/inline-edit.js

@@ -20,7 +20,7 @@ var fieldStyles = css({
 var analyticsAttributes = {
   componentName: 'inlineEdit',
   packageName: "@atlaskit/inline-edit",
-  packageVersion: "13.2.2"
+  packageVersion: "13.4.0"
 };
 var noop = function noop() {};
 var InnerInlineEdit = function InnerInlineEdit(props) {

package/dist/types/inline-editable-textfield.d.ts

@@ -1,4 +1,4 @@
 import { jsx } from '@emotion/react';
-import { InlineEditableTextfieldProps } from './types';
+import { type InlineEditableTextfieldProps } from './types';
 declare const InlineEditableTextfield: (props: InlineEditableTextfieldProps) => jsx.JSX.Element;
 export default InlineEditableTextfield;

package/dist/types/types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { FieldProps } from '@atlaskit/form';
+import { type default as React, type ReactNode } from 'react';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type FieldProps } from '@atlaskit/form';
 interface CommonProps {
     /** Additional information to be included in the `context` of analytics events that come from button. */
     analyticsContext?: Record<string, any>;
@@ -11,7 +11,7 @@ interface CommonProps {
     /** The user input entered into the field during `editView`. This value is updated and saved by `onConfirm`. */
     defaultValue: any;
     /** Label above the input field that communicates what value should be entered. */
-    label?: string;
+    label?: ReactNode;
     /** Displays an inline dialog with a message when the field input is invalid. This is handled by `react-final-form`. */
     validate?: (value: any, formState: {}, fieldState: {}) => string | void | Promise<string | void>;
     /**

package/dist/types-ts4.5/inline-editable-textfield.d.ts

@@ -1,4 +1,4 @@
 import { jsx } from '@emotion/react';
-import { InlineEditableTextfieldProps } from './types';
+import { type InlineEditableTextfieldProps } from './types';
 declare const InlineEditableTextfield: (props: InlineEditableTextfieldProps) => jsx.JSX.Element;
 export default InlineEditableTextfield;

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { FieldProps } from '@atlaskit/form';
+import { type default as React, type ReactNode } from 'react';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type FieldProps } from '@atlaskit/form';
 interface CommonProps {
     /** Additional information to be included in the `context` of analytics events that come from button. */
     analyticsContext?: Record<string, any>;
@@ -11,7 +11,7 @@ interface CommonProps {
     /** The user input entered into the field during `editView`. This value is updated and saved by `onConfirm`. */
     defaultValue: any;
     /** Label above the input field that communicates what value should be entered. */
-    label?: string;
+    label?: ReactNode;
     /** Displays an inline dialog with a message when the field input is invalid. This is handled by `react-final-form`. */
     validate?: (value: any, formState: {}, fieldState: {}) => string | void | Promise<string | void>;
     /**

package/extract-react-types/inline-editable-textfield-props.tsx

@@ -1,4 +1,4 @@
-import { InlineEditableTextfieldProps } from '../src/types';
+import { type InlineEditableTextfieldProps } from '../src/types';
 
 export default function InlineEditableTextfieldProp(
   props: InlineEditableTextfieldProps,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/inline-edit",
-  "version": "13.2.2",
+  "version": "13.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/"
@@ -32,25 +32,26 @@
     "website": {
       "name": "Inline edit",
       "category": "Components"
-    }
+    },
+    "runReact18": true
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.3.0",
-    "@atlaskit/button": "^17.14.0",
+    "@atlaskit/button": "^17.17.0",
     "@atlaskit/codemod-utils": "^4.2.0",
-    "@atlaskit/form": "^10.0.0",
-    "@atlaskit/icon": "^22.1.0",
-    "@atlaskit/inline-dialog": "^14.0.0",
-    "@atlaskit/primitives": "^6.1.0",
+    "@atlaskit/form": "^10.2.0",
+    "@atlaskit/icon": "^22.3.0",
+    "@atlaskit/inline-dialog": "^14.1.0",
+    "@atlaskit/primitives": "^6.3.0",
     "@atlaskit/textfield": "^6.3.0",
     "@atlaskit/theme": "^12.8.0",
-    "@atlaskit/tokens": "^1.47.0",
+    "@atlaskit/tokens": "^1.49.0",
     "@atlaskit/visually-hidden": "^1.3.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
   "peerDependencies": {
-    "react": "^16.8.0"
+    "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
   },
   "devDependencies": {
     "@af/accessibility-testing": "*",
@@ -59,7 +60,7 @@
     "@atlaskit/docs": "*",
     "@atlaskit/ds-lib": "^2.3.0",
     "@atlaskit/section-message": "^6.5.0",
-    "@atlaskit/select": "^17.9.0",
+    "@atlaskit/select": "^17.10.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/tag": "^12.2.0",
     "@atlaskit/tag-group": "^10.3.0",
@@ -72,6 +73,7 @@
     "ast-types": "^0.13.3",
     "jscodeshift": "^0.13.0",
     "react-dom": "^16.8.0",
+    "react-select-event": "^5.5.0",
     "storybook-addon-performance": "^0.16.0",
     "typescript": "~5.4.2",
     "wait-for-expect": "^1.2.0"