@kodaris/krubble-components 1.0.16 → 1.0.18

package/dist/krubble.bundled.js

@@ -2384,7 +2384,25 @@ let KRTable = class KRTable extends i$2 {
             case 'opensearch':
                 throw Error('Opensearch not supported yet');
             case 'db':
-                throw Error('DB not supported yet');
+                request = {
+                    page: this._page - 1,
+                    size: this._pageSize,
+                    sorts: [],
+                    filterFields: [],
+                    queryFields: [],
+                    facetFields: []
+                };
+                if (this._searchQuery?.trim().length) {
+                    this._def.columns.filter(col => col.searchable).forEach(col => {
+                        request.queryFields.push({
+                            name: col.id,
+                            operation: 'IS',
+                            value: this._searchQuery,
+                            and: false
+                        });
+                    });
+                }
+                break;
             default: // solr
                 request = {
                     page: this._page - 1,
@@ -2410,7 +2428,12 @@ let KRTable = class KRTable extends i$2 {
                     throw Error('Opensearch not supported yet');
                 }
                 case 'db': {
-                    throw Error('DB not supported yet');
+                    const res = response;
+                    this._data = res.data.content;
+                    this._totalItems = res.data.totalElements;
+                    this._totalPages = res.data.totalPages;
+                    this._pageSize = res.data.size;
+                    break;
                 }
                 default: { // solr
                     const res = response;
@@ -2738,24 +2761,26 @@ let KRTable = class KRTable extends i$2 {
         return b `
       <div class="header">
         <div class="title">${this._def.title ?? ''}</div>
-        <div class="search">
-          <!-- TODO: Saved views dropdown
-          <div class="views">
-            <span>Default View</span>
-            <svg viewBox="0 0 24 24" fill="currentColor"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/></svg>
-          </div>
-          -->
-          <div class="search-field">
-            <svg class="search-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg>
-            <input
-              type="text"
-              class="search-input"
-              placeholder="Search..."
-              .value=${this._searchQuery}
-              @input=${this._handleSearch}
-            />
+        ${this._def.dataSource?.mode === 'db' && !this._def.columns.some(col => col.searchable) ? b `<div class="search"></div>` : b `
+          <div class="search">
+            <!-- TODO: Saved views dropdown
+            <div class="views">
+              <span>Default View</span>
+              <svg viewBox="0 0 24 24" fill="currentColor"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/></svg>
+            </div>
+            -->
+            <div class="search-field">
+              <svg class="search-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg>
+              <input
+                type="text"
+                class="search-input"
+                placeholder="Search..."
+                .value=${this._searchQuery}
+                @input=${this._handleSearch}
+              />
+            </div>
           </div>
-        </div>
+        `}
         <div class="tools">
           ${this._renderPagination()}
           <span class="refresh" title="Refresh" @click=${() => this.refresh()}>