@kws3/ui 1.5.6 → 1.5.7

package/datagrid/DataSearch/DataSearch.svelte

@@ -106,19 +106,24 @@
 
   let query = "",
     _filters = [],
-    filterVals = {};
+    filterVals = {},
+    filterWidthStyle = "";
 
   $: usedFilterComponent = filterComponent ? filterComponent : SearchFilter;
-  $: filterWidthStyle = hasSearch
-    ? `max-width:${(1 / (_filters.length + 2)) * 100}%`
-    : "";
   $: changed = q && q.trim() != "";
   $: q, qHasChanged();
   $: filters, filtersHaveChanged();
 
+  function calculateMaxWidths() {
+    filterWidthStyle = hasSearch
+      ? `max-width:${(1 / (_filters.length + 2)) * 100}%`
+      : "";
+  }
+
   function filtersHaveChanged() {
     if (filters) {
       _filters = [];
+      let temp = [];
       for (let i in filters) {
         let obj = { name: i, options: [], type: "select" };
         if (Array.isArray(filters[i])) {
@@ -131,9 +136,12 @@
             obj.type = filters[i].type;
           }
         }
-        _filters.push(obj);
+        temp.push(obj);
       }
+      _filters = temp;
     }
+
+    calculateMaxWidths();
   }
 
   function qHasChanged() {

package/helpers/Nl2br.svelte

@@ -16,5 +16,5 @@
    * Text to process and output
    */
   export let text = "";
-  $: text_parts = text ? text.split("\n") : "";
+  $: text_parts = text && typeof text == "string" ? text.split("\n") : "";
 </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kws3/ui",
-  "version": "1.5.6",
+  "version": "1.5.7",
   "description": "UI components for use with Svelte v3 applications.",
   "main": "index.js",
   "scripts": {
@@ -28,5 +28,5 @@
     "text-mask-core": "^5.1.2",
     "tippy.js": "^6.3.1"
   },
-  "gitHead": "5407d734edfb24c11ce03621e5e41ed0777fad5a"
+  "gitHead": "68ac0e4a0c88268dac739f25bcc16fab2b6ea941"
 }