@budibase/bbui 3.4.3 → 3.4.4

package/dist/bbui.mjs

@@ -2027,14 +2027,17 @@ function instance$1_(f, u, p) {
   }, ee = () => {
     D || S || p(9, K = !0);
   }, te = (De) => {
-    D || S || (p(9, K = !1), $(De.target.value));
+    var le;
+    D || S || (p(9, K = !1), $((le = De == null ? void 0 : De.target) == null ? void 0 : le.value));
   }, pe = (De) => {
-    D || !R || S || $(De.target.value);
+    var le;
+    D || !R || S || $((le = De.target) == null ? void 0 : le.value);
   }, ge = (De) => {
-    D || S || De.key === "Enter" && $(De.target.value);
+    var le;
+    D || S || De.key === "Enter" && $((le = De.target) == null ? void 0 : le.value);
   }, oe = (De) => De === "bigint" ? "numeric" : De === "number" ? "decimal" : "text";
   onMount(async () => {
-    S || (p(9, K = N), K && (await tick(), Y.focus()));
+    S || (p(9, K = N || !1), K && (await tick(), Y.focus()));
   });
   function Se(De) {
     bubble.call(this, f, De);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@budibase/bbui",
   "description": "A UI solution used in the different Budibase projects.",
-  "version": "3.4.3",
+  "version": "3.4.4",
   "license": "MPL-2.0",
   "svelte": "src/index.ts",
   "module": "dist/bbui.mjs",
@@ -99,5 +99,5 @@
       }
     }
   },
-  "gitHead": "2983095231e843a4d78238f2c167b5e01f9a40d1"
+  "gitHead": "5206c3baf1a9bc204b236a692cf22add10fcbb20"
 }

package/src/Form/Core/TextField.svelte

@@ -1,8 +1,9 @@
 <script lang="ts">
   import "@spectrum-css/textfield/dist/index-vars.css"
   import { createEventDispatcher, onMount, tick } from "svelte"
+  import type { UIEvent } from "@budibase/types"
 
-  export let value = null
+  export let value: string | null = null
   export let placeholder: string | undefined = undefined
   export let type = "text"
   export let disabled = false
@@ -11,7 +12,7 @@
   export let updateOnChange = true
   export let quiet = false
   export let align: "left" | "right" | "center" | undefined = undefined
-  export let autofocus = false
+  export let autofocus: boolean | null = false
   export let autocomplete: boolean | undefined
 
   const dispatch = createEventDispatcher()
@@ -24,7 +25,7 @@
       return
     }
     if (type === "number") {
-      const float = parseFloat(newValue)
+      const float = parseFloat(newValue as string)
       newValue = isNaN(float) ? null : float
     }
     dispatch("change", newValue)
@@ -37,31 +38,31 @@
     focus = true
   }
 
-  const onBlur = (event: any) => {
+  const onBlur = (event: UIEvent) => {
     if (readonly || disabled) {
       return
     }
     focus = false
-    updateValue(event.target.value)
+    updateValue(event?.target?.value)
   }
 
-  const onInput = (event: any) => {
+  const onInput = (event: UIEvent) => {
     if (readonly || !updateOnChange || disabled) {
       return
     }
-    updateValue(event.target.value)
+    updateValue(event.target?.value)
   }
 
-  const updateValueOnEnter = (event: any) => {
+  const updateValueOnEnter = (event: UIEvent) => {
     if (readonly || disabled) {
       return
     }
     if (event.key === "Enter") {
-      updateValue(event.target.value)
+      updateValue(event.target?.value)
     }
   }
 
-  const getInputMode = (type: any) => {
+  const getInputMode = (type: string) => {
     if (type === "bigint") {
       return "numeric"
     }
@@ -77,7 +78,7 @@
 
   onMount(async () => {
     if (disabled) return
-    focus = autofocus
+    focus = autofocus || false
     if (focus) {
       await tick()
       field.focus()