@dxos/react-ui-card 0.8.2-staging.7ac8446 → 0.11.0

package/dist/types/src/components/Row/Row.d.ts

@@ -0,0 +1,100 @@
+import React, { type MouseEvent } from 'react';
+import { type Database, Obj } from '@dxos/echo';
+import { type Actor, type Message } from '@dxos/types';
+type RowDateProps = {
+    start: Date;
+    end?: Date;
+};
+declare function RowDate({ start, end }: RowDateProps): React.JSX.Element;
+declare namespace RowDate {
+    var displayName: string;
+}
+type RowRefProps = {
+    object: Obj.Any;
+};
+declare function RowRef({ object }: RowRefProps): React.JSX.Element;
+declare namespace RowRef {
+    var displayName: string;
+}
+/** Recipient/participant kind; drives the leading icon and accessible label. */
+export type PersonRole = 'from' | 'to' | 'cc' | 'bcc' | 'attendee';
+type RowPersonProps = {
+    actor: Actor.Actor;
+    /** Recipient/participant kind (icon + aria only; no visible prefix). */
+    role?: PersonRole;
+    /**
+     * Render a static `DxAvatar` in the gutter (hook-free) instead of the interactive contact anchor.
+     * Used by list tiles where resolving a contact per row (a hook) would be too costly.
+     */
+    avatar?: boolean;
+    db?: Database.Database;
+    onContactCreate?: (actor: Actor.Actor) => void;
+    /** Render a trailing remove button (e.g. attendee rows in the editable event header). */
+    onRemove?: () => void;
+    /** Click handler for the avatar (e.g. select the message); avatar variant only. */
+    onClick?: (event: MouseEvent) => void;
+};
+declare function RowPerson({ avatar, onClick, ...props }: RowPersonProps): React.JSX.Element;
+declare namespace RowPerson {
+    var displayName: string;
+}
+type TagItem = {
+    id: string;
+    label?: string;
+    hue?: string;
+};
+type RowTagsProps = {
+    /** Optional — callers may pass an undefined/empty list (e.g. a message with no tags). */
+    tags?: TagItem[];
+    /** When provided, each chip is clickable and stops event propagation. */
+    onTagClick?: (label: string) => void;
+};
+declare function RowTags({ tags, onTagClick }: RowTagsProps): React.JSX.Element | null;
+declare namespace RowTags {
+    var displayName: string;
+}
+type RowAttachmentsProps = {
+    /** Optional — callers may pass an undefined/empty list (e.g. a message with no attachments). */
+    attachments?: readonly Message.Attachment[];
+};
+declare function RowAttachments({ attachments }: RowAttachmentsProps): React.JSX.Element | null;
+declare namespace RowAttachments {
+    var displayName: string;
+}
+type RowStarProps = {
+    starred?: boolean;
+    /** Toggle handler; the button renders only when provided. */
+    onToggle?: () => void;
+};
+declare function RowStar({ starred, onToggle }: RowStarProps): React.JSX.Element | null;
+declare namespace RowStar {
+    var displayName: string;
+}
+export declare const Row: {
+    Date: {
+        ({ start, end }: RowDateProps): React.JSX.Element;
+        displayName: string;
+    };
+    Ref: {
+        ({ object }: RowRefProps): React.JSX.Element;
+        displayName: string;
+    };
+    Person: {
+        ({ avatar, onClick, ...props }: RowPersonProps): React.JSX.Element;
+        displayName: string;
+    };
+    Tags: {
+        ({ tags, onTagClick }: RowTagsProps): React.JSX.Element | null;
+        displayName: string;
+    };
+    Attachments: {
+        ({ attachments }: RowAttachmentsProps): React.JSX.Element | null;
+        displayName: string;
+    };
+    Star: {
+        ({ starred, onToggle }: RowStarProps): React.JSX.Element | null;
+        displayName: string;
+    };
+};
+export type { RowAttachmentsProps, RowDateProps, RowPersonProps, RowRefProps, RowStarProps, RowTagsProps };
+//# sourceMappingURL=Row.d.ts.map

package/dist/types/src/components/Row/Row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../../src/components/Row/Row.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,UAAU,EAAuB,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,KAAK,QAAQ,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAYhD,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,OAAO,EAAE,MAAM,aAAa,CAAC;AAkFvD,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,IAAI,CAAC;IACZ,GAAG,CAAC,EAAE,IAAI,CAAC;CACZ,CAAC;yBAGe,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,YAAY;;;;AA4B7C,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC;CACjB,CAAC;wBAGc,EAAE,MAAM,EAAE,EAAE,WAAW;;;;AAwBvC,gFAAgF;AAChF,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,UAAU,CAAC;AAEnE,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC;IACnB,wEAAwE;IACxE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC;IAC/C,yFAAyF;IACzF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,mFAAmF;IACnF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC,CAAC;2BA4DiB,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc;;;;AAShE,KAAK,OAAO,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5D,KAAK,YAAY,GAAG;IAClB,yFAAyF;IACzF,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IACjB,yEAAyE;IACzE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;yBAGe,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,YAAY;;;;AAuCnD,KAAK,mBAAmB,GAAG;IACzB,gGAAgG;IAChG,WAAW,CAAC,EAAE,SAAS,OAAO,CAAC,UAAU,EAAE,CAAC;CAC7C,CAAC;gCAMsB,EAAE,WAAW,EAAE,EAAE,mBAAmB;;;;AA4B5D,KAAK,YAAY,GAAG;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;yBAMe,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,YAAY;;;;AAsBpD,eAAO,MAAM,GAAG;IACd,IAAI;yBAvQ2B,YAAY;;;IAwQ3C,GAAG;qBAvOuB,WAAW;;;IAwOrC,MAAM;wCAlI0C,cAAc;;;IAmI9D,IAAI;+BAhHiC,YAAY;;;IAiHjD,WAAW;0BAjE4B,mBAAmB;;;IAkE1D,IAAI;gCA5BkC,YAAY;;;CA6BnD,CAAC;AAEF,YAAY,EAAE,mBAAmB,EAAE,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/dist/types/src/components/Row/Row.stories.d.ts

@@ -0,0 +1,23 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    render: () => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+        translations: [{
+            readonly 'en-US': {
+                readonly "@dxos/react-ui-card": {
+                    readonly 'show-contact.label': 'Show contact';
+                    readonly 'create-contact.label': 'Create contact';
+                    readonly 'remove-attendee.label': 'Remove attendee';
+                };
+            };
+        }];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=Row.stories.d.ts.map

package/dist/types/src/components/Row/Row.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Row/Row.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAkB,MAAM,OAAO,CAAC;AA6CvC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;CAQ2B,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/components/Row/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Row';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Row/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Row/index.ts"],"names":[],"mappings":"AAIA,cAAc,OAAO,CAAC"}

package/dist/types/src/components/index.d.ts

@@ -1,2 +1,4 @@
-export * from './Card';
+export * from './Avatar';
+export * from './CardTile';
+export * from './Row';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC"}

package/dist/types/src/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useActorContact';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/index.ts"],"names":[],"mappings":"AAIA,cAAc,mBAAmB,CAAC"}

package/dist/types/src/hooks/useActorContact.d.ts

@@ -0,0 +1,5 @@
+import { type Database } from '@dxos/echo';
+import { EID } from '@dxos/keys';
+import { type Actor } from '@dxos/types';
+export declare const useActorContact: (db?: Database.Database, actor?: Actor.Actor) => EID.EID | undefined;
+//# sourceMappingURL=useActorContact.d.ts.map

package/dist/types/src/hooks/useActorContact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActorContact.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useActorContact.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,QAAQ,EAAe,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,KAAK,KAAK,EAAU,MAAM,aAAa,CAAC;AAGjD,eAAO,MAAM,eAAe,QAAS,QAAQ,CAAC,QAAQ,UAAU,KAAK,CAAC,KAAK,KAAG,GAAG,CAAC,GAAG,GAAG,SAkBvF,CAAC"}

package/dist/types/src/index.d.ts

@@ -1,3 +1,4 @@
 export * from './components';
-export * from './theme';
+export * from './hooks';
+export * from './util';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}

package/dist/types/src/translations.d.ts

@@ -0,0 +1,11 @@
+export declare const translationKey = "@dxos/react-ui-card";
+export declare const translations: [{
+    readonly 'en-US': {
+        readonly "@dxos/react-ui-card": {
+            readonly 'show-contact.label': 'Show contact';
+            readonly 'create-contact.label': 'Create contact';
+            readonly 'remove-attendee.label': 'Remove attendee';
+        };
+    };
+}];
+//# sourceMappingURL=translations.d.ts.map

package/dist/types/src/translations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,wBAAwB,CAAC;AAEpD,eAAO,MAAM,YAAY;;;qBAIjB,oBAAoB,EAAE,cAAc;qBACpC,sBAAsB,EAAE,gBAAgB;qBACxC,uBAAuB,EAAE,iBAAiB;;;EAInB,CAAC"}

package/dist/types/src/util.d.ts

@@ -0,0 +1,3 @@
+/** Deterministic string hash (djb2), used to map a name to a stable avatar hue. */
+export declare const hashString: (str?: string) => number;
+//# sourceMappingURL=util.d.ts.map

package/dist/types/src/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/util.ts"],"names":[],"mappings":"AAIA,mFAAmF;AACnF,eAAO,MAAM,UAAU,SAAU,MAAM,KAAG,MAC4D,CAAC"}