@enso-ui/uploader 2.0.17 → 3.1.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2017 laravel-enso
+Copyright (c) 2026 laravel-enso
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -28,4 +28,4 @@ Thank you to all the people who already contributed to Enso!
 
 ## License
 
-[ISC](https://opensource.org/licenses/ISC)
+[MIT](LICENSE)

package/package.json

@@ -1,11 +1,8 @@
 {
   "name": "@enso-ui/uploader",
-  "version": "2.0.17",
+  "version": "3.1.0",
   "description": "File Uploader",
   "main": "bulma/index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/enso-ui/uploader.git"
@@ -15,27 +12,16 @@
     "vue"
   ],
   "author": "Adrian Ocneanu <aocneanu@gmail.com>",
-  "license": "ISC",
+  "license": "MIT",
   "bugs": {
     "url": "https://github.com/enso-ui/uploader/issues"
   },
   "homepage": "https://github.com/enso-ui/uploader#readme",
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^1.2.2",
-    "@fortawesome/free-solid-svg-icons": "^5.11.2",
-    "@fortawesome/vue-fontawesome": "3.0.0-5",
+    "@fortawesome/fontawesome-svg-core": "^7.2.0",
+    "@fortawesome/free-solid-svg-icons": "^7.2.0",
+    "@fortawesome/vue-fontawesome": "3.1.3",
     "bulma": "^0.9.0",
     "vue": "^3.0"
-  },
-  "devDependencies": {
-    "@vue/cli-plugin-babel": "5.0.0-beta.6",
-    "@vue/cli-plugin-eslint": "5.0.0-beta.6",
-    "@vue/eslint-config-airbnb": "^5.0.0",
-    "autoprefixer": "^9.6.1",
-    "babel-eslint": "^10.0.1",
-    "cross-env": "^6.0.0",
-    "eslint": "^7.0.0",
-    "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-plugin-vue": "^8.0.0"
   }
 }

package/src/bulma/Uploader.vue

@@ -1,5 +1,5 @@
 <template>
-    <form class="is-marginless"
+    <form class="m-0"
         @submit.prevent>
         <core-uploader v-bind="$attrs"
             ref="uploader">
@@ -11,24 +11,16 @@
                     v-on="inputEvents">
                 <slot name="control"
                     :control-events="controlEvents">
-                    <a :class="['file', {'is-small': isSmall}, {'is-large': isLarge}]"
+                    <a :class="['button', 'uploader-button', {'is-small': isSmall},
+                        {'is-large': isLarge}, {'is-rounded': isRounded}]"
                         v-on="controlEvents">
-                        <span :class="['file-cta', {'is-rounded': isRounded}]"
+                        <span class="file-label"
                             v-if="label">
-                            <span class="file-icon"
-                                v-if="!manual || files">
-                                <fa icon="upload"/>
-                            </span>
-                            <span class="file-label">
-                                {{ label }}
-                            </span>
+                            {{ label }}
                         </span>
-                        <span class="button"
-                            v-else>
-                            <span class="icon"
-                                v-if="!manual || files">
-                                <fa icon="upload"/>
-                            </span>
+                        <span class="icon"
+                            v-if="!manual || files">
+                            <fa :icon="faUpload"/>
                         </span>
                     </a>
                 </slot>
@@ -39,17 +31,18 @@
 
 <script>
 import { FontAwesomeIcon as Fa } from '@fortawesome/vue-fontawesome';
-import { library } from '@fortawesome/fontawesome-svg-core';
 import { faUpload } from '@fortawesome/free-solid-svg-icons';
 import CoreUploader from '../renderless/CoreUploader.vue';
 
-library.add(faUpload);
-
 export default {
     name: 'Uploader',
 
     components: { CoreUploader, Fa },
 
+    data: () => ({
+        faUpload,
+    }),
+
     props: {
         isLarge: {
             type: Boolean,
@@ -74,7 +67,17 @@ export default {
 </script>
 
 <style lang="scss">
-    .file-cta.is-rounded {
-        border-radius: 290486px;
+.uploader-button {
+    background-color: var(--bulma-scheme-main);
+    border: 1px solid var(--bulma-input-border-color);
+    box-shadow: none;
+    color: var(--bulma-text-strong);
+
+    &:hover,
+    &:focus {
+        background-color: var(--bulma-scheme-main-ter);
+        border-color: var(--bulma-input-hover-border-color);
+        color: var(--bulma-text-strong);
     }
+}
 </style>