@awes-io/ui 2.58.0 → 2.59.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.59.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.58.0...@awes-io/ui@2.59.0) (2022-09-08)
+
+
+### Features
+
+* uploader and test attrs improvements ([b3ef891](https://github.com/awes-io/client/commit/b3ef8914adcb9f2ea63999d1d82345ae7b98002b))
+
+
+
+
+
 # [2.58.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.57.0...@awes-io/ui@2.58.0) (2022-08-08)
 
 

package/assets/css/components/header-notification.css

@@ -1,6 +1,7 @@
 .aw-header-notification {
     display: flex;
     align-items: flex-start;
+    padding-top: env(safe-area-inset-top, 0px);
 
     &__content {
         flex-grow: 1;

package/assets/css/flags.css

@@ -9,6 +9,21 @@
     background-position: -0px -48px;
 }
 
+.flag-2x-wrap {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.5rem;
+    height: 1.5rem;
+    vertical-align: middle;
+
+    .flag {
+        display: block !important;
+        flex-shrink: 0;
+        transform: scale(0.5);
+    }
+}
+
 .flag.ABKHAZIA { background-position: -0px -0px; }
 .flag.BASQUE-COUNTRY { background-position: -48px -0px; }
 .flag.BRITISH-ANTARCTIC-TERRITORY { background-position: -96px -0px; }

package/components/1_atoms/AwInput.vue

@@ -38,6 +38,7 @@
                     v-bind="mergedAttributes"
                     :value="inputValue"
                     :aria-describedby="errorText ? errorId : null"
+                    :data-error="errorText || hasError || null"
                     v-on="mergedListeners"
                     v-tooltip.show.prepend="errorTooltip"
                     ref="element"

package/components/3_organisms/AwUploader.vue

@@ -191,7 +191,15 @@ export default {
         /**
          * Hide build-in progress bar
          */
-        hideProgress: Boolean
+        hideProgress: Boolean,
+
+        /**
+         * Process FormData before sending
+         */
+        processData: {
+            type: Function,
+            default: null
+        }
     },
 
     data() {
@@ -299,8 +307,13 @@ export default {
                 const [uploader, canceler] = this._createFileRecord(file)
                 const id = uploader.id
                 const data = new FormData()
+
                 data.append('file', file)
 
+                if (isType('Function', this.processData)) {
+                    this.processData(data)
+                }
+
                 /**
                  * Fire on upload start, when browser validation is passed
                  * @arg { id: <Number>, file: <String>, loading: <Boolean>, progress: <Number>, cancel: <Function> }
@@ -378,7 +391,7 @@ export default {
             return ($event) => {
                 const { total, loaded } = $event
                 const progress = Math.round((loaded / total) * 100)
-                uploader.progress = progress
+                this.$set(uploader, 'progress', progress)
                 this.totalProgress = this._getAggregateProgress()
                 /**
                  * Fire on upload start, when browser validation is passed

package/components/5_layouts/_AwLayoutMenu.vue

@@ -64,7 +64,6 @@
 import { mapGetters } from 'vuex'
 import { pathOr, viewOr, lensProp, omit } from 'rambdax'
 import AwMenuItemIcon from '@AwLayouts/_AwMenuItemIcon.vue'
-import AwLayoutLogo from '@AwLayouts/_AwLayoutLogo.vue'
 import AwUserMenu from '@AwLayouts/_AwUserMenu.vue'
 import AwNav from '@AwLayouts/_AwNav.vue'
 
@@ -73,7 +72,7 @@ export default {
 
     components: {
         AwMenuItemIcon,
-        AwLayoutLogo,
+        AwLayoutLogo: () => import('@AwLayouts/_AwLayoutLogo.vue'),
         AwUserMenu,
         AwNav
     },

package/components/5_layouts/_AwMobileMenu.vue

@@ -163,7 +163,8 @@ export default {
     name: 'AwMobileMenu',
 
     components: {
-        AwMobileMenuNav
+        AwMobileMenuNav,
+        AwLayoutLogo: () => import('@AwLayouts/_AwLayoutLogo.vue')
         // AwMobileMenuItem
     },
 

package/components/5_layouts/_AwNoty.vue

@@ -1,5 +1,6 @@
 <template functional>
     <div
+        :data-testid="props.testId"
         :class="{
             'bg-overlay': props.icon,
             [`bg-${props.type}`]: !props.icon,
@@ -73,6 +74,11 @@ export default {
     },
 
     props: {
+        testId: {
+            type: String,
+            required: true
+        },
+
         type: {
             type: String,
             required: true,

package/components/5_layouts/_AwNotyContainer.vue

@@ -23,7 +23,7 @@
 import { isType } from 'rambdax'
 import AwNoty from '@AwLayouts/_AwNoty.vue'
 
-let _notifyId = 0
+let _notifyId = 1
 
 export default {
     name: 'AwNotyContainer',
@@ -62,6 +62,7 @@ export default {
 
             const id = _notifyId++
             item.id = id
+            item.testId = item.testId || 'notifi-' + id
 
             const removeAfter = parseInt(item.timeout)
             if (removeAfter && !isNaN(removeAfter)) {

package/nuxt/index.js

@@ -1,6 +1,6 @@
 import { mergeDeepRight, pick, omit, uniq, endsWith, partition } from 'rambdax'
 import { existsSync, readdirSync, readFileSync, lstatSync } from 'fs'
-import { join, resolve } from 'path'
+import { join, resolve, sep } from 'path'
 import resolveConfig from 'tailwindcss/resolveConfig'
 import {
     default as configDefault,
@@ -16,6 +16,12 @@ const configDark = mergeDeepRight(configDefault, dark)
 
 export const MODULE_DIR = 'awes-io'
 
+const fixWindowsPath = (path) =>
+    path
+        .replace(/^\\\\\?\\/, '')
+        .replace(/\\/g, '/')
+        .replace(/\/\/+/g, '/')
+
 async function AwesIoUi() {
     /**
      * Check store existance
@@ -246,8 +252,8 @@ async function AwesIoUi() {
 
         this.addLayout(
             {
-                src: resolve(layoutsPath, file),
-                fileName: join(MODULE_DIR, file)
+                src: fixWindowsPath(resolve(layoutsPath, file)),
+                fileName: fixWindowsPath(join(MODULE_DIR, file))
             },
             file.replace('.vue', '')
         )
@@ -290,13 +296,16 @@ async function AwesIoUi() {
                 .reduce(collectComponents, acc)
         } else if (stat.isFile()) {
             const name = entry
-                .split('/')
+                .split(sep)
                 .pop()
                 .replace(/\.(vue|js)$/, '')
 
             return name.startsWith('_')
                 ? acc
-                : acc.concat({ name, path: entry })
+                : acc.concat({
+                      name,
+                      path: fixWindowsPath(entry)
+                  })
         } else {
             return acc
         }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@awes-io/ui",
-    "version": "2.58.0",
+    "version": "2.59.0",
     "description": "User Interface (UI) components",
     "keywords": [
         "ui",
@@ -122,5 +122,5 @@
         "vue-template-compiler": "^2.6.10",
         "webfonts-generator": "^0.4.0"
     },
-    "gitHead": "50a0c95ae90eb488c21b2ee75055dfeb4b36f8db"
+    "gitHead": "3f9da3ad6aaf3aee398718c495468565018c2ecd"
 }