@flanksource/clicky-ui 0.3.48 → 0.3.50

package/dist/connections.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Connections: the commons-db connection fleet as one UI every host shares.
+ *
+ * Every piece talks to the commons-db `cmd/query/connections` service under a
+ * host-supplied `apiBase` (where the host mounts it, e.g. `/api/v1`):
+ * `GET {apiBase}/connections/dashboard`, `POST {apiBase}/connections/health`,
+ * `POST {apiBase}/connection/{test|resolve}` and the `connection` entity's CRUD
+ * with its JSON Schema on `GET {apiBase}/connection`.
+ *
+ * - `ConnectionsPage` is the whole screen for a host without EntityExplorerApp.
+ * - An EntityExplorerApp host composes the parts instead:
+ *   `createConnectionDashboardResultRenderer`, `createConnectionFormActions`
+ *   and `connectionLoggingFormExtensions`.
+ * - Register `FlanksourceIcon` as the fallback icon provider
+ *   (`setFallbackIconProvider(clickyIconProvider(FlanksourceIcon))`) so the
+ *   connection-type picker shows each type's icon.
+ */
+export * from './connections/ConnectionsPage.js';
+export { connectionFormExtensions, type ConnectionFormExtensions, } from './connections/connectionsPageModel.js';
+export * from './connections/connectionDashboard.js';
+export * from './connections/connectionDashboardRow.js';
+export * from './connections/connectionDashboardModel.js';
+export * from './connections/connectionDashboardRenderer.js';
+export * from './connections/connectionHealth.js';
+export * from './connections/connectionActions.js';
+export * from './connections/connectionActionTypes.js';
+export * from './connections/connectionActionStatus.js';
+export * from './connections/connectionTestButton.js';
+export * from './connections/connectionTestView.js';
+export * from './connections/connectionResolveView.js';
+export * from './connections/connectionErrorView.js';
+export * from './connections/connectionLogging.js';
+export * from './connections/iconProvider.js';
+//# sourceMappingURL=connections.d.ts.map

package/dist/connections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connections.d.ts","sourceRoot":"","sources":["../src/connections.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EACL,wBAAwB,EACxB,KAAK,wBAAwB,GAC9B,MAAM,oCAAoC,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,wCAAwC,CAAC;AACvD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC"}

package/dist/connections.js

@@ -0,0 +1,45 @@
+import { ConnectionsPage } from "./connections/ConnectionsPage.js";
+import { connectionFormExtensions } from "./connections/connectionsPageModel.js";
+import { ConnectionDashboardLanes, ConnectionDashboardSurface } from "./connections/connectionDashboard.js";
+import { ConnectionDashboardRow, ConnectionHealthLegend } from "./connections/connectionDashboardRow.js";
+import { CONNECTION_DASHBOARD_QUERY_KEY, connectionDashboardUrl, connectionHealthUrl, groupConnectionDashboardLanes } from "./connections/connectionDashboardModel.js";
+import { createConnectionDashboardResultRenderer } from "./connections/connectionDashboardRenderer.js";
+import { initialHealthMap, mergeHealthResults, summarizeLaneHealth, useConnectionHealth } from "./connections/connectionHealth.js";
+import { createConnectionFormActions } from "./connections/connectionActions.js";
+import { formatDuration, postConnection } from "./connections/connectionActionTypes.js";
+import { ConnectionActionStatus } from "./connections/connectionActionStatus.js";
+import { ConnectionTestButton } from "./connections/connectionTestButton.js";
+import { ConnectionTestView } from "./connections/connectionTestView.js";
+import { ConnectionResolveView } from "./connections/connectionResolveView.js";
+import { ConnectionErrorView } from "./connections/connectionErrorView.js";
+import { connectionLoggingFormExtensions } from "./connections/connectionLogging.js";
+import { ConnectionTypeIcon, FlanksourceIcon } from "./connections/iconProvider.js";
+export {
+  CONNECTION_DASHBOARD_QUERY_KEY,
+  ConnectionActionStatus,
+  ConnectionDashboardLanes,
+  ConnectionDashboardRow,
+  ConnectionDashboardSurface,
+  ConnectionErrorView,
+  ConnectionHealthLegend,
+  ConnectionResolveView,
+  ConnectionTestButton,
+  ConnectionTestView,
+  ConnectionTypeIcon,
+  ConnectionsPage,
+  FlanksourceIcon,
+  connectionDashboardUrl,
+  connectionFormExtensions,
+  connectionHealthUrl,
+  connectionLoggingFormExtensions,
+  createConnectionDashboardResultRenderer,
+  createConnectionFormActions,
+  formatDuration,
+  groupConnectionDashboardLanes,
+  initialHealthMap,
+  mergeHealthResults,
+  postConnection,
+  summarizeLaneHealth,
+  useConnectionHealth
+};
+//# sourceMappingURL=connections.js.map

package/dist/connections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connections.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/data/DataTable.cjs

@@ -159,6 +159,8 @@ function DataTableInner({
   isRowClickable,
   getRowHref,
   renderExpandedRow,
+  expandedRowIds,
+  onExpandedRowIdsChange,
   renderCard,
   detailStyle = "row",
   detailDialogTitle,
@@ -237,7 +239,7 @@ function DataTableInner({
     if (boundedFilters) onBoundedFiltersChange == null ? void 0 : onBoundedFiltersChange(updated);
     else setNumberFilters(updated);
   };
-  const [expandedRows, setExpandedRows] = react.useState({});
+  const [localExpandedRows, setLocalExpandedRows] = react.useState({});
   const [detailRow, setDetailRow] = react.useState(null);
   const [localGroupingMode, setLocalGroupingMode] = react.useState(defaultGroupingMode);
   const [localGlobalFilter, setLocalGlobalFilter] = react.useState("");
@@ -1028,7 +1030,8 @@ function DataTableInner({
   const rowStream = react.useMemo(() => {
     const withExpansion = (record) => {
       const row = { kind: "row", record };
-      if (detailStyle !== "row" || !renderExpandedRow || !expandedRows[record.id]) {
+      const expanded = expandedRowIds ? expandedRowIds.includes(record.id) : localExpandedRows[record.id];
+      if (detailStyle !== "row" || !renderExpandedRow || !expanded) {
         return [row];
       }
       const content = renderExpandedRow(record.row, {
@@ -1050,7 +1053,8 @@ function DataTableInner({
     visibleSorted,
     detailStyle,
     renderExpandedRow,
-    expandedRows,
+    expandedRowIds,
+    localExpandedRows,
     effectiveColumns,
     visibleColumns,
     filterActionsByColumn
@@ -1576,7 +1580,7 @@ function DataTableInner({
                             return /* @__PURE__ */ jsxRuntime.jsx("tr", { ...rowHooks, className: "align-top", children: /* @__PURE__ */ jsxRuntime.jsx("td", { className: "border-b border-border/60 p-density-2", children: renderCard(record.row) }) }, record.id);
                           }
                           const href = getRowHref == null ? void 0 : getRowHref(record.row);
-                          const expanded = expandedRows[record.id] ?? false;
+                          const expanded = expandedRowIds ? expandedRowIds.includes(record.id) : localExpandedRows[record.id] ?? false;
                           const expandedContent = (renderExpandedRow == null ? void 0 : renderExpandedRow(record.row, {
                             columns: effectiveColumns,
                             visibleColumns,
@@ -1592,10 +1596,16 @@ function DataTableInner({
                           const activateRow = () => {
                             if (selectionClickEnabled) toggleRowSelection(record);
                             if (expandsInline) {
-                              setExpandedRows((current) => ({
-                                ...current,
-                                [record.id]: !current[record.id]
-                              }));
+                              if (expandedRowIds) {
+                                onExpandedRowIdsChange == null ? void 0 : onExpandedRowIdsChange(
+                                  expanded ? expandedRowIds.filter((id) => id !== record.id) : [...expandedRowIds, record.id]
+                                );
+                              } else {
+                                setLocalExpandedRows((current) => ({
+                                  ...current,
+                                  [record.id]: !current[record.id]
+                                }));
+                              }
                             }
                             if (opensDialog) setDetailRow(record);
                             if (rowClickEnabled) onRowClick == null ? void 0 : onRowClick(record.row);