@atlaskit/inline-edit 13.4.1 → 13.5.1

package/dist/cjs/inline-editable-textfield.js

@@ -16,17 +16,24 @@ var _colors = require("@atlaskit/theme/colors");
 var _inlineEdit = _interopRequireDefault(require("./inline-edit"));
 var _constants = require("./internal/constants");
 var _excluded = ["errorMessage", "isInvalid"];
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var errorIconContainerStyles = (0, _react2.css)({
-  paddingRight: "var(--ds-space-075, 6px)",
+  paddingInlineEnd: "var(--ds-space-075, 6px)",
   lineHeight: '100%'
 });
 var readViewForTextFieldStyles = (0, _react2.css)({
   display: 'flex',
   maxWidth: '100%',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   minHeight: "".concat(8 * 2.5 / _constants.fontSize, "em"),
   padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-075, 6px)"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: _constants.fontSize,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   lineHeight: 8 * 2.5 / _constants.fontSize,
   wordBreak: 'break-word'
 });

package/dist/cjs/internal/buttons.js

@@ -11,8 +11,13 @@ var _check = _interopRequireDefault(require("@atlaskit/icon/glyph/check"));
 var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("./constants");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var buttonsContainerStyles = (0, _react.css)({
   display: 'flex',
   marginBlockStart: "var(--ds-space-075, 6px)",
@@ -29,21 +34,23 @@ var buttonWrapperBaseStyles = (0, _react.css)({
   zIndex: 200,
   backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
   borderRadius: "var(--ds-border-radius, 3px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: _constants.fontSize,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&:last-child': {
     marginInlineStart: "var(--ds-space-050, 4px)"
   },
   boxShadow: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"),
   // These buttons are floating, so they need an override to overlay interaction states
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button': {
     backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N20A, ")")
   },
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button:hover': {
     backgroundColor: "var(--ds-surface-overlay-hovered, ".concat(_colors.N30A, ")")
   },
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button:active': {
     backgroundColor: "var(--ds-surface-overlay-pressed, rgba(179, 212, 255, 0.6))",
     color: "var(--ds-text, ".concat(_colors.B400, ")")

package/dist/cjs/internal/read-view.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -10,12 +9,16 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _primitives = require("@atlaskit/primitives");
 var _colors = require("@atlaskit/theme/colors");
-var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
 var _constants = require("./constants");
 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; }
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var readViewContainerStyles = (0, _react2.css)({
   lineHeight: 1
 });
@@ -45,6 +48,7 @@ var readViewWrapperStyles = (0, _react2.css)({
   width: 'auto',
   maxWidth: '100%',
   border: '2px solid transparent',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: _constants.borderRadius,
   transition: 'background 0.2s',
   '&:hover': {
@@ -83,8 +87,9 @@ var ReadView = function ReadView(_ref) {
     xcss: editButtonStyles,
     onClick: onEditRequested,
     ref: editButtonRef,
-    testId: testId && "".concat(testId, "--edit-button")
-  }, (0, _react2.jsx)(_visuallyHidden.default, null, editButtonLabel)), (0, _react2.jsx)("div", {
+    testId: testId && "".concat(testId, "--edit-button"),
+    "aria-label": editButtonLabel
+  }), (0, _react2.jsx)("div", {
     css: [readViewWrapperStyles, readViewFitContainerWidth && readViewFitContainerWidthStyles]
     /**
      * It is not normally acceptable to add click handlers to non-interactive elements

package/dist/es2019/inline-edit.js

@@ -1,5 +1,10 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import React, { useCallback, useRef, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import Field from '@atlaskit/form/Field';
@@ -16,7 +21,7 @@ const fieldStyles = css({
 const analyticsAttributes = {
   componentName: 'inlineEdit',
   packageName: "@atlaskit/inline-edit",
-  packageVersion: "13.4.1"
+  packageVersion: "13.5.1"
 };
 const noop = () => {};
 const InnerInlineEdit = props => {

package/dist/es2019/inline-editable-textfield.js

@@ -1,6 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { useCallback, useRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 import InlineDialog from '@atlaskit/inline-dialog';
@@ -9,15 +14,18 @@ import { R400 } from '@atlaskit/theme/colors';
 import InlineEdit from './inline-edit';
 import { fontSize } from './internal/constants';
 const errorIconContainerStyles = css({
-  paddingRight: "var(--ds-space-075, 6px)",
+  paddingInlineEnd: "var(--ds-space-075, 6px)",
   lineHeight: '100%'
 });
 const readViewForTextFieldStyles = css({
   display: 'flex',
   maxWidth: '100%',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   minHeight: `${8 * 2.5 / fontSize}em`,
   padding: `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-075, 6px)"}`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: fontSize,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   lineHeight: 8 * 2.5 / fontSize,
   wordBreak: 'break-word'
 });

package/dist/es2019/internal/buttons.js

@@ -1,5 +1,9 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { IconButton } from '@atlaskit/button/new';
 import ConfirmIcon from '@atlaskit/icon/glyph/check';
@@ -22,21 +26,23 @@ const buttonWrapperBaseStyles = css({
   zIndex: 200,
   backgroundColor: `var(--ds-surface-overlay, ${N0})`,
   borderRadius: "var(--ds-border-radius, 3px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: fontSize,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&:last-child': {
     marginInlineStart: "var(--ds-space-050, 4px)"
   },
   boxShadow: `var(--ds-shadow-overlay, ${`0 4px 8px -2px ${N50A}, 0 0 1px ${N60A}`})`,
   // These buttons are floating, so they need an override to overlay interaction states
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button': {
     backgroundColor: `var(--ds-surface-overlay, ${N20A})`
   },
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button:hover': {
     backgroundColor: `var(--ds-surface-overlay-hovered, ${N30A})`
   },
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button:active': {
     backgroundColor: "var(--ds-surface-overlay-pressed, rgba(179, 212, 255, 0.6))",
     color: `var(--ds-text, ${B400})`

package/dist/es2019/internal/read-view.js

@@ -1,9 +1,13 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import React, { useRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Pressable, xcss } from '@atlaskit/primitives';
 import { N30 } from '@atlaskit/theme/colors';
-import VisuallyHidden from '@atlaskit/visually-hidden';
 import { borderRadius } from './constants';
 const readViewContainerStyles = css({
   lineHeight: 1
@@ -34,6 +38,7 @@ const readViewWrapperStyles = css({
   width: 'auto',
   maxWidth: '100%',
   border: '2px solid transparent',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: borderRadius,
   transition: 'background 0.2s',
   '&:hover': {
@@ -73,8 +78,9 @@ const ReadView = ({
     xcss: editButtonStyles,
     onClick: onEditRequested,
     ref: editButtonRef,
-    testId: testId && `${testId}--edit-button`
-  }, jsx(VisuallyHidden, null, editButtonLabel)), jsx("div", {
+    testId: testId && `${testId}--edit-button`,
+    "aria-label": editButtonLabel
+  }), jsx("div", {
     css: [readViewWrapperStyles, readViewFitContainerWidth && readViewFitContainerWidthStyles]
     /**
      * It is not normally acceptable to add click handlers to non-interactive elements

package/dist/esm/inline-edit.js

@@ -2,8 +2,13 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import React, { useCallback, useRef, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import Field from '@atlaskit/form/Field';
@@ -20,7 +25,7 @@ var fieldStyles = css({
 var analyticsAttributes = {
   componentName: 'inlineEdit',
   packageName: "@atlaskit/inline-edit",
-  packageVersion: "13.4.1"
+  packageVersion: "13.5.1"
 };
 var noop = function noop() {};
 var InnerInlineEdit = function InnerInlineEdit(props) {

package/dist/esm/inline-editable-textfield.js

@@ -1,8 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["errorMessage", "isInvalid"];
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { useCallback, useRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 import InlineDialog from '@atlaskit/inline-dialog';
@@ -11,15 +16,18 @@ import { R400 } from '@atlaskit/theme/colors';
 import InlineEdit from './inline-edit';
 import { fontSize } from './internal/constants';
 var errorIconContainerStyles = css({
-  paddingRight: "var(--ds-space-075, 6px)",
+  paddingInlineEnd: "var(--ds-space-075, 6px)",
   lineHeight: '100%'
 });
 var readViewForTextFieldStyles = css({
   display: 'flex',
   maxWidth: '100%',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   minHeight: "".concat(8 * 2.5 / fontSize, "em"),
   padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-075, 6px)"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: fontSize,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   lineHeight: 8 * 2.5 / fontSize,
   wordBreak: 'break-word'
 });

package/dist/esm/internal/buttons.js

@@ -1,5 +1,9 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { IconButton } from '@atlaskit/button/new';
 import ConfirmIcon from '@atlaskit/icon/glyph/check';
@@ -22,21 +26,23 @@ var buttonWrapperBaseStyles = css({
   zIndex: 200,
   backgroundColor: "var(--ds-surface-overlay, ".concat(N0, ")"),
   borderRadius: "var(--ds-border-radius, 3px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: fontSize,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&:last-child': {
     marginInlineStart: "var(--ds-space-050, 4px)"
   },
   boxShadow: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"),
   // These buttons are floating, so they need an override to overlay interaction states
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button': {
     backgroundColor: "var(--ds-surface-overlay, ".concat(N20A, ")")
   },
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button:hover': {
     backgroundColor: "var(--ds-surface-overlay-hovered, ".concat(N30A, ")")
   },
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button:active': {
     backgroundColor: "var(--ds-surface-overlay-pressed, rgba(179, 212, 255, 0.6))",
     color: "var(--ds-text, ".concat(B400, ")")

package/dist/esm/internal/read-view.js

@@ -1,9 +1,13 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import React, { useRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Pressable, xcss } from '@atlaskit/primitives';
 import { N30 } from '@atlaskit/theme/colors';
-import VisuallyHidden from '@atlaskit/visually-hidden';
 import { borderRadius } from './constants';
 var readViewContainerStyles = css({
   lineHeight: 1
@@ -34,6 +38,7 @@ var readViewWrapperStyles = css({
   width: 'auto',
   maxWidth: '100%',
   border: '2px solid transparent',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: borderRadius,
   transition: 'background 0.2s',
   '&:hover': {
@@ -72,8 +77,9 @@ var ReadView = function ReadView(_ref) {
     xcss: editButtonStyles,
     onClick: onEditRequested,
     ref: editButtonRef,
-    testId: testId && "".concat(testId, "--edit-button")
-  }, jsx(VisuallyHidden, null, editButtonLabel)), jsx("div", {
+    testId: testId && "".concat(testId, "--edit-button"),
+    "aria-label": editButtonLabel
+  }), jsx("div", {
     css: [readViewWrapperStyles, readViewFitContainerWidth && readViewFitContainerWidthStyles]
     /**
      * It is not normally acceptable to add click handlers to non-interactive elements

package/dist/types/internal/buttons.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 /// <reference types="react" />
 import { jsx } from '@emotion/react';

package/dist/types/internal/read-view.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';

package/dist/types/types.d.ts

@@ -47,8 +47,8 @@ export interface InlineEditProps<FieldValue> extends CommonProps {
     /** Sets whether the component shows the `readView` or the `editView`. This is used to manage the state of the input in stateless inline edit. */
     isEditing?: boolean;
     /**
-    Saves and confirms the value entered into the field. It exits `editView` and returns to `readView`.
-     */
+  Saves and confirms the value entered into the field. It exits `editView` and returns to `readView`.
+   */
     onConfirm: (value: any, analyticsEvent: UIAnalyticsEvent) => void;
     /** Handler called when readView is clicked. */
     onEdit?: () => void;

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

@@ -1,4 +1,7 @@
 /// <reference types="react" />
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 interface ButtonsProp {

package/dist/types-ts4.5/internal/read-view.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';

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

@@ -47,8 +47,8 @@ export interface InlineEditProps<FieldValue> extends CommonProps {
     /** Sets whether the component shows the `readView` or the `editView`. This is used to manage the state of the input in stateless inline edit. */
     isEditing?: boolean;
     /**
-    Saves and confirms the value entered into the field. It exits `editView` and returns to `readView`.
-     */
+  Saves and confirms the value entered into the field. It exits `editView` and returns to `readView`.
+   */
     onConfirm: (value: any, analyticsEvent: UIAnalyticsEvent) => void;
     /** Handler called when readView is clicked. */
     onEdit?: () => void;

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

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