@milaboratories/uikit 2.2.76 → 2.2.77

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/uikit",
-  "version": "2.2.76",
+  "version": "2.2.77",
   "type": "module",
   "main": "dist/pl-uikit.umd.js",
   "module": "dist/pl-uikit.js",
@@ -35,8 +35,8 @@
     "svgo": "^3.3.2",
     "@types/d3": "^7.4.3",
     "@milaboratories/helpers": "^1.6.11",
-    "@milaboratories/eslint-config": "^1.0.4",
-    "@platforma-sdk/model": "^1.31.16"
+    "@platforma-sdk/model": "^1.32.1",
+    "@milaboratories/eslint-config": "^1.0.4"
   },
   "scripts": {
     "dev": "vite",

package/src/__tests__/use-debounce-fn.test.ts

@@ -0,0 +1,27 @@
+import { expect, test } from 'vitest';
+import { useDebounceFn } from '@vueuse/core';
+import { delay } from '@milaboratories/helpers';
+
+test('useDebounceFn', async () => {
+  const s = {
+    r: 0,
+  };
+
+  const debouncedFn = useDebounceFn(async (i: number) => {
+    await delay(0);
+    console.log('fn', i);
+    s.r = i;
+  }, 20, { maxWait: 40 });
+
+  const t1 = performance.now();
+  for (let i = 0; i < 10; i++) {
+    await delay(10);
+    debouncedFn(i);
+  }
+
+  console.log('calls span', performance.now() - t1);
+
+  await delay(200);
+  console.log('s.r', s.r);
+  expect(s.r).toBe(9);
+});

package/src/components/PlFileInput/PlFileInput.vue

@@ -9,7 +9,7 @@ import type { ImportFileHandle, ImportProgress } from '@platforma-sdk/model';
 import { getFileNameFromHandle, getFilePathFromHandle } from '@platforma-sdk/model';
 import DoubleContour from '@/utils/DoubleContour.vue';
 import { useLabelNotch } from '@/utils/useLabelNotch';
-import { prettyBytes } from '@milaboratories/helpers';
+import { prettyBytes, tryDo } from '@milaboratories/helpers';
 
 const data = reactive({
   fileDialogOpen: false,
@@ -55,7 +55,7 @@ const props = withDefaults(
     /**
      * An error message to display below the input field.
      */
-    error?: string;
+    error?: unknown;
     /**
      * A helper text to display below the input field when there are no errors.
      */
@@ -99,6 +99,10 @@ const tryValue = <T extends ImportFileHandle>(v: T | undefined, cb: (v: T) => st
   }
 };
 
+const isErrorObject = (error: unknown): error is { message: string } => {
+  return typeof error === 'object' && error != null && 'message' in error && typeof error.message === 'string';
+};
+
 const fileName = computed(() => tryValue(props.modelValue, getFileNameFromHandle));
 
 const filePath = computed(() => tryValue(props.modelValue, getFilePathFromHandle));
@@ -107,9 +111,28 @@ const isUploading = computed(() => props.progress && !props.progress.done);
 
 const isUploaded = computed(() => props.progress && props.progress.done);
 
-const computedError = computed(() => data.error ?? props.error);
+const computedError = computed(() => {
+  let message: undefined | string = undefined;
+
+  if (data.error.length > 0) {
+    message = data.error;
+  } else if (typeof props.error === 'string') {
+    message = props.error;
+  } else if (isErrorObject(props.error)) {
+    message = props.error.message;
+  } else if (props.error != null) {
+    const unknownString = tryDo(() => JSON.stringify(props.error, null, 4), () => String(props.error));
+    message = `Unknown error type:\n${unknownString}`;
+  }
+
+  if (typeof message === 'string' && message.length === 0) {
+    message = 'Empty error';
+  }
+
+  return message;
+});
 
-const hasErrors = computed(() => !!computedError.value);
+const hasErrors = computed(() => typeof computedError.value === 'string' && computedError.value.length > 0);
 
 const uploadStats = computed(() => {
   const { status, done } = props.progress ?? {};