@kws3/ui 4.5.8 → 4.5.9

package/CHANGELOG.mdx

@@ -1,3 +1,8 @@
+## 4.5.9
+ - Remove left border radius on search button in `DataSearch`
+ - `FileUpload` Fix file name not populated in `getFile()`
+ - Fix form comparator so that new or removed object keys trigger `touched`
+
 ## 4.5.8
  - `MultiSelect` Stop overwriting options prop in async mode
 

package/controls/FileUpload.svelte

@@ -158,7 +158,8 @@ The following functions are returned in `event.detail`:
     _uploaded = 0,
     uploadInput,
     uploadField,
-    formData;
+    formData,
+    name = "";
 
   let fileTypes, _progress, maxFileSize;
 
@@ -311,6 +312,7 @@ The following functions are returned in `event.detail`:
 
     if (valid) {
       _total = size;
+      name = file.name;
       formData.append("userfile", file);
       /**
        * Triggered when file is chosen by user.

package/datagrid/DataSearch/DataSearch.svelte

@@ -46,7 +46,7 @@
       {/each}
     {/if}
 
-    <div class="field has-addons action-buttons-field">
+    <div class="field has-addons control action-buttons-field">
       {#if changed}
         <div class="control is-expanded clear-search">
           <button

package/form/index.js

@@ -40,6 +40,12 @@ const formMaker = (config) => {
      * @returns
      */
     let compare = (field, oldData, newData) => {
+      if (typeof oldData === "undefined" && typeof newData !== "undefined") {
+        return true;
+      }
+      if (typeof newData === "undefined" && typeof oldData !== "undefined") {
+        return true;
+      }
       if (Array.isArray(newData[field])) {
         if (
           !Array.isArray(oldData[field]) ||
@@ -131,7 +137,7 @@ const formMaker = (config) => {
   });
 
   const isValid = derived(errors, ($errors) =>
-    Object.values($errors).every((v) => v === "")
+    Object.values($errors).every((v) => v === ""),
   );
 
   /** @param {{ [key: string]: any }} newData */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kws3/ui",
-  "version": "4.5.8",
+  "version": "4.5.9",
   "description": "UI components for use with Svelte v3 applications.",
   "main": "index.js",
   "scripts": {
@@ -67,5 +67,5 @@
   "devDependencies": {
     "typescript": "^5.2.2"
   },
-  "gitHead": "a549b4270c569fb5ec4baa2a5c11c61aff0b24d0"
+  "gitHead": "d8d7a136c4f8eedceea82b98a46e0dd363b267ca"
 }