@awes-io/ui 2.59.1 → 2.60.0

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.60.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.59.2...@awes-io/ui@2.60.0) (2022-12-19)
+
+
+### Features
+
+* **aw-calendar:** allow to select single day range ([c787bf7](https://github.com/awes-io/client/commit/c787bf79d81f5c1738a069e46cb650a9002a0de8))
+
+
+
+
+
+## [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)
 
 

package/assets/css/components/date.css

@@ -1,7 +1,7 @@
 .aw-date {
     position: relative;
 
-    &__dropdown {
+    &__dropdown .aw-dropdown__content--desktop {
         max-height: unset;
         max-width: 100%;
         display: flex;
@@ -10,6 +10,10 @@
 
     &__calendar {
         max-width: theme('maxWidth.xs');
+
+        & + & {
+            @apply border-l;
+        }
     }
 
     &__range:before,
@@ -35,6 +39,10 @@
         left: 50%;
     }
 
+    &__range-start&__range-end:before {
+        opacity: 0;
+    }
+
     & i {
         @apply not-italic;
     }

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/AwDate.vue

@@ -136,7 +136,10 @@ export default {
                 result.push(this._startDayjs)
             }
 
-            if (this._endDayjs) {
+            if (
+                this._endDayjs &&
+                !this._endDayjs.isSame(this._startDayjs, 'day')
+            ) {
                 result.push(this._endDayjs)
             }
 

package/mixins/calendar.js

@@ -341,12 +341,12 @@ export default {
                     // set first value in range
                     this.$emit('input', null)
                     this.tempValue = dayjs
-                    this.hoverValue = null
+                    this.hoverValue = dayjs.clone()
                     this._toggleHoverListener(true)
                     return
                 } else {
                     // break if same day
-                    if (dayjs.isSame(this.tempValue, 'day')) return
+                    // if (dayjs.isSame(this.tempValue, 'day')) return
 
                     // emit event and close dropdown
                     const start = this._fromDayjs(this._startDayjs)

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@awes-io/ui",
-    "version": "2.59.1",
+    "version": "2.60.0",
     "description": "User Interface (UI) components",
     "keywords": [
         "ui",
@@ -61,7 +61,7 @@
         "cookies": "^0.8.0",
         "core-js": "^2.6.5",
         "croppie": "^2.6.5",
-        "dayjs": "^1.10.7",
+        "dayjs": "^1.11.6",
         "hammerjs": "^2.0.8",
         "insane": "^2.6.2",
         "js-cookie": "^2.2.1",
@@ -122,5 +122,5 @@
         "vue-template-compiler": "^2.6.10",
         "webfonts-generator": "^0.4.0"
     },
-    "gitHead": "b2e9cb0962e02a99d51c9d57dd1ee0b5d9459495"
+    "gitHead": "114c5a47467339824b67b1788302bb1e4d2eec37"
 }