@caratlogic/design-system 0.1.18 → 0.1.19

package/dist/components/organisms/ActivityFeed/ActivityFeed.accessibility.d.ts

@@ -0,0 +1,10 @@
+export declare const ACTIVITY_FEED_ARIA: {
+    readonly feedLabel: "Activity feed";
+    readonly expandRow: (summary: string) => string;
+    readonly collapseRow: (summary: string) => string;
+    readonly expandAutomatedGroup: (count: number) => string;
+    readonly collapseAutomatedGroup: (count: number) => string;
+    readonly copyReference: "Copy reference";
+    readonly changesTable: "Fields changed by this entry";
+};
+//# sourceMappingURL=ActivityFeed.accessibility.d.ts.map

package/dist/components/organisms/ActivityFeed/ActivityFeed.accessibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityFeed.accessibility.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ActivityFeed/ActivityFeed.accessibility.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB;;kCAER,MAAM;oCACJ,MAAM;2CACC,MAAM;6CAEJ,MAAM;;;CAI9B,CAAC"}

package/dist/components/organisms/ActivityFeed/ActivityFeed.components.d.ts

@@ -0,0 +1,22 @@
+import { type ReactElement } from 'react';
+import type { ActivityDayGroup, ActivityEntry, ActivityStatusTone } from './ActivityFeed.types';
+export declare function ActivityDayHeader({ group, }: {
+    group: ActivityDayGroup;
+}): ReactElement;
+interface ActivityRowProps {
+    entry: ActivityEntry;
+    showRail: boolean;
+    statusColors: Record<string, ActivityStatusTone>;
+}
+export declare function ActivityRow({ entry, showRail, statusColors, }: ActivityRowProps): ReactElement;
+interface AutomatedGroupRowProps {
+    entries: ActivityEntry[];
+    statusColors: Record<string, ActivityStatusTone>;
+}
+/**
+ * A run of automated entries folded into one line. Scheduled reminders are the
+ * bulk of a busy day and rarely the thing a reader came for.
+ */
+export declare function ActivityAutomatedGroupRow({ entries, statusColors, }: AutomatedGroupRowProps): ReactElement;
+export {};
+//# sourceMappingURL=ActivityFeed.components.d.ts.map

package/dist/components/organisms/ActivityFeed/ActivityFeed.components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityFeed.components.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ActivityFeed/ActivityFeed.components.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAgBpD,OAAO,KAAK,EACV,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EACnB,MAAM,sBAAsB,CAAC;AAE9B,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,GACN,EAAE;IACD,KAAK,EAAE,gBAAgB,CAAC;CACzB,GAAG,YAAY,CAYf;AA6ND,UAAU,gBAAgB;IACxB,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;CAClD;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,YAAY,GACb,EAAE,gBAAgB,GAAG,YAAY,CAyFjC;AAED,UAAU,sBAAsB;IAC9B,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;CAClD;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,OAAO,EACP,YAAY,GACb,EAAE,sBAAsB,GAAG,YAAY,CAwDvC"}

package/dist/components/organisms/ActivityFeed/ActivityFeed.constants.d.ts

@@ -0,0 +1,19 @@
+import { type LucideIcon } from 'lucide-react';
+import type { ActivityCategory } from './ActivityFeed.types';
+interface CategoryMeta {
+    label: string;
+    icon: LucideIcon;
+    /** Token-based tone for the row's icon disc and the filter pill's dot. */
+    iconClassName: string;
+    dotClassName: string;
+}
+/**
+ * Categories carry both a colour and a distinct icon — the colour alone never
+ * distinguishes them, so the feed stays readable without relying on hue.
+ */
+export declare const ACTIVITY_CATEGORY_META: Record<ActivityCategory, CategoryMeta>;
+export declare const ACTIVITY_CATEGORIES: ActivityCategory[];
+/** Feed grid: time gutter, icon rail, content, expand control. */
+export declare const ACTIVITY_ROW_GRID = "grid grid-cols-[52px_32px_minmax(0,1fr)_36px] gap-x-3";
+export {};
+//# sourceMappingURL=ActivityFeed.constants.d.ts.map

package/dist/components/organisms/ActivityFeed/ActivityFeed.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityFeed.constants.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ActivityFeed/ActivityFeed.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,UAAU,EAChB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;IACjB,0EAA0E;IAC1E,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,gBAAgB,EAAE,YAAY,CA+BzE,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAE3B,gBAAgB,EAAE,CAAC;AAExB,kEAAkE;AAClE,eAAO,MAAM,iBAAiB,0DAC2B,CAAC"}

package/dist/components/organisms/ActivityFeed/ActivityFeed.d.ts

@@ -0,0 +1,11 @@
+import { type ReactElement } from 'react';
+import type { ActivityFeedProps } from './ActivityFeed.types';
+/**
+ * Day-grouped activity feed: a time gutter, a category icon on a connecting
+ * rail, a one-sentence description, and per-row details on demand.
+ *
+ * Presentational by design — it fetches nothing and knows no domain vocabulary.
+ * The host maps its records to `ActivityEntry` and owns paging via `onLoadMore`.
+ */
+export declare function ActivityFeed({ entries, isLoading, hasMore, isLoadingMore, onLoadMore, groupAutomated, fill, statusColors, emptyMessage, className, }: ActivityFeedProps): ReactElement;
+//# sourceMappingURL=ActivityFeed.d.ts.map

package/dist/components/organisms/ActivityFeed/ActivityFeed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityFeed.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ActivityFeed/ActivityFeed.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAYnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAiB9D;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,SAAiB,EACjB,OAAe,EACf,aAAqB,EACrB,UAAU,EACV,cAAqB,EACrB,IAAY,EACZ,YAAiB,EACjB,YAA0C,EAC1C,SAAS,GACV,EAAE,iBAAiB,GAAG,YAAY,CAyElC"}

package/dist/components/organisms/ActivityFeed/ActivityFeed.types.d.ts

@@ -0,0 +1,102 @@
+/**
+ * Data contract for the activity feed. Deliberately free of any KYC vocabulary:
+ * the host maps its own records onto these entries, so the feed can be lifted
+ * into the design system and reused by another product unchanged.
+ */
+export type ActivityCategory = 'customer' | 'form' | 'communication' | 'verification' | 'status';
+export type ActivityActorKind = 'admin' | 'customer' | 'system';
+export interface ActivityActor {
+    id?: string;
+    name: string;
+    kind: ActivityActorKind;
+}
+/** Who the entry is about, as recorded at the time it happened. */
+export interface ActivityContact {
+    id?: string;
+    name?: string;
+    company?: string;
+    email?: string;
+    roles?: string[];
+    isActive?: boolean;
+}
+/** One field-level change, rendered as a Before → After row. */
+export interface ActivityChange {
+    field: string;
+    before?: string;
+    after?: string;
+}
+export interface ActivityLink {
+    label: string;
+    onClick: () => void;
+}
+export interface ActivityEntry {
+    id: string;
+    /** ISO timestamp. Drives both the day grouping and the time gutter. */
+    createdAt: string;
+    category: ActivityCategory;
+    actor: ActivityActor;
+    /** Sentence fragment after the actor's name, e.g. "approved KYC for". */
+    action: string;
+    /** Optional linked subject closing the sentence, e.g. the company. */
+    subject?: ActivityLink;
+    /** One muted line under the sentence. Keep it to the essentials. */
+    detail?: string;
+    statusFrom?: string;
+    statusTo?: string;
+    contact?: ActivityContact;
+    changes: ActivityChange[];
+    /**
+     * Show the changes table even when `changes` is empty, to state that a field
+     * diff was expected and none was recorded. Off hides the table entirely, which
+     * is right for events that never describe a change.
+     */
+    changesExpected?: boolean;
+    /** Correlation id shown in the expanded footer. */
+    reference: string;
+    notes?: string;
+    /** Extra links in the expanded footer, e.g. "Open customer". */
+    links?: ActivityLink[];
+}
+export interface ActivityFeedProps {
+    entries: ActivityEntry[];
+    isLoading?: boolean;
+    /** Renders the load-more control when there are older entries to fetch. */
+    hasMore?: boolean;
+    isLoadingMore?: boolean;
+    onLoadMore?: () => void;
+    /**
+     * Collapse consecutive automated entries on the same day into one row that
+     * expands on demand. Off leaves every automated entry in place.
+     */
+    groupAutomated?: boolean;
+    /**
+     * Stretch to the host's height. Off (the default) leaves the feed sized to its
+     * content, which is what a page that scrolls as a whole wants.
+     */
+    fill?: boolean;
+    /** Tone map for the status chips, keyed by status label. */
+    statusColors?: Record<string, ActivityStatusTone>;
+    emptyMessage?: string;
+    className?: string;
+}
+export type ActivityStatusTone = 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'destructive';
+/** A day's worth of entries, newest-first or oldest-first as supplied. */
+export interface ActivityDayGroup {
+    key: string;
+    /** "Today" / "Yesterday" / weekday name. */
+    label: string;
+    /** Full date, shown beside the label. */
+    dateLabel: string;
+    rows: ActivityRowItem[];
+    count: number;
+}
+/** A feed row is either one entry or a collapsed run of automated ones. */
+export type ActivityRowItem = {
+    kind: 'entry';
+    entry: ActivityEntry;
+} | {
+    kind: 'automated-group';
+    id: string;
+    entries: ActivityEntry[];
+};
+//# sourceMappingURL=ActivityFeed.types.d.ts.map

package/dist/components/organisms/ActivityFeed/ActivityFeed.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityFeed.types.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ActivityFeed/ActivityFeed.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,MAAM,gBAAgB,GACxB,UAAU,GACV,MAAM,GACN,eAAe,GACf,cAAc,GACd,QAAQ,CAAC;AAEb,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEhE,MAAM,WAAW,aAAa;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,iBAAiB,CAAC;CACzB;AAED,mEAAmE;AACnE,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,gEAAgE;AAChE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,uEAAuE;IACvE,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,yEAAyE;IACzE,MAAM,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mDAAmD;IACnD,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gEAAgE;IAChE,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;CACxB;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,WAAW,GACX,MAAM,GACN,SAAS,GACT,SAAS,GACT,aAAa,CAAC;AAElB,0EAA0E;AAC1E,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,2EAA2E;AAC3E,MAAM,MAAM,eAAe,GACvB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,aAAa,CAAA;CAAE,GACvC;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,aAAa,EAAE,CAAA;CAAE,CAAC"}

package/dist/components/organisms/ActivityFeed/ActivityFeed.utils.d.ts

@@ -0,0 +1,12 @@
+import type { ActivityDayGroup, ActivityEntry } from './ActivityFeed.types';
+export declare function formatActivityTime(iso: string): string;
+/**
+ * Bucket entries by calendar day, preserving the order they arrive in so the
+ * caller keeps control of newest-first vs oldest-first.
+ */
+export declare function groupActivityByDay(entries: ActivityEntry[], groupAutomated: boolean, now?: Date): ActivityDayGroup[];
+/** Initials for the contact avatar, capped at two letters. */
+export declare function initialsOf(name: string): string;
+/** Shortens a correlation id so it never pushes the footer's actions off-row. */
+export declare function truncateReference(reference: string, max?: number): string;
+//# sourceMappingURL=ActivityFeed.utils.d.ts.map

package/dist/components/organisms/ActivityFeed/ActivityFeed.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityFeed.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ActivityFeed/ActivityFeed.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,aAAa,EAEd,MAAM,sBAAsB,CAAC;AAE9B,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAQtD;AAgED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,aAAa,EAAE,EACxB,cAAc,EAAE,OAAO,EACvB,GAAG,GAAE,IAAiB,GACrB,gBAAgB,EAAE,CAyBpB;AAED,8DAA8D;AAC9D,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAQ/C;AAED,iFAAiF;AACjF,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,SAAK,GAAG,MAAM,CAErE"}

package/dist/components/organisms/ActivityFeed/index.d.ts

@@ -0,0 +1,4 @@
+export { ActivityFeed } from './ActivityFeed';
+export { ACTIVITY_CATEGORIES, ACTIVITY_CATEGORY_META, } from './ActivityFeed.constants';
+export type { ActivityActor, ActivityActorKind, ActivityCategory, ActivityChange, ActivityContact, ActivityDayGroup, ActivityEntry, ActivityFeedProps, ActivityLink, ActivityRowItem, ActivityStatusTone, } from './ActivityFeed.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/ActivityFeed/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ActivityFeed/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EACL,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,kBAAkB,GACnB,MAAM,sBAAsB,CAAC"}