@umbraco-ui/uui-input-file 1.0.0-rc.0 → 1.0.0-rc.3
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/README.md +5 -1
- package/lib/index.js +13 -5
- package/package.json +8 -8
package/README.md
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
# uui-input-file
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
[](https://www.npmjs.com/package/@umbraco-ui/uui-input-file)
|
|
4
4
|
|
|
5
5
|
Umbraco style input-file component.
|
|
6
6
|
|
|
7
|
+
### See it in action
|
|
8
|
+
|
|
9
|
+
Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-input-file)
|
|
10
|
+
|
|
7
11
|
## Installation
|
|
8
12
|
|
|
9
13
|
### ES imports
|
package/lib/index.js
CHANGED
|
@@ -70,7 +70,9 @@ let UUIInputFileElement = class extends FormControlMixin(LitElement) {
|
|
|
70
70
|
}
|
|
71
71
|
async _handleFilesChange(event) {
|
|
72
72
|
const entries = event.detail.files;
|
|
73
|
-
const files = entries.filter(
|
|
73
|
+
const files = entries.filter(
|
|
74
|
+
(entry) => entry instanceof File || entry.isFile
|
|
75
|
+
);
|
|
74
76
|
if (!this.multiple) {
|
|
75
77
|
const entry = files[0];
|
|
76
78
|
const isFile = entry instanceof File;
|
|
@@ -99,7 +101,9 @@ let UUIInputFileElement = class extends FormControlMixin(LitElement) {
|
|
|
99
101
|
this.value = newValue;
|
|
100
102
|
}
|
|
101
103
|
async _getFile(fileEntry) {
|
|
102
|
-
return await new Promise(
|
|
104
|
+
return await new Promise(
|
|
105
|
+
(resolve, reject) => fileEntry.file(resolve, reject)
|
|
106
|
+
);
|
|
103
107
|
}
|
|
104
108
|
_removeFile(index) {
|
|
105
109
|
const fileToRemove = this._files[index];
|
|
@@ -133,7 +137,7 @@ let UUIInputFileElement = class extends FormControlMixin(LitElement) {
|
|
|
133
137
|
<uui-action-bar slot="actions">
|
|
134
138
|
<uui-button
|
|
135
139
|
@click=${() => this._removeFile(index)}
|
|
136
|
-
|
|
140
|
+
color="danger"
|
|
137
141
|
label=${`Delete ${file.name}`}>
|
|
138
142
|
<uui-icon name="delete" .fallback=${iconDelete.strings[0]}></uui-icon>
|
|
139
143
|
</uui-button>
|
|
@@ -141,7 +145,11 @@ let UUIInputFileElement = class extends FormControlMixin(LitElement) {
|
|
|
141
145
|
</uui-file-preview>`;
|
|
142
146
|
}
|
|
143
147
|
_renderFiles() {
|
|
144
|
-
return html`${repeat(
|
|
148
|
+
return html`${repeat(
|
|
149
|
+
this._files,
|
|
150
|
+
(file) => file.name + file.size,
|
|
151
|
+
(file, index) => this._renderFileItem(file, index)
|
|
152
|
+
)}`;
|
|
145
153
|
}
|
|
146
154
|
render() {
|
|
147
155
|
return html`
|
|
@@ -210,7 +218,7 @@ UUIInputFileElement.styles = [
|
|
|
210
218
|
padding: 16px;
|
|
211
219
|
box-sizing: border-box;
|
|
212
220
|
justify-content: center;
|
|
213
|
-
align-items:
|
|
221
|
+
align-items: stretch;
|
|
214
222
|
}
|
|
215
223
|
`
|
|
216
224
|
];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umbraco-ui/uui-input-file",
|
|
3
|
-
"version": "1.0.0-rc.
|
|
3
|
+
"version": "1.0.0-rc.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Umbraco",
|
|
@@ -30,12 +30,12 @@
|
|
|
30
30
|
"custom-elements.json"
|
|
31
31
|
],
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@umbraco-ui/uui-action-bar": "1.0.0-rc.
|
|
34
|
-
"@umbraco-ui/uui-base": "1.0.0-rc.
|
|
35
|
-
"@umbraco-ui/uui-button": "1.0.0-rc.
|
|
36
|
-
"@umbraco-ui/uui-file-dropzone": "1.0.0-rc.
|
|
37
|
-
"@umbraco-ui/uui-icon": "1.0.0-rc.
|
|
38
|
-
"@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.
|
|
33
|
+
"@umbraco-ui/uui-action-bar": "1.0.0-rc.3",
|
|
34
|
+
"@umbraco-ui/uui-base": "1.0.0-rc.3",
|
|
35
|
+
"@umbraco-ui/uui-button": "1.0.0-rc.3",
|
|
36
|
+
"@umbraco-ui/uui-file-dropzone": "1.0.0-rc.3",
|
|
37
|
+
"@umbraco-ui/uui-icon": "1.0.0-rc.3",
|
|
38
|
+
"@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.3"
|
|
39
39
|
},
|
|
40
40
|
"scripts": {
|
|
41
41
|
"build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
"access": "public"
|
|
47
47
|
},
|
|
48
48
|
"homepage": "https://uui.umbraco.com/?path=/story/uui-input-file",
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "7d643a3d5f7204efbc3aaad83889c2fd5200af73"
|
|
50
50
|
}
|