@instructure/ui-editable 11.7.8 → 11.7.9-snapshot-1
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 +8 -0
- package/lib/Editable/v1/index.js +4 -4
- package/lib/InPlaceEdit/v1/index.js +4 -4
- package/lib/InPlaceEdit/v2/index.js +2 -2
- package/package.json +14 -14
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [11.7.9-snapshot-1](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-snapshot-1) (2026-10-06)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @instructure/ui-editable
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
## [11.7.8](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8) (2026-10-02)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @instructure/ui-editable
|
package/lib/Editable/v1/index.js
CHANGED
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.Editable = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
var
|
|
8
|
+
var _uiUtils = require("@instructure/ui-utils");
|
|
9
9
|
var _console = require("@instructure/console");
|
|
10
|
-
var
|
|
10
|
+
var _uiDomUtils = require("@instructure/ui-dom-utils");
|
|
11
11
|
var _props = require("./props.js");
|
|
12
12
|
/*
|
|
13
13
|
* The MIT License (MIT)
|
|
@@ -78,7 +78,7 @@ class Editable extends _react.Component {
|
|
|
78
78
|
// on the switch from edit to view
|
|
79
79
|
if (prevProps.mode === 'edit' && mode !== 'edit') {
|
|
80
80
|
this._editButtonRef && this._editButtonRef.focus();
|
|
81
|
-
if (onChange && !(0,
|
|
81
|
+
if (onChange && !(0, _uiUtils.deepEqual)(this.state.valueOnEdit, value)) {
|
|
82
82
|
onChange(value);
|
|
83
83
|
}
|
|
84
84
|
}
|
|
@@ -132,7 +132,7 @@ class Editable extends _react.Component {
|
|
|
132
132
|
};
|
|
133
133
|
handleViewClick = event => {
|
|
134
134
|
if (event.buttons === 1) {
|
|
135
|
-
(0,
|
|
135
|
+
(0, _uiDomUtils.requestAnimationFrame)(() => {
|
|
136
136
|
this.enterEdit();
|
|
137
137
|
});
|
|
138
138
|
}
|
|
@@ -8,9 +8,9 @@ exports.default = exports.InPlaceEdit = void 0;
|
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _v11_ = require("@instructure/ui-flex/v11_6");
|
|
10
10
|
var _v11_2 = require("@instructure/ui-buttons/v11_6");
|
|
11
|
-
var
|
|
11
|
+
var _uiIcons = require("@instructure/ui-icons");
|
|
12
12
|
var _console = require("@instructure/console");
|
|
13
|
-
var
|
|
13
|
+
var _uiUtils = require("@instructure/ui-utils");
|
|
14
14
|
var _emotion = require("@instructure/emotion");
|
|
15
15
|
var _v11_3 = require("@instructure/ui-view/v11_6");
|
|
16
16
|
var _index = require("../../Editable/v1/index.js");
|
|
@@ -110,7 +110,7 @@ let InPlaceEdit = exports.InPlaceEdit = (_dec = (0, _emotion.withStyle)(_styles.
|
|
|
110
110
|
...rest
|
|
111
111
|
}) {
|
|
112
112
|
return this.props.renderEditButton({
|
|
113
|
-
elementRef: (0,
|
|
113
|
+
elementRef: (0, _uiUtils.createChainedFunction)(this.handleEditButtonRef, buttonRef),
|
|
114
114
|
...rest
|
|
115
115
|
});
|
|
116
116
|
}
|
|
@@ -132,7 +132,7 @@ let InPlaceEdit = exports.InPlaceEdit = (_dec = (0, _emotion.withStyle)(_styles.
|
|
|
132
132
|
withBackground: false,
|
|
133
133
|
withBorder: false,
|
|
134
134
|
...buttonProps,
|
|
135
|
-
children: isVisible ?
|
|
135
|
+
children: isVisible ? _uiIcons.IconEditLine : null
|
|
136
136
|
});
|
|
137
137
|
};
|
|
138
138
|
renderAll = ({
|
|
@@ -10,7 +10,7 @@ var _latest = require("@instructure/ui-flex/latest");
|
|
|
10
10
|
var _latest2 = require("@instructure/ui-buttons/latest");
|
|
11
11
|
var _uiIcons = require("@instructure/ui-icons");
|
|
12
12
|
var _console = require("@instructure/console");
|
|
13
|
-
var
|
|
13
|
+
var _uiUtils = require("@instructure/ui-utils");
|
|
14
14
|
var _emotion = require("@instructure/emotion");
|
|
15
15
|
var _latest3 = require("@instructure/ui-view/latest");
|
|
16
16
|
var _index = require("../../Editable/v1/index.js");
|
|
@@ -110,7 +110,7 @@ let InPlaceEdit = exports.InPlaceEdit = (_dec = (0, _emotion.withStyleNew)(_styl
|
|
|
110
110
|
...rest
|
|
111
111
|
}) {
|
|
112
112
|
return this.props.renderEditButton({
|
|
113
|
-
elementRef: (0,
|
|
113
|
+
elementRef: (0, _uiUtils.createChainedFunction)(this.handleEditButtonRef, buttonRef),
|
|
114
114
|
...rest
|
|
115
115
|
});
|
|
116
116
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-editable",
|
|
3
|
-
"version": "11.7.
|
|
3
|
+
"version": "11.7.9-snapshot-1",
|
|
4
4
|
"description": "A UI component library made by Instructure Inc.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -15,22 +15,22 @@
|
|
|
15
15
|
"license": "MIT",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@babel/runtime": "^7.29.7",
|
|
18
|
-
"@instructure/console": "11.7.
|
|
19
|
-
"@instructure/
|
|
20
|
-
"@instructure/ui-buttons": "11.7.
|
|
21
|
-
"@instructure/
|
|
22
|
-
"@instructure/
|
|
23
|
-
"@instructure/ui-dom-utils": "11.7.
|
|
24
|
-
"@instructure/ui-
|
|
25
|
-
"@instructure/ui-
|
|
26
|
-
"@instructure/ui-
|
|
27
|
-
"@instructure/ui-
|
|
28
|
-
"@instructure/ui-
|
|
18
|
+
"@instructure/console": "11.7.9-snapshot-1",
|
|
19
|
+
"@instructure/emotion": "11.7.9-snapshot-1",
|
|
20
|
+
"@instructure/ui-buttons": "11.7.9-snapshot-1",
|
|
21
|
+
"@instructure/shared-types": "11.7.9-snapshot-1",
|
|
22
|
+
"@instructure/ui-a11y-content": "11.7.9-snapshot-1",
|
|
23
|
+
"@instructure/ui-dom-utils": "11.7.9-snapshot-1",
|
|
24
|
+
"@instructure/ui-flex": "11.7.9-snapshot-1",
|
|
25
|
+
"@instructure/ui-focusable": "11.7.9-snapshot-1",
|
|
26
|
+
"@instructure/ui-icons": "11.7.9-snapshot-1",
|
|
27
|
+
"@instructure/ui-utils": "11.7.9-snapshot-1",
|
|
28
|
+
"@instructure/ui-view": "11.7.9-snapshot-1"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"vitest": "^5.0.0",
|
|
32
|
-
"@instructure/ui-babel-preset": "11.7.
|
|
33
|
-
"@instructure/ui-axe-check": "11.7.
|
|
32
|
+
"@instructure/ui-babel-preset": "11.7.9-snapshot-1",
|
|
33
|
+
"@instructure/ui-axe-check": "11.7.9-snapshot-1"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
36
|
"react": ">=18 <=19",
|