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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -76,7 +76,7 @@
76
76
  }
77
77
 
78
78
  $effect(() => {
79
- if (dcApiUrl && sourceConnectionId) {
79
+ if (dcApiUrl) {
80
80
  loadInitial(dcApiUrl, sourceConnectionId);
81
81
  } else {
82
82
  entries = [];
@@ -90,7 +90,7 @@
90
90
  * If ≤ MAX_ENTRIES items, stay in client mode.
91
91
  * If more, switch to server search mode.
92
92
  */
93
- async function loadInitial(apiUrl: string, connId: string) {
93
+ async function loadInitial(apiUrl: string, connId?: string) {
94
94
  // Cancel any in-flight search
95
95
  searchAbort?.abort();
96
96
  searchAbort = null;
@@ -103,7 +103,7 @@
103
103
  try {
104
104
  const dc = getClient(apiUrl);
105
105
  const result = await dc.catalogEntries.search('%', {
106
- sourceConnectionIds: [connId],
106
+ sourceConnectionIds: connId ? [connId] : [],
107
107
  limit: MAX_ENTRIES + 1
108
108
  });
109
109
  const items = result.items ?? [];
@@ -129,7 +129,7 @@
129
129
  * Cancels previous in-flight request via AbortSignal.
130
130
  */
131
131
  function handleServerSearch(query: string) {
132
- if (!dcApiUrl || !sourceConnectionId) return;
132
+ if (!dcApiUrl) return;
133
133
 
134
134
  // Cancel previous in-flight search
135
135
  searchAbort?.abort();
@@ -147,7 +147,7 @@
147
147
 
148
148
  const dc = getClient(dcApiUrl);
149
149
  dc.catalogEntries.search(query, {
150
- sourceConnectionIds: [sourceConnectionId],
150
+ sourceConnectionIds: sourceConnectionId ? [sourceConnectionId] : [],
151
151
  limit: MAX_ENTRIES
152
152
  }, abort.signal)
153
153
  .then((result) => {
@@ -212,7 +212,7 @@
212
212
  }
213
213
  @keyframes spin { to { transform: rotate(360deg); } }
214
214
  .table-container {
215
- max-height: 400px; overflow-y: auto;
215
+ max-height: 400px; overflow-y: auto; overflow-x: auto;
216
216
  border: 1px solid var(--cds-border-subtle-01, #393939);
217
217
  }
218
218
  .entry-table { width: 100%; border-collapse: collapse; font-size: 0.8125rem; }
@@ -242,6 +242,8 @@
242
242
  code {
243
243
  font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem;
244
244
  color: var(--cds-text-secondary, #c6c6c6);
245
+ display: inline-block; max-width: 100%;
246
+ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
245
247
  }
246
248
  .pill, .label-pill {
247
249
  display: inline-block; padding: 0.0625rem 0.375rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@industream/flowmaker-flowbox-ui-components",
3
- "version": "0.0.15",
3
+ "version": "0.0.16",
4
4
  "description": "Reusable Svelte components for FlowMaker FlowBox UI",
5
5
  "type": "module",
6
6
  "svelte": "./dist/index.js",
@@ -76,7 +76,7 @@
76
76
  }
77
77
 
78
78
  $effect(() => {
79
- if (dcApiUrl && sourceConnectionId) {
79
+ if (dcApiUrl) {
80
80
  loadInitial(dcApiUrl, sourceConnectionId);
81
81
  } else {
82
82
  entries = [];
@@ -90,7 +90,7 @@
90
90
  * If ≤ MAX_ENTRIES items, stay in client mode.
91
91
  * If more, switch to server search mode.
92
92
  */
93
- async function loadInitial(apiUrl: string, connId: string) {
93
+ async function loadInitial(apiUrl: string, connId?: string) {
94
94
  // Cancel any in-flight search
95
95
  searchAbort?.abort();
96
96
  searchAbort = null;
@@ -103,7 +103,7 @@
103
103
  try {
104
104
  const dc = getClient(apiUrl);
105
105
  const result = await dc.catalogEntries.search('%', {
106
- sourceConnectionIds: [connId],
106
+ sourceConnectionIds: connId ? [connId] : [],
107
107
  limit: MAX_ENTRIES + 1
108
108
  });
109
109
  const items = result.items ?? [];
@@ -129,7 +129,7 @@
129
129
  * Cancels previous in-flight request via AbortSignal.
130
130
  */
131
131
  function handleServerSearch(query: string) {
132
- if (!dcApiUrl || !sourceConnectionId) return;
132
+ if (!dcApiUrl) return;
133
133
 
134
134
  // Cancel previous in-flight search
135
135
  searchAbort?.abort();
@@ -147,7 +147,7 @@
147
147
 
148
148
  const dc = getClient(dcApiUrl);
149
149
  dc.catalogEntries.search(query, {
150
- sourceConnectionIds: [sourceConnectionId],
150
+ sourceConnectionIds: sourceConnectionId ? [sourceConnectionId] : [],
151
151
  limit: MAX_ENTRIES
152
152
  }, abort.signal)
153
153
  .then((result) => {
@@ -212,7 +212,7 @@
212
212
  }
213
213
  @keyframes spin { to { transform: rotate(360deg); } }
214
214
  .table-container {
215
- max-height: 400px; overflow-y: auto;
215
+ max-height: 400px; overflow-y: auto; overflow-x: auto;
216
216
  border: 1px solid var(--cds-border-subtle-01, #393939);
217
217
  }
218
218
  .entry-table { width: 100%; border-collapse: collapse; font-size: 0.8125rem; }
@@ -242,6 +242,8 @@
242
242
  code {
243
243
  font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem;
244
244
  color: var(--cds-text-secondary, #c6c6c6);
245
+ display: inline-block; max-width: 100%;
246
+ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
245
247
  }
246
248
  .pill, .label-pill {
247
249
  display: inline-block; padding: 0.0625rem 0.375rem;