@instructure/ui-file-drop 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/FileDrop/v1/index.js +5 -8
- package/lib/FileDrop/v2/index.js +5 -8
- package/package.json +13 -13
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-file-drop
|
|
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-file-drop
|
package/lib/FileDrop/v1/index.js
CHANGED
|
@@ -9,10 +9,7 @@ var _react = require("react");
|
|
|
9
9
|
var _keycode = _interopRequireDefault(require("keycode"));
|
|
10
10
|
var _v11_ = require("@instructure/ui-form-field/v11_6");
|
|
11
11
|
var _v11_2 = require("@instructure/ui-view/v11_6");
|
|
12
|
-
var
|
|
13
|
-
var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
|
|
14
|
-
var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
|
|
15
|
-
var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
|
|
12
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
16
13
|
var _accepts = require("./utils/accepts.js");
|
|
17
14
|
var _getEventFiles = require("./utils/getEventFiles.js");
|
|
18
15
|
var _emotion = require("@instructure/emotion");
|
|
@@ -53,7 +50,7 @@ function keyEventIsClickButton(e) {
|
|
|
53
50
|
category: components
|
|
54
51
|
---
|
|
55
52
|
**/
|
|
56
|
-
let FileDrop = exports.FileDrop = (_dec = (0,
|
|
53
|
+
let FileDrop = exports.FileDrop = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class FileDrop extends _react.Component {
|
|
57
54
|
static displayName = 'FileDrop';
|
|
58
55
|
static componentId = 'FileDrop';
|
|
59
56
|
static allowedProps = _props.allowedProps;
|
|
@@ -115,7 +112,7 @@ let FileDrop = exports.FileDrop = (_dec = (0, _withDeterministicId.withDetermini
|
|
|
115
112
|
return this.interaction === 'disabled' || this.interaction === 'readonly';
|
|
116
113
|
}
|
|
117
114
|
get interaction() {
|
|
118
|
-
return (0,
|
|
115
|
+
return (0, _uiReactUtils.getInteraction)({
|
|
119
116
|
props: this.props
|
|
120
117
|
});
|
|
121
118
|
}
|
|
@@ -252,7 +249,7 @@ let FileDrop = exports.FileDrop = (_dec = (0, _withDeterministicId.withDetermini
|
|
|
252
249
|
const {
|
|
253
250
|
renderLabel
|
|
254
251
|
} = this.props;
|
|
255
|
-
return (0,
|
|
252
|
+
return (0, _uiReactUtils.callRenderProp)(renderLabel, {
|
|
256
253
|
isDragAccepted: this.state.isDragAccepted,
|
|
257
254
|
isDragRejected: this.state.isDragRejected,
|
|
258
255
|
interaction: this.interaction
|
|
@@ -357,7 +354,7 @@ let FileDrop = exports.FileDrop = (_dec = (0, _withDeterministicId.withDetermini
|
|
|
357
354
|
})
|
|
358
355
|
})
|
|
359
356
|
}), (0, _jsxRuntime.jsx)("input", {
|
|
360
|
-
...(0,
|
|
357
|
+
...(0, _uiReactUtils.passthroughProps)(props),
|
|
361
358
|
onClick: this.handleClick,
|
|
362
359
|
type: "file",
|
|
363
360
|
css: this.props.styles?.fileDropInput,
|
package/lib/FileDrop/v2/index.js
CHANGED
|
@@ -9,10 +9,7 @@ var _react = require("react");
|
|
|
9
9
|
var _keycode = _interopRequireDefault(require("keycode"));
|
|
10
10
|
var _latest = require("@instructure/ui-form-field/latest");
|
|
11
11
|
var _latest2 = require("@instructure/ui-view/latest");
|
|
12
|
-
var
|
|
13
|
-
var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
|
|
14
|
-
var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
|
|
15
|
-
var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
|
|
12
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
16
13
|
var _accepts = require("./utils/accepts.js");
|
|
17
14
|
var _getEventFiles = require("./utils/getEventFiles.js");
|
|
18
15
|
var _emotion = require("@instructure/emotion");
|
|
@@ -52,7 +49,7 @@ function keyEventIsClickButton(e) {
|
|
|
52
49
|
category: components
|
|
53
50
|
---
|
|
54
51
|
**/
|
|
55
|
-
let FileDrop = exports.FileDrop = (_dec = (0,
|
|
52
|
+
let FileDrop = exports.FileDrop = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = _dec2(_class = class FileDrop extends _react.Component {
|
|
56
53
|
static displayName = 'FileDrop';
|
|
57
54
|
static componentId = 'FileDrop';
|
|
58
55
|
static allowedProps = _props.allowedProps;
|
|
@@ -115,7 +112,7 @@ let FileDrop = exports.FileDrop = (_dec = (0, _withDeterministicId.withDetermini
|
|
|
115
112
|
return this.interaction === 'disabled' || this.interaction === 'readonly';
|
|
116
113
|
}
|
|
117
114
|
get interaction() {
|
|
118
|
-
return (0,
|
|
115
|
+
return (0, _uiReactUtils.getInteraction)({
|
|
119
116
|
props: this.props
|
|
120
117
|
});
|
|
121
118
|
}
|
|
@@ -252,7 +249,7 @@ let FileDrop = exports.FileDrop = (_dec = (0, _withDeterministicId.withDetermini
|
|
|
252
249
|
const {
|
|
253
250
|
renderLabel
|
|
254
251
|
} = this.props;
|
|
255
|
-
return (0,
|
|
252
|
+
return (0, _uiReactUtils.callRenderProp)(renderLabel, {
|
|
256
253
|
isDragAccepted: this.state.isDragAccepted,
|
|
257
254
|
isDragRejected: this.state.isDragRejected,
|
|
258
255
|
interaction: this.interaction
|
|
@@ -357,7 +354,7 @@ let FileDrop = exports.FileDrop = (_dec = (0, _withDeterministicId.withDetermini
|
|
|
357
354
|
})
|
|
358
355
|
})
|
|
359
356
|
}), (0, _jsxRuntime.jsx)("input", {
|
|
360
|
-
...(0,
|
|
357
|
+
...(0, _uiReactUtils.passthroughProps)(props),
|
|
361
358
|
onClick: this.handleClick,
|
|
362
359
|
type: "file",
|
|
363
360
|
css: this.props.styles?.fileDropInput,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-file-drop",
|
|
3
|
-
"version": "11.7.
|
|
3
|
+
"version": "11.7.9-snapshot-1",
|
|
4
4
|
"description": "A flexible facade for an HTML file input",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -16,21 +16,21 @@
|
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@babel/runtime": "^7.29.7",
|
|
18
18
|
"keycode": "^2",
|
|
19
|
-
"@instructure/console": "11.7.
|
|
20
|
-
"@instructure/emotion": "11.7.
|
|
21
|
-
"@instructure/shared-types": "11.7.
|
|
22
|
-
"@instructure/ui-
|
|
23
|
-
"@instructure/ui-
|
|
24
|
-
"@instructure/ui-react-utils": "11.7.
|
|
25
|
-
"@instructure/ui-themes": "11.7.
|
|
26
|
-
"@instructure/ui-utils": "11.7.
|
|
27
|
-
"@instructure/ui-view": "11.7.
|
|
28
|
-
"@instructure/uid": "11.7.
|
|
19
|
+
"@instructure/console": "11.7.9-snapshot-1",
|
|
20
|
+
"@instructure/emotion": "11.7.9-snapshot-1",
|
|
21
|
+
"@instructure/shared-types": "11.7.9-snapshot-1",
|
|
22
|
+
"@instructure/ui-color-utils": "11.7.9-snapshot-1",
|
|
23
|
+
"@instructure/ui-form-field": "11.7.9-snapshot-1",
|
|
24
|
+
"@instructure/ui-react-utils": "11.7.9-snapshot-1",
|
|
25
|
+
"@instructure/ui-themes": "11.7.9-snapshot-1",
|
|
26
|
+
"@instructure/ui-utils": "11.7.9-snapshot-1",
|
|
27
|
+
"@instructure/ui-view": "11.7.9-snapshot-1",
|
|
28
|
+
"@instructure/uid": "11.7.9-snapshot-1"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"vitest": "^5.0.0",
|
|
32
|
-
"@instructure/ui-
|
|
33
|
-
"@instructure/ui-
|
|
32
|
+
"@instructure/ui-axe-check": "11.7.9-snapshot-1",
|
|
33
|
+
"@instructure/ui-babel-preset": "11.7.9-snapshot-1"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
36
|
"react": ">=18 <=19"
|