@webitel/ui-sdk 24.12.4 → 24.12.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "24.12.4",
+  "version": "24.12.6",
   "private": false,
   "scripts": {
     "dev": "vite",
@@ -100,7 +100,7 @@
     "src/plugins/*",
     "src/store/*",
     "src/tests/*",
-    "src/install.js",
+    "src/install.ts",
     "CHANGELOG.md"
   ],
   "dependencies": {
@@ -137,11 +137,14 @@
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
+    "@tsconfig/node22": "^22.0.0",
+    "@types/node": "^22.9.1",
     "@vitejs/plugin-vue": "^5.2.0",
     "@vitest/coverage-v8": "^2.1.5",
     "@vue/compat": "^3.5.13",
     "@vue/compiler-sfc": "^3.5.13",
     "@vue/test-utils": "^2.4.6",
+    "@vue/tsconfig": "^0.6.0",
     "globby": "^14.0.2",
     "happy-dom": "^15.11.6",
     "markdown-it": "^14.1.0",
@@ -151,7 +154,10 @@
     "postcss-prefix-selector": "^2.1.0",
     "prismjs": "^1.29.0",
     "sass": "^1.81.0",
+    "typescript": "5.6.3",
+    "typescript-plugin-css-modules": "^5.1.0",
     "vite": "^5.4.11",
+    "vite-plugin-checker": "^0.8.0",
     "vite-plugin-node-polyfills": "^0.22.0",
     "vite-plugin-static-copy": "^2.1.0",
     "vite-plugin-svg-sprite": "^0.5.2",
@@ -159,6 +165,7 @@
     "vitepress": "1.5.0",
     "vitest": "^2.1.5",
     "vue": "^3.5.13",
+    "vue-tsc": "^2.1.10",
     "vuex": "^4.1.0"
   },
   "optionalDependencies": {

package/src/components/wt-empty/wt-empty.vue

@@ -124,7 +124,7 @@
 
 import { computed, useSlots } from 'vue';
 import ComponentSize from '../../enums/ComponentSize/ComponentSize.enum.js';
-import { greaterOrEqual, smallerOrEqual } from '../../scripts/compareSize.js';
+import { greaterOrEqual, smallerOrEqual } from '../../scripts/compareSize.ts';
 import WtImage from '../wt-image/wt-image.vue';
 
 const props = defineProps({

package/src/components/wt-icon-btn/wt-icon-btn.vue

@@ -14,17 +14,19 @@
   </button>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import WtIcon from '../wt-icon/wt-icon.vue';
 
-const props = defineProps({
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-});
+const {
+  disabled = false,
+} = defineProps<{
+  disabled?: boolean
+}>();
 
-const emit = defineEmits(['click', 'mousedown']);
+const emit = defineEmits<{
+  click: MouseEvent[]
+  mousedown: MouseEvent[]
+}>();
 </script>
 
 <style lang="scss">

package/src/modules/QueryFilters/components/filter-from-to.vue

@@ -87,7 +87,8 @@ export default {
     },
 
     async setFrom(value) {
-      const filterValue = { from: value, to: this.value.to };
+      const from = value ? value : null; // if value is empty, set it to null
+      const filterValue = { from, to: this.value.to };
       await this.setValue({ filter: this.filterQuery, value: filterValue });
       await this.setValueToQuery({
         filterQuery: `${this.filterQuery}From`,
@@ -96,7 +97,8 @@ export default {
     },
 
     async setTo(value) {
-      const filterValue = { from: this.value.from, to: value };
+      const to = value ? value : null; // if value is empty, set it to null
+      const filterValue = { from: this.value.from, to };
       await this.setValue({ filter: this.filterQuery, value: filterValue });
       await this.setValueToQuery({
         filterQuery: `${this.filterQuery}To`,

package/src/scripts/{compareSize.js → compareSize.ts}

@@ -1,5 +1,13 @@
 import ComponentSize from '../enums/ComponentSize/ComponentSize.enum.js';
 
+export enum eComponentSize {
+    XS = 'xs',
+    SM = 'sm',
+    MD = 'md',
+    LG = 'lg',
+    XL = 'xl',
+}
+
 const numerics = Object.values(ComponentSize).reduce((nums, size, index) => {
   return {
     ...nums,
@@ -59,6 +67,6 @@ export const greaterThen = (s1, s2) => {
  * @param s2
  * @returns {boolean}
  */
-export const greaterOrEqual = (s1, s2) => {
+export const greaterOrEqual = (s1: eComponentSize, s2: eComponentSize): boolean => {
   return compareSize(s1, s2) >= 0;
 };

package/src/scripts/index.js

@@ -19,7 +19,7 @@ import {
   greaterOrEqual as sizeGreaterOrEqual,
   smallerThen as sizeSmallerThen,
   greaterThen as sizeGreaterThen,
-} from './compareSize.js';
+} from './compareSize.ts';
 import {
   camelToSnake,
   camelToKebab,