@twentyfirstmedia/ui-core 0.6.0 → 0.8.0

package/src/icons.ts

@@ -128,6 +128,8 @@ export type IconName = KitIconName | LibraryIconName | Extract<keyof CustomIcons
 export interface FilledIcon {
   d: string;
   filled: true;
+  /** A wordmark at least twice as wide as tall: marks such as `ServiceMark` draw it larger. */
+  wide?: true;
 }
 
 /** A drawing for `registerIcons`: a path on the 24px grid, stroked like the kit's icons, or filled. */

package/src/index.ts

@@ -4,6 +4,7 @@ export {
   formatPercent,
   formatMoney,
   formatDate,
+  formatRelative,
   formatLike,
   parseFormatted,
   numberSeparators,
@@ -23,12 +24,16 @@ export {
   CHARTS_STRINGS,
   CHAT_STRINGS,
   COMMERCE_STRINGS,
+  CONNECTED_DATA_STRINGS,
+  CONNECTOR_STRINGS,
   DATA_DISPLAY_STRINGS,
   DATA_TABLE_STRINGS,
   DEVELOPER_STRINGS,
   FEEDBACK_STRINGS,
   FORM_STRINGS,
   FORMS_STRINGS,
+  HOUSEHOLD_STRINGS,
+  LIFE_STRINGS,
   MAIL_STRINGS,
   MEDIA_STRINGS,
   NAVIGATION_STRINGS,

package/src/strings.ts

@@ -492,6 +492,191 @@ export interface UIStrings {
   contrastAA: string;
   contrastAALarge: string;
   contrastFails: string;
+  /* Life: HabitTracker, MoodPicker, VitalTile, ActivityRings, SleepChart, MedicationList, GoalCard, InsightCard, ConsentList */
+  habits: string;
+  /** "12-day streak" */
+  habitStreak: (days: number) => string;
+  /** "Mark {habit} done today" */
+  markHabitDone: (habit: string) => string;
+  habitDone: string;
+  habitMissed: string;
+  habitNoData: string;
+  howAreYou: string;
+  /** The five mood words, lowest first. */
+  moodLevels: [string, string, string, string, string];
+  inRange: string;
+  belowRange: string;
+  aboveRange: string;
+  /** "Normal 60–100" */
+  normalRange: (low: string, high: string) => string;
+  activity: string;
+  /** "6,240 of 8,000 steps" */
+  ofGoal: (value: string, goal: string) => string;
+  sleepStages: string;
+  /** Names of the sleep stages. */
+  sleepStageNames: Record<"awake" | "rem" | "light" | "deep", string>;
+  /** "7 h 32 min" */
+  durationHm: (hours: number, minutes: number) => string;
+  /** "Asleep 7 h 32 min" */
+  totalSleep: (duration: string) => string;
+  medication: string;
+  medTaken: string;
+  medDue: string;
+  medMissed: string;
+  medUpcoming: string;
+  /** "Mark {name} as taken" */
+  markTaken: (name: string) => string;
+  /** "By {date}" */
+  dueBy: (date: string) => string;
+  whyInsight: string;
+  insightAccept: string;
+  insightSnooze: string;
+  dataAccess: string;
+  revokeAccess: string;
+  /** "Last used {date}" */
+  lastUsed: (date: string) => string;
+  notUsedYet: string;
+  requiredScope: string;
+  /* Life: BudgetList, SubscriptionList, NetWorthCard, DeadlineList, PolicyCard, CoverageMatrix, ClaimTimeline, DocumentList */
+  budgets: string;
+  /** "€120 left" */
+  budgetLeft: (amount: string) => string;
+  /** "€40 over" */
+  budgetOver: (amount: string) => string;
+  subscriptions: string;
+  /** "€86 a month" */
+  perMonthTotal: (amount: string) => string;
+  /** "€1,032 a year" */
+  perYearTotal: (amount: string) => string;
+  /** "Manage {name}" */
+  manageItem: (name: string) => string;
+  /** "Trial" */
+  trialEnds: string;
+  cancelledLabel: string;
+  /** "Next on {date}" */
+  nextCharge: (date: string) => string;
+  /** Words for billing periods. */
+  periodWord: Record<"week" | "month" | "quarter" | "year", string>;
+  netWorth: string;
+  assetsLabel: string;
+  liabilitiesLabel: string;
+  deadlines: string;
+  /** "Overdue by 3 days" */
+  overdueBy: (days: number) => string;
+  dueToday: string;
+  /** "In 12 days" */
+  dueIn: (days: number) => string;
+  /** "Mark {title} done" */
+  markDone: (title: string) => string;
+  coverageLabel: string;
+  covered: string;
+  partlyCovered: string;
+  notCovered: string;
+  sumInsured: string;
+  deductibleLabel: string;
+  /** "Renews {date}" */
+  renewsOn: (date: string) => string;
+  policyNo: string;
+  /** Words for a policy's status. */
+  policyStatus: Record<"active" | "pending" | "expiring" | "lapsed", string>;
+  claimAmount: string;
+  documents: string;
+  expired: string;
+  /** "Expires in 40 days" */
+  expiresIn: (days: number) => string;
+  /** "Valid until {date}" */
+  expiresOn: (date: string) => string;
+  /* connectors */
+  /** A connected service's state in words. */
+  serviceStates: Record<"connected" | "syncing" | "error" | "paused" | "off", string>;
+  connectors: string;
+  connectionsLabel: string;
+  manageAction: string;
+  /** "Manage Gmail" */
+  manageService: (name: string) => string;
+  searchConnectors: string;
+  allCategories: string;
+  connect: string;
+  /** "Connect Gmail" */
+  connectService: (name: string) => string;
+  openAction: string;
+  /** "Open Gmail" */
+  openService: (name: string) => string;
+  reconnect: string;
+  /** "Reconnect Gmail" */
+  reconnectService: (name: string) => string;
+  comingSoon: string;
+  /** "No connector matches “tesla”" */
+  noConnectorMatch: (query: string) => string;
+  /** "Synced 5 minutes ago" */
+  syncedAgo: (when: string) => string;
+  syncingNow: string;
+  syncFailed: string;
+  syncPaused: string;
+  neverSynced: string;
+  /** "Next in 1 hour" */
+  nextSync: (when: string) => string;
+  syncNow: string;
+  agentActivity: string;
+  actionKinds: Record<"read" | "act" | "money", string>;
+  actionStates: Record<"waiting" | "declined" | "undone" | "failed", string>;
+  reviewAction: string;
+  scopeLevels: Record<"read" | "act" | "money", string>;
+  asksFirst: string;
+  /* connected data: home, car, media, workouts, calls, bookings, golf, investments */
+  deviceOn: string;
+  deviceOff: string;
+  deviceOffline: string;
+  /** "Target 21.5 °C" */
+  targetTemp: (value: string) => string;
+  lowerTarget: string;
+  raiseTarget: string;
+  /** "Battery 64%" */
+  batteryLevel: (percent: string) => string;
+  chargingStates: Record<"charging" | "complete" | "plugged" | "unplugged", string>;
+  /** "Limit 80%" */
+  chargeLimit: (percent: string) => string;
+  /** "Done by 06:30" */
+  chargedBy: (time: string) => string;
+  /** "412 km range" */
+  rangeLeft: (distance: string) => string;
+  lockedState: string;
+  unlockedState: string;
+  lockAction: string;
+  climateLabel: string;
+  climateOnLabel: string;
+  climateOffLabel: string;
+  /** "Inside 19 °C" */
+  insideTemp: (value: string) => string;
+  playAction: string;
+  pauseAction: string;
+  nextTrack: string;
+  previousTrack: string;
+  /** "Playing on Living room" */
+  playingOn: (device: string) => string;
+  heartRateZones: string;
+  /** "Zone 3: 18 min" */
+  zoneMinutes: (zone: number, minutes: number) => string;
+  avgHeartRate: string;
+  caloriesLabel: string;
+  distanceLabel: string;
+  durationLabel: string;
+  calls: string;
+  callDirections: Record<"incoming" | "outgoing" | "missed", string>;
+  /** "Call Lena" */
+  callPerson: (name: string) => string;
+  reservationStatus: Record<
+    "confirmed" | "pending" | "cancelled" | "delayed" | "onTheWay" | "delivered",
+    string
+  >;
+  bookingCode: string;
+  scoreLabels: Record<"hole" | "par" | "score" | "putts" | "out" | "in" | "total", string>;
+  scoreNames: Record<"eagle" | "birdie" | "par" | "bogey" | "double", string>;
+  /** "+7", "Even", "−2" */
+  toPar: (strokes: number) => string;
+  holdings: string;
+  /** "12% of portfolio" */
+  portfolioShare: (percent: string) => string;
   // @@KEYS
 }
 
@@ -1491,6 +1676,335 @@ export const WORKSPACE_STRINGS: Pick<
   accept: "Accept",
 };
 
+/** Strings of the components in `life.tsx`. */
+export const LIFE_STRINGS: Pick<
+  UIStrings,
+  | "habits"
+  | "habitStreak"
+  | "markHabitDone"
+  | "habitDone"
+  | "habitMissed"
+  | "habitNoData"
+  | "howAreYou"
+  | "moodLevels"
+  | "inRange"
+  | "belowRange"
+  | "aboveRange"
+  | "normalRange"
+  | "activity"
+  | "ofGoal"
+  | "sleepStages"
+  | "sleepStageNames"
+  | "durationHm"
+  | "totalSleep"
+  | "medication"
+  | "medTaken"
+  | "medDue"
+  | "medMissed"
+  | "medUpcoming"
+  | "markTaken"
+  | "dueBy"
+  | "whyInsight"
+  | "insightAccept"
+  | "insightSnooze"
+  | "dataAccess"
+  | "revokeAccess"
+  | "lastUsed"
+  | "notUsedYet"
+  | "requiredScope"
+  | "scopeLevels"
+  | "asksFirst"
+> = {
+  habits: "Habits",
+  habitStreak: (days) => `${days}-day streak`,
+  markHabitDone: (habit) => `Mark ${habit} done today`,
+  habitDone: "Done",
+  habitMissed: "Missed",
+  habitNoData: "No entry",
+  howAreYou: "How are you feeling?",
+  moodLevels: ["Awful", "Low", "Okay", "Good", "Great"],
+  inRange: "In range",
+  belowRange: "Below range",
+  aboveRange: "Above range",
+  normalRange: (low, high) => `Normal ${low}–${high}`,
+  activity: "Activity",
+  ofGoal: (value, goal) => `${value} of ${goal}`,
+  sleepStages: "Sleep stages",
+  sleepStageNames: { awake: "Awake", rem: "REM", light: "Light", deep: "Deep" },
+  durationHm: (hours, minutes) =>
+    hours ? (minutes ? `${hours} h ${minutes} min` : `${hours} h`) : `${minutes} min`,
+  totalSleep: (duration) => `Asleep ${duration}`,
+  medication: "Medication",
+  medTaken: "Taken",
+  medDue: "Due",
+  medMissed: "Missed",
+  medUpcoming: "Later",
+  markTaken: (name) => `Mark ${name} as taken`,
+  dueBy: (date) => `By ${date}`,
+  whyInsight: "Why am I seeing this?",
+  insightAccept: "Do it",
+  insightSnooze: "Later",
+  dataAccess: "Data access",
+  revokeAccess: "Revoke access",
+  lastUsed: (date) => `Last used ${date}`,
+  notUsedYet: "Not used yet",
+  requiredScope: "Required",
+  scopeLevels: { read: "Read only", act: "Can act", money: "Money" },
+  asksFirst: "asks first",
+};
+
+/** Strings of the components in `household.tsx`. */
+export const HOUSEHOLD_STRINGS: Pick<
+  UIStrings,
+  | "budgets"
+  | "budgetLeft"
+  | "budgetOver"
+  | "subscriptions"
+  | "perMonthTotal"
+  | "perYearTotal"
+  | "manageItem"
+  | "trialEnds"
+  | "cancelledLabel"
+  | "nextCharge"
+  | "periodWord"
+  | "netWorth"
+  | "assetsLabel"
+  | "liabilitiesLabel"
+  | "deadlines"
+  | "overdueBy"
+  | "dueToday"
+  | "dueIn"
+  | "markDone"
+  | "coverageLabel"
+  | "covered"
+  | "partlyCovered"
+  | "notCovered"
+  | "sumInsured"
+  | "deductibleLabel"
+  | "renewsOn"
+  | "policyNo"
+  | "policyStatus"
+  | "claimAmount"
+  | "documents"
+  | "expired"
+  | "expiresIn"
+  | "expiresOn"
+> = {
+  budgets: "Budgets",
+  budgetLeft: (amount) => `${amount} left`,
+  budgetOver: (amount) => `${amount} over`,
+  subscriptions: "Subscriptions",
+  perMonthTotal: (amount) => `${amount} a month`,
+  perYearTotal: (amount) => `${amount} a year`,
+  manageItem: (name) => `Manage ${name}`,
+  trialEnds: "Trial",
+  cancelledLabel: "Cancelled",
+  nextCharge: (date) => `Next on ${date}`,
+  periodWord: { week: "week", month: "month", quarter: "quarter", year: "year" },
+  netWorth: "Net worth",
+  assetsLabel: "Assets",
+  liabilitiesLabel: "Liabilities",
+  deadlines: "Deadlines",
+  overdueBy: (days) => (days === 1 ? "Overdue by 1 day" : `Overdue by ${days} days`),
+  dueToday: "Today",
+  dueIn: (days) => (days === 1 ? "Tomorrow" : `In ${days} days`),
+  markDone: (title) => `Mark ${title} done`,
+  coverageLabel: "Coverage",
+  covered: "Covered",
+  partlyCovered: "Partly",
+  notCovered: "Not covered",
+  sumInsured: "Sum insured",
+  deductibleLabel: "Deductible",
+  renewsOn: (date) => `Renews ${date}`,
+  policyNo: "Policy no.",
+  policyStatus: { active: "Active", pending: "Pending", expiring: "Expiring", lapsed: "Lapsed" },
+  claimAmount: "Claimed",
+  documents: "Documents",
+  expired: "Expired",
+  expiresIn: (days) => (days === 1 ? "Expires tomorrow" : `Expires in ${days} days`),
+  expiresOn: (date) => `Valid until ${date}`,
+};
+
+export const CONNECTOR_STRINGS: Pick<
+  UIStrings,
+  | "serviceStates"
+  | "connectors"
+  | "connectionsLabel"
+  | "manageAction"
+  | "manageService"
+  | "searchConnectors"
+  | "allCategories"
+  | "connect"
+  | "connectService"
+  | "openAction"
+  | "openService"
+  | "reconnect"
+  | "reconnectService"
+  | "comingSoon"
+  | "noConnectorMatch"
+  | "syncedAgo"
+  | "syncingNow"
+  | "syncFailed"
+  | "syncPaused"
+  | "neverSynced"
+  | "nextSync"
+  | "syncNow"
+  | "agentActivity"
+  | "actionKinds"
+  | "actionStates"
+  | "reviewAction"
+> = {
+  serviceStates: {
+    connected: "Connected",
+    syncing: "Syncing",
+    error: "Needs attention",
+    paused: "Paused",
+    off: "Off",
+  },
+  connectors: "Connectors",
+  connectionsLabel: "Connections",
+  manageAction: "Manage",
+  manageService: (name) => `Manage ${name}`,
+  searchConnectors: "Search connectors",
+  allCategories: "All",
+  connect: "Connect",
+  connectService: (name) => `Connect ${name}`,
+  openAction: "Open",
+  openService: (name) => `Open ${name}`,
+  reconnect: "Reconnect",
+  reconnectService: (name) => `Reconnect ${name}`,
+  comingSoon: "Coming soon",
+  noConnectorMatch: (q) => `No connector matches “${q}”`,
+  syncedAgo: (when) => `Synced ${when}`,
+  syncingNow: "Syncing…",
+  syncFailed: "Sync failed",
+  syncPaused: "Sync paused",
+  neverSynced: "Not synced yet",
+  nextSync: (when) => `Next ${when}`,
+  syncNow: "Sync now",
+  agentActivity: "Agent activity",
+  actionKinds: { read: "Read", act: "Acted", money: "Money" },
+  actionStates: {
+    waiting: "Waiting for you",
+    declined: "Declined",
+    undone: "Undone",
+    failed: "Failed",
+  },
+  reviewAction: "Review",
+};
+
+export const CONNECTED_DATA_STRINGS: Pick<
+  UIStrings,
+  | "deviceOn"
+  | "deviceOff"
+  | "deviceOffline"
+  | "targetTemp"
+  | "lowerTarget"
+  | "raiseTarget"
+  | "batteryLevel"
+  | "chargingStates"
+  | "chargeLimit"
+  | "chargedBy"
+  | "rangeLeft"
+  | "lockedState"
+  | "unlockedState"
+  | "lockAction"
+  | "climateLabel"
+  | "climateOnLabel"
+  | "climateOffLabel"
+  | "insideTemp"
+  | "playAction"
+  | "pauseAction"
+  | "nextTrack"
+  | "previousTrack"
+  | "playingOn"
+  | "heartRateZones"
+  | "zoneMinutes"
+  | "avgHeartRate"
+  | "caloriesLabel"
+  | "distanceLabel"
+  | "durationLabel"
+  | "durationHm"
+  | "calls"
+  | "callDirections"
+  | "callPerson"
+  | "reservationStatus"
+  | "bookingCode"
+  | "scoreLabels"
+  | "scoreNames"
+  | "toPar"
+  | "holdings"
+  | "portfolioShare"
+> = {
+  deviceOn: "On",
+  deviceOff: "Off",
+  deviceOffline: "Offline",
+  targetTemp: (v) => `Target ${v}`,
+  lowerTarget: "Lower target",
+  raiseTarget: "Raise target",
+  batteryLevel: (p) => `Battery ${p}`,
+  chargingStates: {
+    charging: "Charging",
+    complete: "Charged",
+    plugged: "Plugged in",
+    unplugged: "Not plugged in",
+  },
+  chargeLimit: (p) => `Limit ${p}`,
+  chargedBy: (time) => `Done by ${time}`,
+  rangeLeft: (d) => `${d} range`,
+  lockedState: "Locked",
+  unlockedState: "Unlocked",
+  lockAction: "Lock",
+  climateLabel: "Climate",
+  climateOnLabel: "Climate on",
+  climateOffLabel: "Climate off",
+  insideTemp: (v) => `Inside ${v}`,
+  playAction: "Play",
+  pauseAction: "Pause",
+  nextTrack: "Next",
+  previousTrack: "Previous",
+  playingOn: (d) => `Playing on ${d}`,
+  heartRateZones: "Heart-rate zones",
+  zoneMinutes: (zone, minutes) => `Zone ${zone}: ${minutes} min`,
+  avgHeartRate: "Avg heart rate",
+  caloriesLabel: "Calories",
+  distanceLabel: "Distance",
+  durationLabel: "Duration",
+  durationHm: (hours, minutes) =>
+    hours ? (minutes ? `${hours} h ${minutes} min` : `${hours} h`) : `${minutes} min`,
+  calls: "Calls",
+  callDirections: { incoming: "Incoming", outgoing: "Outgoing", missed: "Missed" },
+  callPerson: (name) => `Call ${name}`,
+  reservationStatus: {
+    confirmed: "Confirmed",
+    pending: "Pending",
+    cancelled: "Cancelled",
+    delayed: "Delayed",
+    onTheWay: "On the way",
+    delivered: "Delivered",
+  },
+  bookingCode: "Booking",
+  scoreLabels: {
+    hole: "Hole",
+    par: "Par",
+    score: "Score",
+    putts: "Putts",
+    out: "Out",
+    in: "In",
+    total: "Total",
+  },
+  scoreNames: {
+    eagle: "Eagle or better",
+    birdie: "Birdie",
+    par: "Par",
+    bogey: "Bogey",
+    double: "Double bogey or worse",
+  },
+  toPar: (n) => (n === 0 ? "Even" : n > 0 ? `+${n}` : `−${-n}`),
+  holdings: "Holdings",
+  portfolioShare: (p) => `${p} of portfolio`,
+};
+
 /** The English defaults: every group together. */
 export const DEFAULT_STRINGS: UIStrings = /* @__PURE__ */ Object.assign(
   {},
@@ -1503,12 +2017,16 @@ export const DEFAULT_STRINGS: UIStrings = /* @__PURE__ */ Object.assign(
   CHARTS_STRINGS,
   CHAT_STRINGS,
   COMMERCE_STRINGS,
+  CONNECTED_DATA_STRINGS,
+  CONNECTOR_STRINGS,
   DATA_DISPLAY_STRINGS,
   DATA_TABLE_STRINGS,
   DEVELOPER_STRINGS,
   FEEDBACK_STRINGS,
   FORM_STRINGS,
   FORMS_STRINGS,
+  HOUSEHOLD_STRINGS,
+  LIFE_STRINGS,
   MAIL_STRINGS,
   MEDIA_STRINGS,
   NAVIGATION_STRINGS,