@milaboratories/uikit 2.2.29 → 2.2.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/uikit",
-  "version": "2.2.29",
+  "version": "2.2.31",
   "type": "module",
   "main": "dist/pl-uikit.umd.js",
   "module": "dist/pl-uikit.js",
@@ -33,8 +33,8 @@
     "yarpm": "^1.2.0",
     "svgo": "^3.3.2",
     "@milaboratories/eslint-config": "^1.0.0",
-    "@platforma-sdk/model": "^1.18.0",
-    "@milaboratories/helpers": "^1.6.9"
+    "@milaboratories/helpers": "^1.6.9",
+    "@platforma-sdk/model": "^1.18.0"
   },
   "scripts": {
     "dev": "vite",

package/src/components/PlDropdownLine/PlDropdownLine.vue

@@ -68,11 +68,7 @@ const modelText = computed<string>(() => {
     const index = getIndexForModelInItems();
     if (index !== -1) {
       const item = normalizeListOptions(props.options)[index];
-      if (typeof item['label'] === 'object') {
-        return item['label']['title'];
-      } else {
-        return item['label'];
-      }
+      return item.label;
     }
   }
   return '';
@@ -80,6 +76,10 @@ const modelText = computed<string>(() => {
 
 const inputModel = ref(modelText.value);
 
+watch(modelText, (v) => {
+  inputModel.value = v;
+});
+
 const placeholderVal = computed(() => {
   if (data.isOpen) {
     if (searchPhrase.value && searchPhrase.value.length >= modelText.value.length - 1) {
@@ -87,7 +87,7 @@ const placeholderVal = computed(() => {
     }
   }
 
-  return modelText.value ?? '...';
+  return modelText.value || '...';
 });
 
 useClickOutside(container, () => {
@@ -136,7 +136,6 @@ function updateSelected() {
     }),
     (v) => (v < 0 ? 0 : v),
   );
-  inputModel.value = modelText.value;
 }
 
 function resetSearchPhrase() {
@@ -256,7 +255,6 @@ useElementPosition(container, (pos) => {
 </script>
 
 <template>
-  <!-- {{ inputModel }} -->
   <div
     ref="container"
     tabindex="0"

package/src/components/PlDropdownLine/ResizableInput.vue

@@ -5,19 +5,18 @@ import { computed } from 'vue';
 const props = defineProps<{
   modelValue?: string;
   placeholder?: string;
-  value?: string;
   disabled?: boolean;
   maxWidth?: string;
   width?: string;
 }>();
 
-const emit = defineEmits(['input', 'update:modelValue']);
+const emit = defineEmits(['update:modelValue']);
 
 const text = computed(() => {
   if (props.placeholder) {
     return props.placeholder;
   }
-  return (props.modelValue || props.value)?.replace('"', '');
+  return (props.modelValue)?.replace('"', '');
 });
 
 const styles = computed(() => {
@@ -32,8 +31,7 @@ const styles = computed(() => {
 });
 
 function handleInput(event: Event) {
-  const value = (event.target as HTMLInputElement).value;
-  emit('update:modelValue', value);
+  emit('update:modelValue', (event.target as HTMLInputElement).value);
 }
 </script>
 

package/src/components/PlDropdownLine/resizable-input.scss

@@ -31,11 +31,11 @@
         background: none;
         color: inherit;
         top: 0;
-        left: 6px;
+        left: 0;
+        right: 0;
         font-size: inherit;
         line-height: inherit;
         position: absolute;
         box-sizing: border-box;
-        width: 100%;
     }
 }