@awes-io/ui 2.58.0 → 2.59.1

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.59.1](https://github.com/awes-io/client/compare/@awes-io/ui@2.59.0...@awes-io/ui@2.59.1) (2022-10-20)
+
+
+### Bug Fixes
+
+* **aw-table-builder:** skip onfetch hook if table unmounted ([284fafd](https://github.com/awes-io/client/commit/284fafdad291c2a976871859f4964c520e23ed89))
+
+
+
+
+
+# [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/AwTable/AwTableBuilder.vue

@@ -278,6 +278,7 @@ export default {
         return {
             defaultCol: null,
             isResetPage: true,
+            isAborted: false,
             pagination: {
                 total: null,
                 limit: DEFAULT_LIMITS[0]
@@ -408,6 +409,7 @@ export default {
                 if (oldVal && this.scrollOnPage) {
                     this._scrollTop()
                 }
+
                 this.fetch()
             }
         },
@@ -416,6 +418,7 @@ export default {
             if (this.scrollOnPage) {
                 this._scrollTop()
             }
+
             this.fetch()
         }
     },
@@ -438,7 +441,10 @@ export default {
         })
 
         this.collection.onFetchSuccess = (response) => {
+            if (this.isAborted) return
+
             this._setPagination(response)
+
             if (isType('Function', _oldOnFetchFuccess)) {
                 _oldOnFetchFuccess(response)
             }
@@ -447,9 +453,12 @@ export default {
         this.collection.isPaginated = () => this.infiniteScroll
 
         this.$once('hook:beforeDestroy', () => {
+            this.isAborted = true
+
             this.collection.getFetchQuery = _oldGetFetchQuery
             this.collection.onFetchSuccess = _oldOnFetchFuccess
             this.collection.isPaginated = _oldIsPaginated
+
             _oldGetFetchQuery = null
             _oldOnFetchFuccess = null
             _oldIsPaginated = null
@@ -470,6 +479,7 @@ export default {
 
         fetchMore() {
             const page = this.collection.models.length / this.limit
+
             this.collection
                 .page(1)
                 .fetch({
@@ -487,7 +497,9 @@ export default {
 
         onTheadClick(col) {
             const orderable = col.orderable
+
             this.$emit(TABLE_HEAD_CLICK_EVENT, col)
+
             if (orderable) {
                 const isAskValPresent =
                     this.$route.query[orderable.param] === orderable.ascValue
@@ -535,6 +547,7 @@ export default {
         _isColDefault(col) {
             const isParamPresent =
                 Object.keys(this.$route.query).indexOf(col.orderable.param) > -1
+
             return !isParamPresent && col.orderable.default
         },
 
@@ -594,6 +607,7 @@ export default {
             if (!this.$slots.default) {
                 return null
             }
+
             const filtered = this.$slots.default.filter((el) =>
                 pathOr(
                     false,
@@ -601,6 +615,7 @@ export default {
                     el
                 )
             )
+
             return filtered.length ? filtered[0] : null
         }
     }

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/nuxt/templates/lang.plugin.js

@@ -101,8 +101,10 @@ export default async ({ app, $axios }) => {
     let _browserLang = toLocale(navigator.language)
 
     if (!localeCodes.includes(_browserLang)) {
-        _browserLang = navigator.languages.find(locale =>
-            localeCodes.includes(toLocale(locale))
+        _browserLang = toLocale(
+            navigator.languages.find(locale =>
+                localeCodes.includes(toLocale(locale))
+            )
         )
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@awes-io/ui",
-    "version": "2.58.0",
+    "version": "2.59.1",
     "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": "b2e9cb0962e02a99d51c9d57dd1ee0b5d9459495"
 }