@kws3/ui 4.5.8 → 5.0.0-alpha.7

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": "5.0.0-alpha.7",
   "description": "UI components for use with Svelte v3 applications.",
   "main": "index.js",
   "scripts": {
@@ -11,6 +11,7 @@
   "keywords": [
     "components",
     "svelte3",
+    "svelte4",
     "ui"
   ],
   "author": "Khaled Ahmed <me.khaled@gmail.com>",
@@ -55,7 +56,7 @@
   },
   "peerDependencies": {
     "bulma": "^1.0.0",
-    "svelte": "^4.2.10"
+    "svelte": "^4.2.10 || ^5.51.2"
   },
   "dependencies": {
     "@kws3/text-mask-core": "^5.1.5",
@@ -66,6 +67,5 @@
   },
   "devDependencies": {
     "typescript": "^5.2.2"
-  },
-  "gitHead": "a549b4270c569fb5ec4baa2a5c11c61aff0b24d0"
+  }
 }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2022 KWS3 Media Ltd
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.