kaafil-react-uikit 0.10.1 → 0.10.2

package/CHANGELOG.md

@@ -6,6 +6,24 @@ The format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this package uses [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 While on `0.x` a minor bump may carry a breaking change; the entry will say so.
 
+## [0.10.2] — 2026-09-15
+
+### Fixed
+
+- **An itinerary with no times no longer indents every row behind an empty
+  column.** `.kf-share-view__plan-time` is a fixed `inline-size` with
+  `flex-shrink: 0`, so it held its width whether or not it had anything in it.
+  When SOME rows carry a time that is correct — the ones without still need to
+  indent or the titles stop lining up. When NO row does, every title sat behind
+  a blank column that reads as a missing icon rather than as an absent time.
+
+  A `startTime` is optional on an itinerary item and a brochure day plan
+  usually has none — "Day 9: Solang Valley, free evening in Manali" is a whole
+  day, not an appointment — so the all-empty case is the common one, not the
+  edge. `TodayPlanSection` and `ItineraryDayStrip` now decide per LIST, not per
+  row: the column is dropped entirely when nothing in the day would fill it,
+  and kept for alignment as soon as one item would.
+
 ## [0.10.1] — 2026-09-15
 
 Two long-standing bugs that only bite together, found when the traveller

package/dist/traveller/index.cjs

@@ -1274,6 +1274,11 @@ function HouseholdBanner({ label, names }) {
     }
   );
 }
+
+// src/traveller/KaafilShareView/internal/sections/planRow.ts
+function usesTimeColumn(items) {
+  return items.some((item) => item.startTime !== null || item.timeState === "now");
+}
 function ItineraryDayStrip({
   itinerary,
   timezone,
@@ -1283,6 +1288,7 @@ function ItineraryDayStrip({
   const { t } = chunkS53XNHRU_cjs.useKaafilChrome();
   const todayIndex = itinerary.days.findIndex((day) => day.isToday);
   const selectedDay = itinerary.days[selectedIndex] ?? itinerary.days[0];
+  const showTime = usesTimeColumn(selectedDay?.items ?? []);
   if (itinerary.days.length === 0 || selectedDay === void 0) {
     return null;
   }
@@ -1332,7 +1338,7 @@ function ItineraryDayStrip({
         {
           className: `kf-share-view__row kf-share-view__plan-row kf-share-view__plan-row--${item.timeState}`,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "kf-share-view__plan-time kf-num", children: item.timeState === "now" ? t("chrome.shareView.plan.now") : item.startTime !== null ? formatTimeOfDay(item.startTime, timezone) : "" }),
+            showTime ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "kf-share-view__plan-time kf-num", children: item.timeState === "now" ? t("chrome.shareView.plan.now") : item.startTime !== null ? formatTimeOfDay(item.startTime, timezone) : "" }) : null,
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "kf-share-view__plan-title", children: item.title })
           ]
         },
@@ -1647,6 +1653,7 @@ function TodayPlanSection({ itinerary, timezone }) {
   if (today === void 0 || today.items.length === 0) {
     return null;
   }
+  const showTime = usesTimeColumn(today.items);
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": t("chrome.shareView.today.eyebrow"), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-share-view__eyebrow-row", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "kf-eyebrow", children: t("chrome.shareView.today.eyebrow") }),
@@ -1657,7 +1664,7 @@ function TodayPlanSection({ itinerary, timezone }) {
       {
         className: `kf-share-view__row kf-share-view__plan-row kf-share-view__plan-row--${item.timeState}`,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "kf-share-view__plan-time kf-num", children: item.timeState === "now" ? t("chrome.shareView.plan.now") : item.startTime !== null ? formatTimeOfDay(item.startTime, timezone) : "" }),
+          showTime ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "kf-share-view__plan-time kf-num", children: item.timeState === "now" ? t("chrome.shareView.plan.now") : item.startTime !== null ? formatTimeOfDay(item.startTime, timezone) : "" }) : null,
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "kf-share-view__plan-title", children: item.title })
         ]
       },