nucleus-core-ts 0.9.840 → 0.9.842

package/dist/fe/components/IntegrationsPage/components/ConnectionSwitcher.js

@@ -18,8 +18,16 @@ import { integrationsPageTheme as theme } from '../theme';
  */ export function ConnectionSwitcher() {
     const store = useIntegrationsStore();
     const labels = useLabels();
+    /**
+   * The way back does not depend on finding anything.
+   *
+   * `store.sources` is the rail's CURRENT PAGE, and the rail is unmounted the
+   * moment a connection is chosen — so a selected connection that is not on
+   * that page rendered nothing at all here: no name, and no way back to the
+   * list short of reloading the page. The name is what needs looking up; the
+   * button is not.
+   */ if (!store.selectedSourceId) return null;
     const source = store.sources.find((candidate)=>candidate.id === store.selectedSourceId);
-    if (!source) return null;
     return /*#__PURE__*/ _jsxs("div", {
         className: cn('flex flex-wrap items-center justify-between gap-3 rounded-2xl border border-slate-200/80 bg-white px-4 py-3 dark:border-slate-800 dark:bg-slate-900'),
         children: [
@@ -32,12 +40,12 @@ import { integrationsPageTheme as theme } from '../theme';
                     }),
                     /*#__PURE__*/ _jsx("span", {
                         className: "truncate font-semibold text-base text-slate-900 dark:text-slate-100",
-                        children: source.name
+                        children: source?.name ?? labels.connections.heading
                     }),
-                    /*#__PURE__*/ _jsx("span", {
+                    source?.baseUrl ? /*#__PURE__*/ _jsx("span", {
                         className: cn(theme.list.itemMeta, 'mt-0.5'),
                         children: source.baseUrl
-                    })
+                    }) : null
                 ]
             }),
             /*#__PURE__*/ _jsx("button", {

package/dist/fe/components/IntegrationsPage/components/FieldMappingRows.js

@@ -6,7 +6,7 @@ import { useLabels } from '../text/context';
 import { integrationsPageTheme } from '../theme';
 import { FieldMappingRow } from './FieldMappingRow';
 import { EMPTY_FIELD_MAPPING, FIELD_MAPPING_COLUMNS, FIELD_MAPPING_GRID, PARENT_PREFIX } from './fieldMappingOptions';
-import { Notice } from './Primitives';
+import { Notice, Section } from './Primitives';
 /**
  * The rows that say which incoming value becomes which column.
  *
@@ -33,28 +33,20 @@ export function FieldMappingRows({ rows, sourceFields, targetFields, disabled, o
         if (!moving || !displaced) return;
         onChange(rows.with(index, displaced).with(target, moving));
     };
-    return /*#__PURE__*/ _jsxs("section", {
-        className: "flex flex-col gap-3",
+    return /*#__PURE__*/ _jsxs(Section, {
+        action: /*#__PURE__*/ _jsx("button", {
+            className: theme.button.secondary,
+            disabled: disabled,
+            onClick: ()=>onChange([
+                    ...rows,
+                    EMPTY_FIELD_MAPPING
+                ]),
+            type: "button",
+            children: "Add field"
+        }),
+        purpose: "Which incoming value becomes which column. The order is the order they are applied in.",
+        title: labels.mappings.fieldsHeading,
         children: [
-            /*#__PURE__*/ _jsxs("div", {
-                className: "flex flex-wrap items-center justify-between gap-2",
-                children: [
-                    /*#__PURE__*/ _jsx("h3", {
-                        className: theme.card.title,
-                        children: labels.mappings.fieldsHeading
-                    }),
-                    /*#__PURE__*/ _jsx("button", {
-                        className: theme.button.secondary,
-                        disabled: disabled,
-                        onClick: ()=>onChange([
-                                ...rows,
-                                EMPTY_FIELD_MAPPING
-                            ]),
-                        type: "button",
-                        children: "Add field"
-                    })
-                ]
-            }),
             sourceFields.length === 0 ? /*#__PURE__*/ _jsx(Notice, {
                 title: labels.mappings.sampleFirstTitle,
                 tone: "warning",

package/dist/fe/components/IntegrationsPage/components/IntegrationsPage.js

@@ -100,14 +100,42 @@ export function IntegrationsPage({ title = 'Integrations', subtitle = 'Connect a
         focusTargetEntity,
         focusStep
     ]);
+    /**
+   * Chosen for them ONCE, and never again.
+   *
+   * This used to re-choose whenever nothing was selected — so pressing "Change"
+   * cleared the connection and the same effect immediately put it back. There
+   * was no way to reach the list again short of reloading the page, and the
+   * button looked broken rather than overruled.
+   */ const autoSelected = useRef(false);
     const followFocus = useEffectEvent(()=>{
         if (!store.focusTargetEntity) return;
         if (!store.selectedSourceId) {
-            if (store.sources.length === 1 && store.sources[0]) store.selectSource(store.sources[0].id);
+            if (!autoSelected.current && store.sources.length === 1 && store.sources[0]) {
+                autoSelected.current = true;
+                store.selectSource(store.sources[0].id);
+            }
             return;
         }
         if (store.tab !== 'mappings') store.setTab('mappings');
     });
+    /**
+   * Leaving a connection spends the arrival.
+   *
+   * Somebody who pressed "Change" is choosing a different connection; the table
+   * they arrived asking about is no longer what they are doing, and carrying it
+   * forward would jump them into a mapping of a connection they had not picked
+   * yet.
+   */ const forgetFocusOnLeave = useEffectEvent(()=>{
+        if (autoSelected.current && !store.selectedSourceId && store.focusTargetEntity) {
+            store.setFocusTargetEntity(null);
+        }
+    });
+    useEffect(()=>{
+        forgetFocusOnLeave();
+    }, [
+        store.selectedSourceId
+    ]);
     useEffect(()=>{
         followFocus();
     }, [