@veritree/ui 0.83.0 → 0.83.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritree/ui",
-  "version": "0.83.0",
+  "version": "0.83.2",
   "description": "veritree ui library",
   "type": "module",
   "main": "index.js",

package/src/components/Button/VTButton.vue

@@ -8,11 +8,7 @@
     :disabled="isDisabled"
     :class="[
       // default styles
-      headless
-        ? 'button'
-        : isIcon
-          ? 'relative inline-flex items-center justify-center rounded-full [&_svg]:max-h-full [&_svg]:max-w-full'
-          : 'button-base',
+      headless ? 'button' : isIcon ? null : 'button-base',
       // variant styles
       headless
         ? `button--${variant}`
@@ -23,11 +19,11 @@
               ? 'border-gray-500 text-gray-100 hover:bg-white hover:text-gray-700'
               : 'button--secondary'
             : isTertiary
-              ? 'border-transparent text-gray-600 hover:text-gray-800 focus:text-gray-800 active:text-gray-800 disabled:text-gray-400'
+              ? 'button--tertiary'
               : isDark
-                ? 'border-transparent bg-gray-800 text-white hover:bg-gray-700 active:bg-gray-600 disabled:bg-gray-200 disabled:text-gray-400'
+                ? 'button--dark'
                 : isIcon
-                  ? 'text-primary-100 focus-within:bg-gray-200 hover:bg-gray-200 active:bg-gray-300 disabled:bg-gray-200 disabled:text-gray-400'
+                  ? 'button--icon'
                   : null,
       // sizes styles
       headless

package/src/components/Disclosure/VTDisclosureIcon.vue

@@ -22,36 +22,10 @@ export default {
     },
   },
 
-  // data() {
-  //   return {
-  //     expanded: false,
-  //   };
-  // },
-
   computed: {
-    // id() {
-    //   return this.apiDetails().idIcon;
-    // },
-
-    // idGroup() {
-    //   return this.apiDetails().idGroup;
-    // },
-
     expanded() {
       return this.apiDetails().visible;
     },
   },
-
-  mounted() {
-    // const icon = {
-    //   id: this.id,
-    //   idGroup: this.idGroup,
-    // };
-    // this.apiDisclosure().register('icons', icon);
-  },
-
-  beforeDestroy() {
-    // this.apiDisclosure().unregister('icons', this.id);
-  },
 };
 </script>

package/src/components/Form/VTInputNumber.vue

@@ -66,6 +66,10 @@ export default {
     return {
       event: null,
       key: null,
+      /**
+       * @property {boolean} isDirty - Indicates whether the input field has been modified by the user.
+       */
+      isDirty: false,
     };
   },
 
@@ -97,9 +101,15 @@ export default {
           options = {};
         }
 
-        const number = Number(this.value).toLocaleString(this.locale, options);
+        if (this.value === null || this.value === undefined) {
+          return null;
+        }
+
+        if (this.value === 0 && !this.isDirty) {
+          return null;
+        }
 
-        return number === '0' ? null : number;
+        return Number(this.value).toLocaleString(this.locale, options);
       },
       set(value) {
         // value without formatting that will be
@@ -123,6 +133,10 @@ export default {
     },
   },
 
+  beforeDestroy() {
+    this.isDirty = false;
+  },
+
   methods: {
     /**
      * Unformats a formatted number string by removing commas and converting it to an integer.
@@ -164,6 +178,7 @@ export default {
     onInput(e) {
       this.event = 'input';
       this.valueComputed = e.target.value;
+      this.isDirty = true;
     },
 
     onBlur(e) {
@@ -187,6 +202,11 @@ export default {
      * @param {Event} e - The keydown event object.
      */
     onKeyDown(e) {
+      // if select all (Ctrl + A) is pressed, don't prevent default
+      if (e.key === 'a' && (e.ctrlKey || e.metaKey)) {
+        return;
+      }
+
       if (
         !/^[0-9.,]$/.test(e.key) &&
         !['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab'].includes(