@industream/flowmaker-flowbox-ui-components 0.0.15 → 0.0.17

package/dist/DCCatalogEntryPicker/DCCatalogEntryPicker.svelte

@@ -68,6 +68,22 @@
     let client: DataCatalogClient | null = null;
     let clientUrl = '';
 
+    /**
+     * Deduplicate entries by id — keep only the first occurrence.
+     */
+    function deduplicateEntries(items: CatalogEntry[]): CatalogEntry[] {
+        const seen = new Set<string>();
+        const result: CatalogEntry[] = [];
+        for (const item of items) {
+            const id = item.id;
+            if (!seen.has(id)) {
+                seen.add(id);
+                result.push(item);
+            }
+        }
+        return result;
+    }
+
     function getClient(apiUrl: string): DataCatalogClient {
         if (client && clientUrl === apiUrl) return client;
         client = new DataCatalogClient({ baseUrl: apiUrl });
@@ -76,7 +92,7 @@
     }
 
     $effect(() => {
-        if (dcApiUrl && sourceConnectionId) {
+        if (dcApiUrl) {
             loadInitial(dcApiUrl, sourceConnectionId);
         } else {
             entries = [];
@@ -90,7 +106,7 @@
      * If ≤ MAX_ENTRIES items, stay in client mode.
      * If more, switch to server search mode.
      */
-    async function loadInitial(apiUrl: string, connId: string) {
+    async function loadInitial(apiUrl: string, connId?: string) {
         // Cancel any in-flight search
         searchAbort?.abort();
         searchAbort = null;
@@ -103,18 +119,19 @@
         try {
             const dc = getClient(apiUrl);
             const result = await dc.catalogEntries.search('%', {
-                sourceConnectionIds: [connId],
+                sourceConnectionIds: connId ? [connId] : [],
                 limit: MAX_ENTRIES + 1
             });
             const items = result.items ?? [];
+            const uniqueItems = deduplicateEntries(items);
 
-            if (items.length > MAX_ENTRIES) {
+            if (uniqueItems.length > MAX_ENTRIES) {
                 // Too many — enter server search mode, don't show entries
                 tooMany = true;
                 entries = [];
             } else {
                 tooMany = false;
-                entries = items;
+                entries = uniqueItems;
             }
         } catch (err: any) {
             error = err.message ?? 'Failed to load catalog entries';
@@ -129,7 +146,7 @@
      * Cancels previous in-flight request via AbortSignal.
      */
     function handleServerSearch(query: string) {
-        if (!dcApiUrl || !sourceConnectionId) return;
+        if (!dcApiUrl) return;
 
         // Cancel previous in-flight search
         searchAbort?.abort();
@@ -147,12 +164,13 @@
 
         const dc = getClient(dcApiUrl);
         dc.catalogEntries.search(query, {
-            sourceConnectionIds: [sourceConnectionId],
+            sourceConnectionIds: sourceConnectionId ? [sourceConnectionId] : [],
             limit: MAX_ENTRIES
         }, abort.signal)
             .then((result) => {
                 if (abort.signal.aborted) return;
-                entries = result.items ?? [];
+                const items = result.items ?? [];
+                entries = deduplicateEntries(items);
                 searching = false;
             })
             .catch((err) => {

package/dist/DCCatalogEntryPicker/TagBrowser.svelte

@@ -212,7 +212,7 @@
     }
     @keyframes spin { to { transform: rotate(360deg); } }
     .table-container {
-        max-height: 400px; overflow-y: auto;
+        max-height: 400px; overflow-y: auto; overflow-x: auto;
         border: 1px solid var(--cds-border-subtle-01, #393939);
     }
     .entry-table { width: 100%; border-collapse: collapse; font-size: 0.8125rem; }
@@ -242,6 +242,8 @@
     code {
         font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem;
         color: var(--cds-text-secondary, #c6c6c6);
+        display: inline-block; max-width: 100%;
+        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
     }
     .pill, .label-pill {
         display: inline-block; padding: 0.0625rem 0.375rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@industream/flowmaker-flowbox-ui-components",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "description": "Reusable Svelte components for FlowMaker FlowBox UI",
   "type": "module",
   "svelte": "./dist/index.js",

package/src/DCCatalogEntryPicker/DCCatalogEntryPicker.svelte

@@ -68,6 +68,22 @@
     let client: DataCatalogClient | null = null;
     let clientUrl = '';
 
+    /**
+     * Deduplicate entries by id — keep only the first occurrence.
+     */
+    function deduplicateEntries(items: CatalogEntry[]): CatalogEntry[] {
+        const seen = new Set<string>();
+        const result: CatalogEntry[] = [];
+        for (const item of items) {
+            const id = item.id;
+            if (!seen.has(id)) {
+                seen.add(id);
+                result.push(item);
+            }
+        }
+        return result;
+    }
+
     function getClient(apiUrl: string): DataCatalogClient {
         if (client && clientUrl === apiUrl) return client;
         client = new DataCatalogClient({ baseUrl: apiUrl });
@@ -76,7 +92,7 @@
     }
 
     $effect(() => {
-        if (dcApiUrl && sourceConnectionId) {
+        if (dcApiUrl) {
             loadInitial(dcApiUrl, sourceConnectionId);
         } else {
             entries = [];
@@ -90,7 +106,7 @@
      * If ≤ MAX_ENTRIES items, stay in client mode.
      * If more, switch to server search mode.
      */
-    async function loadInitial(apiUrl: string, connId: string) {
+    async function loadInitial(apiUrl: string, connId?: string) {
         // Cancel any in-flight search
         searchAbort?.abort();
         searchAbort = null;
@@ -103,18 +119,19 @@
         try {
             const dc = getClient(apiUrl);
             const result = await dc.catalogEntries.search('%', {
-                sourceConnectionIds: [connId],
+                sourceConnectionIds: connId ? [connId] : [],
                 limit: MAX_ENTRIES + 1
             });
             const items = result.items ?? [];
+            const uniqueItems = deduplicateEntries(items);
 
-            if (items.length > MAX_ENTRIES) {
+            if (uniqueItems.length > MAX_ENTRIES) {
                 // Too many — enter server search mode, don't show entries
                 tooMany = true;
                 entries = [];
             } else {
                 tooMany = false;
-                entries = items;
+                entries = uniqueItems;
             }
         } catch (err: any) {
             error = err.message ?? 'Failed to load catalog entries';
@@ -129,7 +146,7 @@
      * Cancels previous in-flight request via AbortSignal.
      */
     function handleServerSearch(query: string) {
-        if (!dcApiUrl || !sourceConnectionId) return;
+        if (!dcApiUrl) return;
 
         // Cancel previous in-flight search
         searchAbort?.abort();
@@ -147,12 +164,13 @@
 
         const dc = getClient(dcApiUrl);
         dc.catalogEntries.search(query, {
-            sourceConnectionIds: [sourceConnectionId],
+            sourceConnectionIds: sourceConnectionId ? [sourceConnectionId] : [],
             limit: MAX_ENTRIES
         }, abort.signal)
             .then((result) => {
                 if (abort.signal.aborted) return;
-                entries = result.items ?? [];
+                const items = result.items ?? [];
+                entries = deduplicateEntries(items);
                 searching = false;
             })
             .catch((err) => {

package/src/DCCatalogEntryPicker/TagBrowser.svelte

@@ -212,7 +212,7 @@
     }
     @keyframes spin { to { transform: rotate(360deg); } }
     .table-container {
-        max-height: 400px; overflow-y: auto;
+        max-height: 400px; overflow-y: auto; overflow-x: auto;
         border: 1px solid var(--cds-border-subtle-01, #393939);
     }
     .entry-table { width: 100%; border-collapse: collapse; font-size: 0.8125rem; }
@@ -242,6 +242,8 @@
     code {
         font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem;
         color: var(--cds-text-secondary, #c6c6c6);
+        display: inline-block; max-width: 100%;
+        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
     }
     .pill, .label-pill {
         display: inline-block; padding: 0.0625rem 0.375rem;