@awes-io/ui 2.59.0 → 2.59.2

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.2](https://github.com/awes-io/client/compare/@awes-io/ui@2.59.1...@awes-io/ui@2.59.2) (2022-11-14)
+
+
+### Bug Fixes
+
+* **aw-select-object:** mobile overflow fixed ([2a76f28](https://github.com/awes-io/client/commit/2a76f2870368fd10675aadba30104e9fae84ecd7))
+
+
+
+
+
+## [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)
 
 

package/assets/css/components/text-field.css

@@ -62,6 +62,15 @@
         }
     }
 
+    &__fake-input {
+        --icon-width: 2.5rem;
+        --icon-count: 0;
+        display: block;
+        height: calc(1em * theme('lineHeight.normal', 1.5));
+        min-width: 0;
+        max-width: calc(100% - calc(var(--icon-count) * var(--icon-width)));
+    }
+
     /**
      * Textarea styles
      */

package/components/2_molecules/_AwSelectFakeInput.vue

@@ -1,7 +1,7 @@
 <template>
     <div
         ref="element"
-        class="flex aw-text-field is-text"
+        class="flex max-w-full aw-text-field is-text"
         :class="{
             'is-filled': value === 0 || !!value,
             'has-label': !!label,
@@ -29,11 +29,12 @@
                 tabindex="0"
                 :class="paddingClass"
             >
-                <span v-if="inputValue" class="block h-6">
-                    {{ inputValue }}
-                </span>
-                <span v-else class="block h-6 opacity-50">
-                    {{ placeholder }}
+                <span
+                    class="aw-text-field__fake-input truncate"
+                    :class="{ 'opacity-50': !inputValue }"
+                    :style="{ '--icon-count': iconCount }"
+                >
+                    {{ inputValue || placeholder }}
                 </span>
             </span>
             <span
@@ -126,6 +127,10 @@ export default {
     computed: {
         paddingClass() {
             return this.size === 'md' ? 'p-3' : 'p-2'
+        },
+
+        iconCount() {
+            return 0 + this.clearable + this.caret
         }
     }
 }

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/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.59.0",
+    "version": "2.59.2",
     "description": "User Interface (UI) components",
     "keywords": [
         "ui",
@@ -122,5 +122,5 @@
         "vue-template-compiler": "^2.6.10",
         "webfonts-generator": "^0.4.0"
     },
-    "gitHead": "3f9da3ad6aaf3aee398718c495468565018c2ecd"
+    "gitHead": "84992959b312b8b6a76f69c5294b2381bd36e6c6"
 }