@bygghammar/cms-platform 0.74.0 → 0.75.0

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.75.0
+
+- Countdown: pick the replacement global block from a dropdown instead of typing its key.
+
 # Changelog
 
 ## 0.74.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bygghammar/cms-platform",
-  "version": "0.74.0",
+  "version": "0.75.0",
   "description": "Shared CMS platform: blocks, block types, i18n core, UI primitives and design-token contract used by every Bygghammar/Voyara site.",
   "type": "module",
   "sideEffects": [

package/src/backoffice/inspectors/blocks.tsx

@@ -2413,7 +2413,11 @@ export {
 };
 
 /* ---------------- Countdown ---------------- */
-export function CountdownInspector({ block, patch }: BlockPatchProps) {
+export function CountdownInspector({
+  block,
+  patch,
+  globalSections = [],
+}: BlockPatchProps & { globalSections?: { key: string; name: string }[] }) {
   const p = (block.props ?? {}) as CountdownProps;
   const update = (next: CountdownProps) => patch(next as unknown as BlockProps);
 
@@ -2711,11 +2715,37 @@ export function CountdownInspector({ block, patch }: BlockPatchProps) {
           (v) => update({ ...p, onExpire: v as CountdownProps["onExpire"] }),
         )}
         {p.onExpire === "replace" ? (
-          <TextField
-            label="Global block key to show instead"
-            value={p.expiredSectionKey ?? ""}
-            onChange={(v) => update({ ...p, expiredSectionKey: v })}
-          />
+          globalSections.length ? (
+            <label className="block space-y-1.5">
+              <span className="block text-[0.7rem] uppercase tracking-[0.22em] text-ink/60">
+                Global block to show instead
+              </span>
+              <select
+                value={p.expiredSectionKey ?? ""}
+                onChange={(e) => update({ ...p, expiredSectionKey: e.target.value })}
+                className="w-full border border-ink/15 bg-white px-2.5 py-1.5 text-sm text-ink focus:border-sea focus:outline-none"
+              >
+                <option value="">— none —</option>
+                {globalSections.map((g) => (
+                  <option key={g.key} value={g.key}>
+                    {g.name} ({g.key})
+                  </option>
+                ))}
+                {p.expiredSectionKey &&
+                !globalSections.some((g) => g.key === p.expiredSectionKey) ? (
+                  <option value={p.expiredSectionKey}>
+                    {p.expiredSectionKey} (missing)
+                  </option>
+                ) : null}
+              </select>
+            </label>
+          ) : (
+            <TextField
+              label="Global block key to show instead"
+              value={p.expiredSectionKey ?? ""}
+              onChange={(v) => update({ ...p, expiredSectionKey: v })}
+            />
+          )
         ) : null}
         {p.onExpire === "revealPage" ? (
           <>

package/src/backoffice/inspectors/index.tsx

@@ -750,7 +750,7 @@ export function BlockInspector({
     case "courseList":
       return <TripListInspector block={block} patch={patch} />;
     case "countdown":
-      return <CountdownInspector block={block} patch={patch} />;
+      return <CountdownInspector block={block} patch={patch} globalSections={globalSections} />;
     case "ctaBanner":
       return <CtaBannerInspector block={block} patch={patch} />;
     case "mediaSplit":