@bexis2/bexis2-core-ui 0.4.103 → 0.4.104

package/README.md

@@ -1,4 +1,10 @@
 # bexis-core-ui
+## 0.4.104
+- Description
+  - always return description from input container
+- Big table
+  - add DB put, delete and replace
+
 ## 0.4.103
 - Big Table
   - fix DB communication 
@@ -8,27 +14,32 @@
   - add integerOnly flag to prevent add numbers instead of integers
 
 ## 0.4.101
+
+- NumericInput
+  - add integerOnly flag to prevent add numbers instead of integers
 - Checkbox
   - fix layout
 
 ## 0.4.100
+
 - Big Table
   - support DB changes
 
 ## 0.4.99
+
 - Support label and titel in each form component
 
 ## 0.4.98
-- Table:
-   - fix column read detection
 
+- Table:
+  - fix column read detection
 
 ## 0.4.97
+
 - Table:
   - handle 20 000+ rows client side
   - fix item count server side table not shown
 
-
 ## 0.4.96
 
 - ServerSideTable

package/dist/components/Table/clientDB.d.ts

@@ -22,6 +22,13 @@ export default class ClientDB {
     clear(): Promise<void>;
     ensureIndex(columnName: any): Promise<void>;
     getByIndex(columnName: any, value: any): Promise<any>;
+    replace(records: any): Promise<{
+        tableId: any;
+        count: any;
+    }>;
     put(record: any): Promise<any>;
+    bulkPut(records: any): Promise<any[]>;
+    delete(key: any): Promise<any>;
+    bulkDelete(keys: any): Promise<void>;
     destroy(): void;
 }

package/dist/components/Table/clientDB.js

@@ -326,6 +326,21 @@ export default class ClientDB {
     });
   }
 
+  async replace(records) {
+    await this._ensureDB();
+    await new Promise((resolve, reject) => {
+      const tx = this.db.transaction('rows', 'readwrite');
+      const store = tx.objectStore('rows');
+      store.clear();
+      for (let i = 0; i < records.length; i++) {
+        store.add({ __r: records[i] });
+      }
+      tx.oncomplete = () => resolve(undefined);
+      tx.onerror = () => reject(tx.error);
+    });
+    return { tableId: this.tableId, count: records.length };
+  }
+
   async put(record) {
     await this._ensureDB();
     return new Promise((resolve, reject) => {
@@ -337,6 +352,46 @@ export default class ClientDB {
     });
   }
 
+  async bulkPut(records) {
+    await this._ensureDB();
+    const keys = [];
+    await new Promise((resolve, reject) => {
+      const tx = this.db.transaction('rows', 'readwrite');
+      const store = tx.objectStore('rows');
+      for (let i = 0; i < records.length; i++) {
+        const req = store.put(records[i]);
+        req.onsuccess = () => keys.push(req.result);
+      }
+      tx.oncomplete = () => resolve(keys);
+      tx.onerror = () => reject(tx.error);
+    });
+    return keys;
+  }
+
+  async delete(key) {
+    await this._ensureDB();
+    return new Promise((resolve, reject) => {
+      const tx = this.db.transaction('rows', 'readwrite');
+      const store = tx.objectStore('rows');
+      const req = store.delete(key);
+      req.onsuccess = () => resolve(req.result);
+      req.onerror = () => reject(req.error);
+    });
+  }
+
+  async bulkDelete(keys) {
+    await this._ensureDB();
+    await new Promise((resolve, reject) => {
+      const tx = this.db.transaction('rows', 'readwrite');
+      const store = tx.objectStore('rows');
+      for (let i = 0; i < keys.length; i++) {
+        store.delete(keys[i]);
+      }
+      tx.oncomplete = () => resolve(undefined);
+      tx.onerror = () => reject(tx.error);
+    });
+  }
+
   destroy() {
     if (this.db) {
       this.db.close();

package/dist/components/form/InputContainer.svelte

@@ -15,17 +15,13 @@ export function onMouseOver() {
   if (help) {
     helpStore.show(id);
   }
-  if (description.length > 0) {
-    dispatch("showDescription", { id, description });
-  }
+  dispatch("showDescription", { id, description });
 }
 export function onMouseOut() {
   if (help) {
     helpStore.hide(id);
   }
-  if (description.length > 0) {
-    dispatch("hideDescription", { id });
-  }
+  dispatch("hideDescription", { id });
 }
 </script>
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bexis2/bexis2-core-ui",
-	"version": "0.4.103",
+	"version": "0.4.104",
 	"private": false,
 	"description": "Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).",
 	"keywords": [

package/src/lib/components/Table/clientDB.js

@@ -326,6 +326,21 @@ export default class ClientDB {
     });
   }
 
+  async replace(records) {
+    await this._ensureDB();
+    await new Promise((resolve, reject) => {
+      const tx = this.db.transaction('rows', 'readwrite');
+      const store = tx.objectStore('rows');
+      store.clear();
+      for (let i = 0; i < records.length; i++) {
+        store.add({ __r: records[i] });
+      }
+      tx.oncomplete = () => resolve(undefined);
+      tx.onerror = () => reject(tx.error);
+    });
+    return { tableId: this.tableId, count: records.length };
+  }
+
   async put(record) {
     await this._ensureDB();
     return new Promise((resolve, reject) => {
@@ -337,6 +352,46 @@ export default class ClientDB {
     });
   }
 
+  async bulkPut(records) {
+    await this._ensureDB();
+    const keys = [];
+    await new Promise((resolve, reject) => {
+      const tx = this.db.transaction('rows', 'readwrite');
+      const store = tx.objectStore('rows');
+      for (let i = 0; i < records.length; i++) {
+        const req = store.put(records[i]);
+        req.onsuccess = () => keys.push(req.result);
+      }
+      tx.oncomplete = () => resolve(keys);
+      tx.onerror = () => reject(tx.error);
+    });
+    return keys;
+  }
+
+  async delete(key) {
+    await this._ensureDB();
+    return new Promise((resolve, reject) => {
+      const tx = this.db.transaction('rows', 'readwrite');
+      const store = tx.objectStore('rows');
+      const req = store.delete(key);
+      req.onsuccess = () => resolve(req.result);
+      req.onerror = () => reject(req.error);
+    });
+  }
+
+  async bulkDelete(keys) {
+    await this._ensureDB();
+    await new Promise((resolve, reject) => {
+      const tx = this.db.transaction('rows', 'readwrite');
+      const store = tx.objectStore('rows');
+      for (let i = 0; i < keys.length; i++) {
+        store.delete(keys[i]);
+      }
+      tx.oncomplete = () => resolve(undefined);
+      tx.onerror = () => reject(tx.error);
+    });
+  }
+
   destroy() {
     if (this.db) {
       this.db.close();

package/src/lib/components/form/InputContainer.svelte

@@ -19,20 +19,14 @@
 		if (help) {
 			helpStore.show(id);
 		}
-		if (description.length > 0) {
-			// dispatch an event to show the description
-			dispatch('showDescription', { id, description });
-		}
+		dispatch('showDescription', { id, description });
 	}
 
 	export function onMouseOut() {
 		if (help) {
 			helpStore.hide(id);
 		}
-		if (description.length > 0) {
-			// dispatch an event to hide the description
-			dispatch('hideDescription', { id });
-		}
+		dispatch('hideDescription', { id });
 	}
 </script>