@atlaskit/inline-edit 13.4.1 → 13.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/CHANGELOG.md +14 -1
  2. package/README.md +2 -1
  3. package/__perf__/default.tsx +10 -10
  4. package/__perf__/inline-edit.tsx +31 -36
  5. package/__perf__/inline-text-field.tsx +9 -9
  6. package/codemods/12.0.0-lite-mode.ts +4 -4
  7. package/codemods/__tests__/12.0.0-lite-mode.tsx +21 -21
  8. package/codemods/__tests__/add-comments-when-validate-found.ts +14 -14
  9. package/codemods/__tests__/lift-InlineEditStateless-to-default.ts +35 -35
  10. package/codemods/__tests__/lift-InlineEditableTextField-to-its-entry-point.tsx +21 -21
  11. package/codemods/__tests__/spread-errorMessage-out-of-fieldProps.tsx +28 -28
  12. package/codemods/migrates/add-comments-when-validate-found.ts +13 -23
  13. package/codemods/migrates/lift-InlineEditStateless-to-default.ts +43 -57
  14. package/codemods/migrates/lift-InlineEditableTextField-to-its-entry-point.ts +29 -42
  15. package/codemods/migrates/spread-errorMessage-out-of-fieldProps.ts +45 -63
  16. package/codemods/migrates/utils.ts +62 -70
  17. package/dist/cjs/inline-edit.js +4 -2
  18. package/dist/cjs/inline-editable-textfield.js +8 -1
  19. package/dist/cjs/internal/buttons.js +10 -3
  20. package/dist/cjs/internal/read-view.js +6 -0
  21. package/dist/es2019/inline-edit.js +6 -1
  22. package/dist/es2019/inline-editable-textfield.js +9 -1
  23. package/dist/es2019/internal/buttons.js +9 -3
  24. package/dist/es2019/internal/read-view.js +6 -0
  25. package/dist/esm/inline-edit.js +6 -1
  26. package/dist/esm/inline-editable-textfield.js +9 -1
  27. package/dist/esm/internal/buttons.js +9 -3
  28. package/dist/esm/internal/read-view.js +6 -0
  29. package/dist/types/internal/buttons.d.ts +3 -0
  30. package/dist/types/internal/read-view.d.ts +3 -0
  31. package/dist/types/types.d.ts +2 -2
  32. package/dist/types-ts4.5/internal/buttons.d.ts +3 -0
  33. package/dist/types-ts4.5/internal/read-view.d.ts +3 -0
  34. package/dist/types-ts4.5/types.d.ts +2 -2
  35. package/extract-react-types/inline-editable-textfield-props.tsx +2 -4
  36. package/package.json +109 -109
  37. package/report.api.md +32 -37
@@ -16,17 +16,24 @@ var _colors = require("@atlaskit/theme/colors");
16
16
  var _inlineEdit = _interopRequireDefault(require("./inline-edit"));
17
17
  var _constants = require("./internal/constants");
18
18
  var _excluded = ["errorMessage", "isInvalid"];
19
+ /**
20
+ * @jsxRuntime classic
21
+ */
19
22
  /** @jsx jsx */
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
20
24
  var errorIconContainerStyles = (0, _react2.css)({
21
- paddingRight: "var(--ds-space-075, 6px)",
25
+ paddingInlineEnd: "var(--ds-space-075, 6px)",
22
26
  lineHeight: '100%'
23
27
  });
24
28
  var readViewForTextFieldStyles = (0, _react2.css)({
25
29
  display: 'flex',
26
30
  maxWidth: '100%',
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
27
32
  minHeight: "".concat(8 * 2.5 / _constants.fontSize, "em"),
28
33
  padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-075, 6px)"),
34
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
29
35
  fontSize: _constants.fontSize,
36
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
30
37
  lineHeight: 8 * 2.5 / _constants.fontSize,
31
38
  wordBreak: 'break-word'
32
39
  });
@@ -11,8 +11,13 @@ var _check = _interopRequireDefault(require("@atlaskit/icon/glyph/check"));
11
11
  var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
12
12
  var _colors = require("@atlaskit/theme/colors");
13
13
  var _constants = require("./constants");
14
+ /**
15
+ * @jsxRuntime classic
16
+ */
14
17
  /** @jsx jsx */
15
18
 
19
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
20
+
16
21
  var buttonsContainerStyles = (0, _react.css)({
17
22
  display: 'flex',
18
23
  marginBlockStart: "var(--ds-space-075, 6px)",
@@ -29,21 +34,23 @@ var buttonWrapperBaseStyles = (0, _react.css)({
29
34
  zIndex: 200,
30
35
  backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
31
36
  borderRadius: "var(--ds-border-radius, 3px)",
37
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
32
38
  fontSize: _constants.fontSize,
39
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
33
40
  '&:last-child': {
34
41
  marginInlineStart: "var(--ds-space-050, 4px)"
35
42
  },
36
43
  boxShadow: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"),
37
44
  // These buttons are floating, so they need an override to overlay interaction states
38
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
45
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
39
46
  '& > button': {
40
47
  backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N20A, ")")
41
48
  },
42
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
49
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
43
50
  '& > button:hover': {
44
51
  backgroundColor: "var(--ds-surface-overlay-hovered, ".concat(_colors.N30A, ")")
45
52
  },
46
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
53
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
47
54
  '& > button:active': {
48
55
  backgroundColor: "var(--ds-surface-overlay-pressed, rgba(179, 212, 255, 0.6))",
49
56
  color: "var(--ds-text, ".concat(_colors.B400, ")")
@@ -14,8 +14,13 @@ var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"
14
14
  var _constants = require("./constants");
15
15
  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); }
16
16
  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; }
17
+ /**
18
+ * @jsxRuntime classic
19
+ */
17
20
  /** @jsx jsx */
18
21
 
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
23
+
19
24
  var readViewContainerStyles = (0, _react2.css)({
20
25
  lineHeight: 1
21
26
  });
@@ -45,6 +50,7 @@ var readViewWrapperStyles = (0, _react2.css)({
45
50
  width: 'auto',
46
51
  maxWidth: '100%',
47
52
  border: '2px solid transparent',
53
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
48
54
  borderRadius: _constants.borderRadius,
49
55
  transition: 'background 0.2s',
50
56
  '&:hover': {
@@ -1,5 +1,10 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import React, { useCallback, useRef, useState } from 'react';
6
+
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
8
  import { css, jsx } from '@emotion/react';
4
9
  import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
5
10
  import Field from '@atlaskit/form/Field';
@@ -16,7 +21,7 @@ const fieldStyles = css({
16
21
  const analyticsAttributes = {
17
22
  componentName: 'inlineEdit',
18
23
  packageName: "@atlaskit/inline-edit",
19
- packageVersion: "13.4.1"
24
+ packageVersion: "13.5.0"
20
25
  };
21
26
  const noop = () => {};
22
27
  const InnerInlineEdit = props => {
@@ -1,6 +1,11 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
+ /**
3
+ * @jsxRuntime classic
4
+ */
2
5
  /** @jsx jsx */
3
6
  import { useCallback, useRef } from 'react';
7
+
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
4
9
  import { css, jsx } from '@emotion/react';
5
10
  import ErrorIcon from '@atlaskit/icon/glyph/error';
6
11
  import InlineDialog from '@atlaskit/inline-dialog';
@@ -9,15 +14,18 @@ import { R400 } from '@atlaskit/theme/colors';
9
14
  import InlineEdit from './inline-edit';
10
15
  import { fontSize } from './internal/constants';
11
16
  const errorIconContainerStyles = css({
12
- paddingRight: "var(--ds-space-075, 6px)",
17
+ paddingInlineEnd: "var(--ds-space-075, 6px)",
13
18
  lineHeight: '100%'
14
19
  });
15
20
  const readViewForTextFieldStyles = css({
16
21
  display: 'flex',
17
22
  maxWidth: '100%',
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
18
24
  minHeight: `${8 * 2.5 / fontSize}em`,
19
25
  padding: `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-075, 6px)"}`,
26
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
20
27
  fontSize: fontSize,
28
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
21
29
  lineHeight: 8 * 2.5 / fontSize,
22
30
  wordBreak: 'break-word'
23
31
  });
@@ -1,5 +1,9 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
 
6
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
7
  import { css, jsx } from '@emotion/react';
4
8
  import { IconButton } from '@atlaskit/button/new';
5
9
  import ConfirmIcon from '@atlaskit/icon/glyph/check';
@@ -22,21 +26,23 @@ const buttonWrapperBaseStyles = css({
22
26
  zIndex: 200,
23
27
  backgroundColor: `var(--ds-surface-overlay, ${N0})`,
24
28
  borderRadius: "var(--ds-border-radius, 3px)",
29
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
25
30
  fontSize: fontSize,
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
26
32
  '&:last-child': {
27
33
  marginInlineStart: "var(--ds-space-050, 4px)"
28
34
  },
29
35
  boxShadow: `var(--ds-shadow-overlay, ${`0 4px 8px -2px ${N50A}, 0 0 1px ${N60A}`})`,
30
36
  // These buttons are floating, so they need an override to overlay interaction states
31
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
37
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
32
38
  '& > button': {
33
39
  backgroundColor: `var(--ds-surface-overlay, ${N20A})`
34
40
  },
35
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
41
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
36
42
  '& > button:hover': {
37
43
  backgroundColor: `var(--ds-surface-overlay-hovered, ${N30A})`
38
44
  },
39
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
45
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
40
46
  '& > button:active': {
41
47
  backgroundColor: "var(--ds-surface-overlay-pressed, rgba(179, 212, 255, 0.6))",
42
48
  color: `var(--ds-text, ${B400})`
@@ -1,5 +1,10 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import React, { useRef } from 'react';
6
+
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
8
  import { css, jsx } from '@emotion/react';
4
9
  import { Pressable, xcss } from '@atlaskit/primitives';
5
10
  import { N30 } from '@atlaskit/theme/colors';
@@ -34,6 +39,7 @@ const readViewWrapperStyles = css({
34
39
  width: 'auto',
35
40
  maxWidth: '100%',
36
41
  border: '2px solid transparent',
42
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
37
43
  borderRadius: borderRadius,
38
44
  transition: 'background 0.2s',
39
45
  '&:hover': {
@@ -2,8 +2,13 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  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; }
4
4
  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; }
5
+ /**
6
+ * @jsxRuntime classic
7
+ */
5
8
  /** @jsx jsx */
6
9
  import React, { useCallback, useRef, useState } from 'react';
10
+
11
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
12
  import { css, jsx } from '@emotion/react';
8
13
  import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
9
14
  import Field from '@atlaskit/form/Field';
@@ -20,7 +25,7 @@ var fieldStyles = css({
20
25
  var analyticsAttributes = {
21
26
  componentName: 'inlineEdit',
22
27
  packageName: "@atlaskit/inline-edit",
23
- packageVersion: "13.4.1"
28
+ packageVersion: "13.5.0"
24
29
  };
25
30
  var noop = function noop() {};
26
31
  var InnerInlineEdit = function InnerInlineEdit(props) {
@@ -1,8 +1,13 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  var _excluded = ["errorMessage", "isInvalid"];
4
+ /**
5
+ * @jsxRuntime classic
6
+ */
4
7
  /** @jsx jsx */
5
8
  import { useCallback, useRef } from 'react';
9
+
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
11
  import { css, jsx } from '@emotion/react';
7
12
  import ErrorIcon from '@atlaskit/icon/glyph/error';
8
13
  import InlineDialog from '@atlaskit/inline-dialog';
@@ -11,15 +16,18 @@ import { R400 } from '@atlaskit/theme/colors';
11
16
  import InlineEdit from './inline-edit';
12
17
  import { fontSize } from './internal/constants';
13
18
  var errorIconContainerStyles = css({
14
- paddingRight: "var(--ds-space-075, 6px)",
19
+ paddingInlineEnd: "var(--ds-space-075, 6px)",
15
20
  lineHeight: '100%'
16
21
  });
17
22
  var readViewForTextFieldStyles = css({
18
23
  display: 'flex',
19
24
  maxWidth: '100%',
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
20
26
  minHeight: "".concat(8 * 2.5 / fontSize, "em"),
21
27
  padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-075, 6px)"),
28
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
22
29
  fontSize: fontSize,
30
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
23
31
  lineHeight: 8 * 2.5 / fontSize,
24
32
  wordBreak: 'break-word'
25
33
  });
@@ -1,5 +1,9 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
 
6
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
7
  import { css, jsx } from '@emotion/react';
4
8
  import { IconButton } from '@atlaskit/button/new';
5
9
  import ConfirmIcon from '@atlaskit/icon/glyph/check';
@@ -22,21 +26,23 @@ var buttonWrapperBaseStyles = css({
22
26
  zIndex: 200,
23
27
  backgroundColor: "var(--ds-surface-overlay, ".concat(N0, ")"),
24
28
  borderRadius: "var(--ds-border-radius, 3px)",
29
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
25
30
  fontSize: fontSize,
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
26
32
  '&:last-child': {
27
33
  marginInlineStart: "var(--ds-space-050, 4px)"
28
34
  },
29
35
  boxShadow: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"),
30
36
  // These buttons are floating, so they need an override to overlay interaction states
31
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
37
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
32
38
  '& > button': {
33
39
  backgroundColor: "var(--ds-surface-overlay, ".concat(N20A, ")")
34
40
  },
35
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
41
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
36
42
  '& > button:hover': {
37
43
  backgroundColor: "var(--ds-surface-overlay-hovered, ".concat(N30A, ")")
38
44
  },
39
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
45
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
40
46
  '& > button:active': {
41
47
  backgroundColor: "var(--ds-surface-overlay-pressed, rgba(179, 212, 255, 0.6))",
42
48
  color: "var(--ds-text, ".concat(B400, ")")
@@ -1,5 +1,10 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import React, { useRef } from 'react';
6
+
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
8
  import { css, jsx } from '@emotion/react';
4
9
  import { Pressable, xcss } from '@atlaskit/primitives';
5
10
  import { N30 } from '@atlaskit/theme/colors';
@@ -34,6 +39,7 @@ var readViewWrapperStyles = css({
34
39
  width: 'auto',
35
40
  maxWidth: '100%',
36
41
  border: '2px solid transparent',
42
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
37
43
  borderRadius: borderRadius,
38
44
  transition: 'background 0.2s',
39
45
  '&:hover': {
@@ -1,3 +1,6 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  /// <reference types="react" />
3
6
  import { jsx } from '@emotion/react';
@@ -1,3 +1,6 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import React from 'react';
3
6
  import { jsx } from '@emotion/react';
@@ -47,8 +47,8 @@ export interface InlineEditProps<FieldValue> extends CommonProps {
47
47
  /** Sets whether the component shows the `readView` or the `editView`. This is used to manage the state of the input in stateless inline edit. */
48
48
  isEditing?: boolean;
49
49
  /**
50
- Saves and confirms the value entered into the field. It exits `editView` and returns to `readView`.
51
- */
50
+ Saves and confirms the value entered into the field. It exits `editView` and returns to `readView`.
51
+ */
52
52
  onConfirm: (value: any, analyticsEvent: UIAnalyticsEvent) => void;
53
53
  /** Handler called when readView is clicked. */
54
54
  onEdit?: () => void;
@@ -1,4 +1,7 @@
1
1
  /// <reference types="react" />
2
+ /**
3
+ * @jsxRuntime classic
4
+ */
2
5
  /** @jsx jsx */
3
6
  import { jsx } from '@emotion/react';
4
7
  interface ButtonsProp {
@@ -1,3 +1,6 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import React from 'react';
3
6
  import { jsx } from '@emotion/react';
@@ -47,8 +47,8 @@ export interface InlineEditProps<FieldValue> extends CommonProps {
47
47
  /** Sets whether the component shows the `readView` or the `editView`. This is used to manage the state of the input in stateless inline edit. */
48
48
  isEditing?: boolean;
49
49
  /**
50
- Saves and confirms the value entered into the field. It exits `editView` and returns to `readView`.
51
- */
50
+ Saves and confirms the value entered into the field. It exits `editView` and returns to `readView`.
51
+ */
52
52
  onConfirm: (value: any, analyticsEvent: UIAnalyticsEvent) => void;
53
53
  /** Handler called when readView is clicked. */
54
54
  onEdit?: () => void;
@@ -1,7 +1,5 @@
1
1
  import { type InlineEditableTextfieldProps } from '../src/types';
2
2
 
3
- export default function InlineEditableTextfieldProp(
4
- props: InlineEditableTextfieldProps,
5
- ) {
6
- return null;
3
+ export default function InlineEditableTextfieldProp(props: InlineEditableTextfieldProps) {
4
+ return null;
7
5
  }
package/package.json CHANGED
@@ -1,110 +1,110 @@
1
1
  {
2
- "name": "@atlaskit/inline-edit",
3
- "version": "13.4.1",
4
- "description": "An inline edit displays a custom input component that switches between reading and editing on the same page.",
5
- "publishConfig": {
6
- "registry": "https://registry.npmjs.org/"
7
- },
8
- "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
- "author": "Atlassian Pty Ltd",
10
- "license": "Apache-2.0",
11
- "main": "dist/cjs/index.js",
12
- "module": "dist/esm/index.js",
13
- "module:es2019": "dist/es2019/index.js",
14
- "types": "dist/types/index.d.ts",
15
- "typesVersions": {
16
- ">=4.5 <4.9": {
17
- "*": [
18
- "dist/types-ts4.5/*",
19
- "dist/types-ts4.5/index.d.ts"
20
- ]
21
- }
22
- },
23
- "sideEffects": false,
24
- "atlaskit:src": "src/index.ts",
25
- "homepage": "https://atlassian.design/components/inline-edit/",
26
- "atlassian": {
27
- "team": "Design System Team",
28
- "releaseModel": "continuous",
29
- "productPushConsumption": [
30
- "jira"
31
- ],
32
- "website": {
33
- "name": "Inline edit",
34
- "category": "Components"
35
- },
36
- "runReact18": true
37
- },
38
- "dependencies": {
39
- "@atlaskit/analytics-next": "^9.3.0",
40
- "@atlaskit/button": "^17.17.0",
41
- "@atlaskit/codemod-utils": "^4.2.0",
42
- "@atlaskit/form": "^10.3.0",
43
- "@atlaskit/icon": "^22.3.0",
44
- "@atlaskit/inline-dialog": "^14.1.0",
45
- "@atlaskit/primitives": "^7.0.0",
46
- "@atlaskit/textfield": "^6.3.0",
47
- "@atlaskit/theme": "^12.9.0",
48
- "@atlaskit/tokens": "^1.49.0",
49
- "@atlaskit/visually-hidden": "^1.3.0",
50
- "@babel/runtime": "^7.0.0",
51
- "@emotion/react": "^11.7.1"
52
- },
53
- "peerDependencies": {
54
- "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
55
- },
56
- "devDependencies": {
57
- "@af/accessibility-testing": "*",
58
- "@af/integration-testing": "*",
59
- "@atlaskit/datetime-picker": "^13.5.0",
60
- "@atlaskit/docs": "*",
61
- "@atlaskit/ds-lib": "^2.3.0",
62
- "@atlaskit/section-message": "^6.5.0",
63
- "@atlaskit/select": "^17.10.0",
64
- "@atlaskit/ssr": "*",
65
- "@atlaskit/tag": "^12.2.0",
66
- "@atlaskit/tag-group": "^10.3.0",
67
- "@atlaskit/textarea": "^5.4.0",
68
- "@atlaskit/visual-regression": "*",
69
- "@emotion/styled": "^11.0.0",
70
- "@testing-library/dom": "^8.17.1",
71
- "@testing-library/react": "^12.1.5",
72
- "ast-types": "^0.13.3",
73
- "jscodeshift": "^0.13.0",
74
- "react-dom": "^16.8.0",
75
- "react-select-event": "^5.5.0",
76
- "storybook-addon-performance": "^0.16.0",
77
- "typescript": "~5.4.2",
78
- "wait-for-expect": "^1.2.0"
79
- },
80
- "keywords": [
81
- "atlaskit",
82
- "react",
83
- "ui"
84
- ],
85
- "techstack": {
86
- "@atlassian/frontend": {
87
- "import-structure": "atlassian-conventions"
88
- },
89
- "@repo/internal": {
90
- "dom-events": "use-bind-event-listener",
91
- "ui-components": "lite-mode",
92
- "analytics": "analytics-next",
93
- "design-tokens": [
94
- "color",
95
- "spacing"
96
- ],
97
- "deprecation": "no-deprecated-imports",
98
- "styling": [
99
- "emotion",
100
- "static"
101
- ]
102
- }
103
- },
104
- "af:exports": {
105
- "./inline-edit": "./src/entry-points/inline-edit.ts",
106
- "./inline-editable-textfield": "./src/entry-points/inline-editable-textfield.ts",
107
- "./types": "./src/entry-points/types.ts",
108
- ".": "./src/index.ts"
109
- }
110
- }
2
+ "name": "@atlaskit/inline-edit",
3
+ "version": "13.5.0",
4
+ "description": "An inline edit displays a custom input component that switches between reading and editing on the same page.",
5
+ "publishConfig": {
6
+ "registry": "https://registry.npmjs.org/"
7
+ },
8
+ "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
+ "author": "Atlassian Pty Ltd",
10
+ "license": "Apache-2.0",
11
+ "main": "dist/cjs/index.js",
12
+ "module": "dist/esm/index.js",
13
+ "module:es2019": "dist/es2019/index.js",
14
+ "types": "dist/types/index.d.ts",
15
+ "typesVersions": {
16
+ ">=4.5 <4.9": {
17
+ "*": [
18
+ "dist/types-ts4.5/*",
19
+ "dist/types-ts4.5/index.d.ts"
20
+ ]
21
+ }
22
+ },
23
+ "sideEffects": false,
24
+ "atlaskit:src": "src/index.ts",
25
+ "homepage": "https://atlassian.design/components/inline-edit/",
26
+ "atlassian": {
27
+ "team": "Design System Team",
28
+ "releaseModel": "continuous",
29
+ "productPushConsumption": [
30
+ "jira"
31
+ ],
32
+ "website": {
33
+ "name": "Inline edit",
34
+ "category": "Components"
35
+ },
36
+ "runReact18": true
37
+ },
38
+ "dependencies": {
39
+ "@atlaskit/analytics-next": "^9.3.0",
40
+ "@atlaskit/button": "^17.17.0",
41
+ "@atlaskit/codemod-utils": "^4.2.0",
42
+ "@atlaskit/form": "^10.4.0",
43
+ "@atlaskit/icon": "^22.4.0",
44
+ "@atlaskit/inline-dialog": "^14.2.0",
45
+ "@atlaskit/primitives": "^7.4.0",
46
+ "@atlaskit/textfield": "^6.4.0",
47
+ "@atlaskit/theme": "^12.10.0",
48
+ "@atlaskit/tokens": "^1.51.0",
49
+ "@atlaskit/visually-hidden": "^1.4.0",
50
+ "@babel/runtime": "^7.0.0",
51
+ "@emotion/react": "^11.7.1"
52
+ },
53
+ "peerDependencies": {
54
+ "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
55
+ },
56
+ "devDependencies": {
57
+ "@af/accessibility-testing": "*",
58
+ "@af/integration-testing": "*",
59
+ "@atlaskit/datetime-picker": "^13.5.0",
60
+ "@atlaskit/docs": "*",
61
+ "@atlaskit/ds-lib": "^2.3.0",
62
+ "@atlaskit/section-message": "^6.5.0",
63
+ "@atlaskit/select": "^17.11.0",
64
+ "@atlaskit/ssr": "*",
65
+ "@atlaskit/tag": "^12.3.0",
66
+ "@atlaskit/tag-group": "^10.4.0",
67
+ "@atlaskit/textarea": "^5.5.0",
68
+ "@atlaskit/visual-regression": "*",
69
+ "@emotion/styled": "^11.0.0",
70
+ "@testing-library/dom": "^8.17.1",
71
+ "@testing-library/react": "^12.1.5",
72
+ "ast-types": "^0.13.3",
73
+ "jscodeshift": "^0.13.0",
74
+ "react-dom": "^16.8.0",
75
+ "react-select-event": "^5.5.0",
76
+ "storybook-addon-performance": "^0.16.0",
77
+ "typescript": "~5.4.2",
78
+ "wait-for-expect": "^1.2.0"
79
+ },
80
+ "keywords": [
81
+ "atlaskit",
82
+ "react",
83
+ "ui"
84
+ ],
85
+ "techstack": {
86
+ "@atlassian/frontend": {
87
+ "import-structure": "atlassian-conventions"
88
+ },
89
+ "@repo/internal": {
90
+ "dom-events": "use-bind-event-listener",
91
+ "ui-components": "lite-mode",
92
+ "analytics": "analytics-next",
93
+ "design-tokens": [
94
+ "color",
95
+ "spacing"
96
+ ],
97
+ "deprecation": "no-deprecated-imports",
98
+ "styling": [
99
+ "emotion",
100
+ "static"
101
+ ]
102
+ }
103
+ },
104
+ "af:exports": {
105
+ "./inline-edit": "./src/entry-points/inline-edit.ts",
106
+ "./inline-editable-textfield": "./src/entry-points/inline-editable-textfield.ts",
107
+ "./types": "./src/entry-points/types.ts",
108
+ ".": "./src/index.ts"
109
+ }
110
+ }