@atlaskit/inline-edit 15.2.2 → 15.2.4
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.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/inline-edit.js +2 -3
- package/dist/cjs/inline-editable-textfield.js +16 -4
- package/dist/cjs/internal/buttons.js +8 -7
- package/dist/cjs/internal/read-view.js +1 -2
- package/dist/es2019/inline-edit.js +1 -1
- package/dist/es2019/inline-editable-textfield.js +15 -2
- package/dist/es2019/internal/buttons.js +6 -4
- package/dist/esm/inline-edit.js +1 -1
- package/dist/esm/inline-editable-textfield.js +15 -2
- package/dist/esm/internal/buttons.js +6 -4
- package/dist/types/inline-editable-textfield.d.ts +9 -0
- package/dist/types-ts4.5/inline-editable-textfield.d.ts +9 -0
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
package/dist/cjs/inline-edit.js
CHANGED
|
@@ -21,15 +21,14 @@ var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"
|
|
|
21
21
|
var _buttons = _interopRequireDefault(require("./internal/buttons"));
|
|
22
22
|
var _useButtonFocusHook2 = _interopRequireDefault(require("./internal/hooks/use-button-focus-hook"));
|
|
23
23
|
var _readView = _interopRequireDefault(require("./internal/read-view"));
|
|
24
|
-
function
|
|
25
|
-
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 && {}.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; }
|
|
24
|
+
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); }
|
|
26
25
|
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; }
|
|
27
26
|
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) { (0, _defineProperty2.default)(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; }
|
|
28
27
|
var fieldStyles = null;
|
|
29
28
|
var analyticsAttributes = {
|
|
30
29
|
componentName: 'inlineEdit',
|
|
31
30
|
packageName: "@atlaskit/inline-edit",
|
|
32
|
-
packageVersion: "15.2.
|
|
31
|
+
packageVersion: "15.2.4"
|
|
33
32
|
};
|
|
34
33
|
var InnerInlineEdit = function InnerInlineEdit(props) {
|
|
35
34
|
var _props$startWithEditV = props.startWithEditViewOpen,
|
|
@@ -13,15 +13,14 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
13
13
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
15
|
var _css = require("@atlaskit/css");
|
|
16
|
-
var _error = _interopRequireDefault(require("@atlaskit/icon/
|
|
16
|
+
var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
|
|
17
17
|
var _inlineDialog = _interopRequireDefault(require("@atlaskit/inline-dialog"));
|
|
18
18
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
19
19
|
var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
|
|
20
20
|
var _colors = require("@atlaskit/theme/colors");
|
|
21
21
|
var _inlineEdit = _interopRequireDefault(require("./inline-edit"));
|
|
22
22
|
var _excluded = ["errorMessage", "isInvalid"];
|
|
23
|
-
function
|
|
24
|
-
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 && {}.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; }
|
|
23
|
+
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); }
|
|
25
24
|
var errorIconContainerStyles = {
|
|
26
25
|
root: "_vwz41osq _y4ti12x7"
|
|
27
26
|
};
|
|
@@ -31,6 +30,18 @@ var readViewForTextFieldStyles = {
|
|
|
31
30
|
var compactStyles = {
|
|
32
31
|
root: "_1rjc1b66 _18zr12x7"
|
|
33
32
|
};
|
|
33
|
+
|
|
34
|
+
// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
|
|
35
|
+
// Remove links that the component does not have (such as usage). If there are no links remove them all.
|
|
36
|
+
/**
|
|
37
|
+
* __Inline editable textfield__
|
|
38
|
+
*
|
|
39
|
+
* An inline editable textfield {description}.
|
|
40
|
+
*
|
|
41
|
+
* - [Examples](https://atlassian.design/components/{packageName}/examples)
|
|
42
|
+
* - [Code](https://atlassian.design/components/{packageName}/code)
|
|
43
|
+
* - [Usage](https://atlassian.design/components/{packageName}/usage)
|
|
44
|
+
*/
|
|
34
45
|
var InlineEditableTextfield = function InlineEditableTextfield(props) {
|
|
35
46
|
var _props$isCompact = props.isCompact,
|
|
36
47
|
isCompact = _props$isCompact === void 0 ? false : _props$isCompact,
|
|
@@ -65,7 +76,8 @@ var InlineEditableTextfield = function InlineEditableTextfield(props) {
|
|
|
65
76
|
}, /*#__PURE__*/_react.default.createElement(_error.default, {
|
|
66
77
|
label: "error",
|
|
67
78
|
LEGACY_primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")"),
|
|
68
|
-
color: "var(--ds-icon-danger, #C9372C)"
|
|
79
|
+
color: "var(--ds-icon-danger, #C9372C)",
|
|
80
|
+
size: "small"
|
|
69
81
|
})),
|
|
70
82
|
testId: testId,
|
|
71
83
|
isCompact: isCompact,
|
|
@@ -12,12 +12,11 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
12
12
|
var _runtime = require("@compiled/react/runtime");
|
|
13
13
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
14
14
|
var _new = require("@atlaskit/button/new");
|
|
15
|
+
var _close = _interopRequireDefault(require("@atlaskit/icon/core/close"));
|
|
16
|
+
var _checkMarkCheck = _interopRequireDefault(require("@atlaskit/icon/core/migration/check-mark--check"));
|
|
15
17
|
var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
|
|
16
|
-
var _cross2 = _interopRequireDefault(require("@atlaskit/icon/utility/cross"));
|
|
17
|
-
var _checkMarkCheck = _interopRequireDefault(require("@atlaskit/icon/utility/migration/check-mark--check"));
|
|
18
18
|
var _colors = require("@atlaskit/theme/colors");
|
|
19
|
-
function
|
|
20
|
-
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 && {}.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; }
|
|
19
|
+
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); }
|
|
21
20
|
/* eslint-disable @atlaskit/design-system/no-nested-styles */
|
|
22
21
|
/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
|
|
23
22
|
var buttonsContainerStyles = null;
|
|
@@ -44,7 +43,8 @@ var Buttons = function Buttons(_ref) {
|
|
|
44
43
|
type: "submit",
|
|
45
44
|
icon: function icon(iconProps) {
|
|
46
45
|
return /*#__PURE__*/React.createElement(_checkMarkCheck.default, (0, _extends2.default)({}, iconProps, {
|
|
47
|
-
LEGACY_size: "small"
|
|
46
|
+
LEGACY_size: "small",
|
|
47
|
+
size: "small"
|
|
48
48
|
}));
|
|
49
49
|
},
|
|
50
50
|
onMouseDown: onMouseDown,
|
|
@@ -62,9 +62,10 @@ var Buttons = function Buttons(_ref) {
|
|
|
62
62
|
}
|
|
63
63
|
}, /*#__PURE__*/React.createElement(_new.IconButton, {
|
|
64
64
|
icon: function icon(iconProps) {
|
|
65
|
-
return /*#__PURE__*/React.createElement(
|
|
65
|
+
return /*#__PURE__*/React.createElement(_close.default, (0, _extends2.default)({}, iconProps, {
|
|
66
66
|
LEGACY_size: "small",
|
|
67
|
-
LEGACY_fallbackIcon: _cross.default
|
|
67
|
+
LEGACY_fallbackIcon: _cross.default,
|
|
68
|
+
size: "small"
|
|
68
69
|
}));
|
|
69
70
|
},
|
|
70
71
|
label: cancelButtonLabel,
|
|
@@ -11,8 +11,7 @@ var _runtime = require("@compiled/react/runtime");
|
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
13
13
|
var _colors = require("@atlaskit/theme/colors");
|
|
14
|
-
function
|
|
15
|
-
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 && {}.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; }
|
|
14
|
+
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); }
|
|
16
15
|
var readViewContainerStyles = null;
|
|
17
16
|
var editButtonStyles = {
|
|
18
17
|
root: "_12ji1r31 _1qu2glyw _12y3idpf _189e1grb _1dqoglyw _1h6d1j28 _1e0c1ule _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _r06hglyw _bfhk1j28 _vwz4kb7n _1xp41p6i _14ly1bk5 _1j8znqa1 _mizu1r31 _ra3xglyw _128midpf"
|
|
@@ -4,7 +4,7 @@ import "./inline-editable-textfield.compiled.css";
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import React, { useCallback, useRef } from 'react';
|
|
6
6
|
import { cx } from '@atlaskit/css';
|
|
7
|
-
import ErrorIcon from '@atlaskit/icon/
|
|
7
|
+
import ErrorIcon from '@atlaskit/icon/core/migration/error';
|
|
8
8
|
import InlineDialog from '@atlaskit/inline-dialog';
|
|
9
9
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
10
10
|
import Textfield from '@atlaskit/textfield';
|
|
@@ -19,6 +19,18 @@ const readViewForTextFieldStyles = {
|
|
|
19
19
|
const compactStyles = {
|
|
20
20
|
root: "_1rjc1b66 _18zr12x7"
|
|
21
21
|
};
|
|
22
|
+
|
|
23
|
+
// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
|
|
24
|
+
// Remove links that the component does not have (such as usage). If there are no links remove them all.
|
|
25
|
+
/**
|
|
26
|
+
* __Inline editable textfield__
|
|
27
|
+
*
|
|
28
|
+
* An inline editable textfield {description}.
|
|
29
|
+
*
|
|
30
|
+
* - [Examples](https://atlassian.design/components/{packageName}/examples)
|
|
31
|
+
* - [Code](https://atlassian.design/components/{packageName}/code)
|
|
32
|
+
* - [Usage](https://atlassian.design/components/{packageName}/usage)
|
|
33
|
+
*/
|
|
22
34
|
const InlineEditableTextfield = props => {
|
|
23
35
|
const {
|
|
24
36
|
isCompact = false,
|
|
@@ -54,7 +66,8 @@ const InlineEditableTextfield = props => {
|
|
|
54
66
|
}, /*#__PURE__*/React.createElement(ErrorIcon, {
|
|
55
67
|
label: "error",
|
|
56
68
|
LEGACY_primaryColor: `var(--ds-icon-danger, ${R400})`,
|
|
57
|
-
color: "var(--ds-icon-danger, #C9372C)"
|
|
69
|
+
color: "var(--ds-icon-danger, #C9372C)",
|
|
70
|
+
size: "small"
|
|
58
71
|
})),
|
|
59
72
|
testId: testId,
|
|
60
73
|
isCompact: isCompact,
|
|
@@ -7,9 +7,9 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
7
7
|
/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
|
|
8
8
|
|
|
9
9
|
import { IconButton } from '@atlaskit/button/new';
|
|
10
|
+
import CrossIcon from '@atlaskit/icon/core/close';
|
|
11
|
+
import CheckMarkIcon from '@atlaskit/icon/core/migration/check-mark--check';
|
|
10
12
|
import CancelIcon from '@atlaskit/icon/glyph/cross';
|
|
11
|
-
import CrossIcon from '@atlaskit/icon/utility/cross';
|
|
12
|
-
import CheckMarkIcon from '@atlaskit/icon/utility/migration/check-mark--check';
|
|
13
13
|
import { B400, N0, N20A, N30A, N50A, N60A } from '@atlaskit/theme/colors';
|
|
14
14
|
const buttonsContainerStyles = null;
|
|
15
15
|
const buttonWrapperBaseStyles = null;
|
|
@@ -28,7 +28,8 @@ const Buttons = ({
|
|
|
28
28
|
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
29
29
|
type: "submit",
|
|
30
30
|
icon: iconProps => /*#__PURE__*/React.createElement(CheckMarkIcon, _extends({}, iconProps, {
|
|
31
|
-
LEGACY_size: "small"
|
|
31
|
+
LEGACY_size: "small",
|
|
32
|
+
size: "small"
|
|
32
33
|
})),
|
|
33
34
|
onMouseDown: onMouseDown,
|
|
34
35
|
label: confirmButtonLabel,
|
|
@@ -39,7 +40,8 @@ const Buttons = ({
|
|
|
39
40
|
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
40
41
|
icon: iconProps => /*#__PURE__*/React.createElement(CrossIcon, _extends({}, iconProps, {
|
|
41
42
|
LEGACY_size: "small",
|
|
42
|
-
LEGACY_fallbackIcon: CancelIcon
|
|
43
|
+
LEGACY_fallbackIcon: CancelIcon,
|
|
44
|
+
size: "small"
|
|
43
45
|
})),
|
|
44
46
|
label: cancelButtonLabel,
|
|
45
47
|
onClick: onCancelClick,
|
package/dist/esm/inline-edit.js
CHANGED
|
@@ -19,7 +19,7 @@ var fieldStyles = null;
|
|
|
19
19
|
var analyticsAttributes = {
|
|
20
20
|
componentName: 'inlineEdit',
|
|
21
21
|
packageName: "@atlaskit/inline-edit",
|
|
22
|
-
packageVersion: "15.2.
|
|
22
|
+
packageVersion: "15.2.4"
|
|
23
23
|
};
|
|
24
24
|
var InnerInlineEdit = function InnerInlineEdit(props) {
|
|
25
25
|
var _props$startWithEditV = props.startWithEditViewOpen,
|
|
@@ -6,7 +6,7 @@ import "./inline-editable-textfield.compiled.css";
|
|
|
6
6
|
import { ax, ix } from "@compiled/react/runtime";
|
|
7
7
|
import React, { useCallback, useRef } from 'react';
|
|
8
8
|
import { cx } from '@atlaskit/css';
|
|
9
|
-
import ErrorIcon from '@atlaskit/icon/
|
|
9
|
+
import ErrorIcon from '@atlaskit/icon/core/migration/error';
|
|
10
10
|
import InlineDialog from '@atlaskit/inline-dialog';
|
|
11
11
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
12
12
|
import Textfield from '@atlaskit/textfield';
|
|
@@ -21,6 +21,18 @@ var readViewForTextFieldStyles = {
|
|
|
21
21
|
var compactStyles = {
|
|
22
22
|
root: "_1rjc1b66 _18zr12x7"
|
|
23
23
|
};
|
|
24
|
+
|
|
25
|
+
// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
|
|
26
|
+
// Remove links that the component does not have (such as usage). If there are no links remove them all.
|
|
27
|
+
/**
|
|
28
|
+
* __Inline editable textfield__
|
|
29
|
+
*
|
|
30
|
+
* An inline editable textfield {description}.
|
|
31
|
+
*
|
|
32
|
+
* - [Examples](https://atlassian.design/components/{packageName}/examples)
|
|
33
|
+
* - [Code](https://atlassian.design/components/{packageName}/code)
|
|
34
|
+
* - [Usage](https://atlassian.design/components/{packageName}/usage)
|
|
35
|
+
*/
|
|
24
36
|
var InlineEditableTextfield = function InlineEditableTextfield(props) {
|
|
25
37
|
var _props$isCompact = props.isCompact,
|
|
26
38
|
isCompact = _props$isCompact === void 0 ? false : _props$isCompact,
|
|
@@ -55,7 +67,8 @@ var InlineEditableTextfield = function InlineEditableTextfield(props) {
|
|
|
55
67
|
}, /*#__PURE__*/React.createElement(ErrorIcon, {
|
|
56
68
|
label: "error",
|
|
57
69
|
LEGACY_primaryColor: "var(--ds-icon-danger, ".concat(R400, ")"),
|
|
58
|
-
color: "var(--ds-icon-danger, #C9372C)"
|
|
70
|
+
color: "var(--ds-icon-danger, #C9372C)",
|
|
71
|
+
size: "small"
|
|
59
72
|
})),
|
|
60
73
|
testId: testId,
|
|
61
74
|
isCompact: isCompact,
|
|
@@ -7,9 +7,9 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
7
7
|
/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
|
|
8
8
|
|
|
9
9
|
import { IconButton } from '@atlaskit/button/new';
|
|
10
|
+
import CrossIcon from '@atlaskit/icon/core/close';
|
|
11
|
+
import CheckMarkIcon from '@atlaskit/icon/core/migration/check-mark--check';
|
|
10
12
|
import CancelIcon from '@atlaskit/icon/glyph/cross';
|
|
11
|
-
import CrossIcon from '@atlaskit/icon/utility/cross';
|
|
12
|
-
import CheckMarkIcon from '@atlaskit/icon/utility/migration/check-mark--check';
|
|
13
13
|
import { B400, N0, N20A, N30A, N50A, N60A } from '@atlaskit/theme/colors';
|
|
14
14
|
var buttonsContainerStyles = null;
|
|
15
15
|
var buttonWrapperBaseStyles = null;
|
|
@@ -35,7 +35,8 @@ var Buttons = function Buttons(_ref) {
|
|
|
35
35
|
type: "submit",
|
|
36
36
|
icon: function icon(iconProps) {
|
|
37
37
|
return /*#__PURE__*/React.createElement(CheckMarkIcon, _extends({}, iconProps, {
|
|
38
|
-
LEGACY_size: "small"
|
|
38
|
+
LEGACY_size: "small",
|
|
39
|
+
size: "small"
|
|
39
40
|
}));
|
|
40
41
|
},
|
|
41
42
|
onMouseDown: onMouseDown,
|
|
@@ -55,7 +56,8 @@ var Buttons = function Buttons(_ref) {
|
|
|
55
56
|
icon: function icon(iconProps) {
|
|
56
57
|
return /*#__PURE__*/React.createElement(CrossIcon, _extends({}, iconProps, {
|
|
57
58
|
LEGACY_size: "small",
|
|
58
|
-
LEGACY_fallbackIcon: CancelIcon
|
|
59
|
+
LEGACY_fallbackIcon: CancelIcon,
|
|
60
|
+
size: "small"
|
|
59
61
|
}));
|
|
60
62
|
},
|
|
61
63
|
label: cancelButtonLabel,
|
|
@@ -1,4 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type InlineEditableTextfieldProps } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* __Inline editable textfield__
|
|
5
|
+
*
|
|
6
|
+
* An inline editable textfield {description}.
|
|
7
|
+
*
|
|
8
|
+
* - [Examples](https://atlassian.design/components/{packageName}/examples)
|
|
9
|
+
* - [Code](https://atlassian.design/components/{packageName}/code)
|
|
10
|
+
* - [Usage](https://atlassian.design/components/{packageName}/usage)
|
|
11
|
+
*/
|
|
3
12
|
declare const InlineEditableTextfield: (props: InlineEditableTextfieldProps) => React.JSX.Element;
|
|
4
13
|
export default InlineEditableTextfield;
|
|
@@ -1,4 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type InlineEditableTextfieldProps } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* __Inline editable textfield__
|
|
5
|
+
*
|
|
6
|
+
* An inline editable textfield {description}.
|
|
7
|
+
*
|
|
8
|
+
* - [Examples](https://atlassian.design/components/{packageName}/examples)
|
|
9
|
+
* - [Code](https://atlassian.design/components/{packageName}/code)
|
|
10
|
+
* - [Usage](https://atlassian.design/components/{packageName}/usage)
|
|
11
|
+
*/
|
|
3
12
|
declare const InlineEditableTextfield: (props: InlineEditableTextfieldProps) => React.JSX.Element;
|
|
4
13
|
export default InlineEditableTextfield;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/inline-edit",
|
|
3
|
-
"version": "15.2.
|
|
3
|
+
"version": "15.2.4",
|
|
4
4
|
"description": "An inline edit displays a custom input component that switches between reading and editing on the same page.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -34,18 +34,18 @@
|
|
|
34
34
|
"runReact18": true
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@atlaskit/analytics-next": "^11.
|
|
37
|
+
"@atlaskit/analytics-next": "^11.1.0",
|
|
38
38
|
"@atlaskit/button": "^23.2.0",
|
|
39
39
|
"@atlaskit/codemod-utils": "^4.2.0",
|
|
40
40
|
"@atlaskit/css": "^0.10.0",
|
|
41
41
|
"@atlaskit/form": "^12.0.0",
|
|
42
|
-
"@atlaskit/icon": "^
|
|
42
|
+
"@atlaskit/icon": "^27.0.0",
|
|
43
43
|
"@atlaskit/inline-dialog": "^17.2.0",
|
|
44
44
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
45
45
|
"@atlaskit/primitives": "^14.8.0",
|
|
46
46
|
"@atlaskit/textfield": "^8.0.0",
|
|
47
47
|
"@atlaskit/theme": "^18.0.0",
|
|
48
|
-
"@atlaskit/tokens": "^
|
|
48
|
+
"@atlaskit/tokens": "^5.2.0",
|
|
49
49
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
50
50
|
"@babel/runtime": "^7.0.0",
|
|
51
51
|
"@compiled/react": "^0.18.3"
|
|
@@ -57,12 +57,12 @@
|
|
|
57
57
|
"@af/accessibility-testing": "workspace:^",
|
|
58
58
|
"@af/integration-testing": "workspace:^",
|
|
59
59
|
"@atlaskit/datetime-picker": "^17.0.0",
|
|
60
|
-
"@atlaskit/docs": "^
|
|
60
|
+
"@atlaskit/docs": "^11.0.0",
|
|
61
61
|
"@atlaskit/ds-lib": "^4.0.0",
|
|
62
62
|
"@atlaskit/heading": "^5.2.0",
|
|
63
63
|
"@atlaskit/link": "^3.2.0",
|
|
64
64
|
"@atlaskit/section-message": "^8.2.0",
|
|
65
|
-
"@atlaskit/select": "^20.
|
|
65
|
+
"@atlaskit/select": "^20.7.0",
|
|
66
66
|
"@atlaskit/tag": "^14.0.0",
|
|
67
67
|
"@atlaskit/tag-group": "^12.0.0",
|
|
68
68
|
"@atlaskit/textarea": "^8.0.0",
|