@twentyfirstmedia/ui-core 0.7.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,6 +24,8 @@ export {
   CHARTS_STRINGS,
   CHAT_STRINGS,
   COMMERCE_STRINGS,
+  CONNECTED_DATA_STRINGS,
+  CONNECTOR_STRINGS,
   DATA_DISPLAY_STRINGS,
   DATA_TABLE_STRINGS,
   DEVELOPER_STRINGS,

package/src/strings.ts

@@ -586,6 +586,97 @@ export interface UIStrings {
   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
 }
 
@@ -1621,6 +1712,8 @@ export const LIFE_STRINGS: Pick<
   | "lastUsed"
   | "notUsedYet"
   | "requiredScope"
+  | "scopeLevels"
+  | "asksFirst"
 > = {
   habits: "Habits",
   habitStreak: (days) => `${days}-day streak`,
@@ -1656,6 +1749,8 @@ export const LIFE_STRINGS: Pick<
   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`. */
@@ -1730,6 +1825,186 @@ export const HOUSEHOLD_STRINGS: Pick<
   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(
   {},
@@ -1742,6 +2017,8 @@ 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,