@budibase/bbui 1.0.48 → 1.0.49-alpha.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.
- package/dist/bbui.es.js +1 -1
- package/dist/bbui.es.js.map +1 -1
- package/package.json +2 -2
- package/src/Form/Core/Dropzone.svelte +8 -1
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@budibase/bbui",
|
|
3
3
|
"description": "A UI solution used in the different Budibase projects.",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.49-alpha.0",
|
|
5
5
|
"license": "MPL-2.0",
|
|
6
6
|
"svelte": "src/index.js",
|
|
7
7
|
"module": "dist/bbui.es.js",
|
|
@@ -82,5 +82,5 @@
|
|
|
82
82
|
"svelte-flatpickr": "^3.2.3",
|
|
83
83
|
"svelte-portal": "^1.0.0"
|
|
84
84
|
},
|
|
85
|
-
"gitHead": "
|
|
85
|
+
"gitHead": "27d295ae310158a0a240fe62c45362ad03f82115"
|
|
86
86
|
}
|
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
export let error = null
|
|
23
23
|
export let fileTags = []
|
|
24
24
|
export let maximum = null
|
|
25
|
+
export let extensions = "*"
|
|
25
26
|
|
|
26
27
|
const dispatch = createEventDispatcher()
|
|
27
28
|
const imageExtensions = [
|
|
@@ -146,7 +147,9 @@
|
|
|
146
147
|
<img alt="preview" src={selectedUrl} />
|
|
147
148
|
{:else}
|
|
148
149
|
<div class="placeholder">
|
|
149
|
-
<div class="extension">
|
|
150
|
+
<div class="extension">
|
|
151
|
+
{selectedImage.name || "Unknown file"}
|
|
152
|
+
</div>
|
|
150
153
|
<div>Preview not supported</div>
|
|
151
154
|
</div>
|
|
152
155
|
{/if}
|
|
@@ -207,6 +210,7 @@
|
|
|
207
210
|
{disabled}
|
|
208
211
|
type="file"
|
|
209
212
|
multiple
|
|
213
|
+
accept={extensions}
|
|
210
214
|
on:change={handleFile}
|
|
211
215
|
/>
|
|
212
216
|
<svg
|
|
@@ -357,18 +361,21 @@
|
|
|
357
361
|
white-space: nowrap;
|
|
358
362
|
width: 0;
|
|
359
363
|
margin-right: 10px;
|
|
364
|
+
user-select: all;
|
|
360
365
|
}
|
|
361
366
|
.placeholder {
|
|
362
367
|
display: flex;
|
|
363
368
|
flex-direction: column;
|
|
364
369
|
justify-content: center;
|
|
365
370
|
align-items: center;
|
|
371
|
+
text-align: center;
|
|
366
372
|
}
|
|
367
373
|
.extension {
|
|
368
374
|
color: var(--spectrum-global-color-gray-600);
|
|
369
375
|
text-transform: uppercase;
|
|
370
376
|
font-weight: 600;
|
|
371
377
|
margin-bottom: 5px;
|
|
378
|
+
user-select: all;
|
|
372
379
|
}
|
|
373
380
|
|
|
374
381
|
.nav {
|