@sesamehr/react-design-system 2.0.0-beta.7 → 2.0.0-beta.8

package/dist/Data/Table/hooks/useTableVirtual/useTableVirtual.types.d.ts

@@ -26,9 +26,10 @@ export interface UseTableVirtualOptions {
      * This is what turns a scroll position into a row index, so it is worth
      * getting right: the error is paid on every row crossed, which is nothing at
      * one click of the wheel and hundreds of rows after a flick. The default,
-     * 48px, is the height `TableRow` gives itself with plain text in it. Rows
-     * with an avatar or two lines of text are taller, and those tables should say
-     * so here.
+     * 52px, is `--table-row-height` on `.oxTableRoot` — the minimum a row's cells
+     * give it with plain text in them. (Not `TableRow`'s own CSS: `height` on a
+     * `<tr>` is ignored by the table layout algorithm.) Rows with an avatar or two
+     * lines of text are taller, and those tables should say so here.
      *
      * It is deliberately a number you give rather than one measured from the
      * page. Measuring as you scroll means the total height changes as you scroll,

package/dist/Display/ChatBubble/ChatBubble.d.ts

@@ -1,10 +1,27 @@
 import { ReactNode } from 'react';
-import { ChatBubbleVariants } from './index.ts';
+import { ChatBubbleDelivery, ChatBubbleVariants } from './index.ts';
 export interface ChatBubbleProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Who said it: the reader, or someone else */
     author?: ChatBubbleVariants['author'];
-    /** The line under the message — the timestamp, and a receipt if there is one */
-    meta?: ReactNode;
+    /**
+     * When the message went and whether it arrived, drawn as the footer line.
+     *
+     * Each key stands alone, so `{ time }`, `{ status }`, both or neither all
+     * work and an omitted key renders nothing — there is no flag to set and no
+     * line to assemble. Anything this cannot express (a delivery error, an
+     * "edited" marker, an avatar) goes in `footer` instead, which replaces this
+     * line wholesale when both are given.
+     */
+    delivery?: ChatBubbleDelivery;
+    /**
+     * The line under the message, drawn by hand. Ports the Vue `#footer` slot,
+     * and wins over `delivery` when both are supplied.
+     *
+     * Spelled `ReactNode` inline rather than behind an alias because
+     * `orxata/max-props` discounts a slot by reading the type *text*, and an alias
+     * hides it.
+     */
+    footer?: ReactNode;
     dataTestid: string;
 }
 /** ChatBubble — mirrors `@sesame/orxata-core` ChatBubble. */

package/dist/Display/ChatBubble/index.d.ts

@@ -1,5 +1,36 @@
 import { VariantProps } from 'class-variance-authority';
+import { ChatBubbleStatusVariants } from './ChatBubbleStatus/index.ts';
 export { ChatBubble, type ChatBubbleProps } from './ChatBubble.tsx';
+/**
+ * When the message went and whether it arrived — the bubble's footer, as data
+ * rather than as markup.
+ *
+ * One object rather than a prop each, for the same reason `ChatInput` takes one
+ * `actionLabels`: the parts belong together, they are all optional, and spending
+ * a prop per part would put a two-field component against the five-prop cap for
+ * no gain. Every key is independent — a time with no receipt, a receipt with no
+ * time, both, or neither — and an omitted key renders nothing at all, so the
+ * four combinations need no flags to select between them.
+ *
+ * Nothing here is prose the design system invents. `time` is a string the caller
+ * has already formatted, because formatting a date needs a locale, a timezone
+ * and a house style, and this package ships no strings and knows none of those.
+ * `status` is not text at all — it is an enum the bubble draws as an icon.
+ */
+export interface ChatBubbleDelivery {
+    /**
+     * The timestamp, already formatted — `'13 mar'`, `'09:41'`, whatever the
+     * product shows. Omit it for a bubble that carries only a receipt.
+     */
+    time?: string;
+    /**
+     * How far along the message is, drawn as a receipt.
+     *
+     * Only your own messages have one: there is no receipt for what somebody else
+     * said, so a bubble with `author: 'other'` normally omits this.
+     */
+    status?: NonNullable<ChatBubbleStatusVariants['status']>;
+}
 /**
  * Who said it, which is the only thing that varies.
  *

package/dist/main.d.ts

@@ -25,7 +25,7 @@ export { NumberFlow as OxNumberFlow, resolveNumberFlowPreset, NUMBER_FLOW_PRESET
 export { PaymentCard as OxPaymentCard, paymentCardVariants, type PaymentCardVariants, type BadgeType, type CardData, } from './Display/PaymentCard/index.ts';
 export { FileCard as OxFileCard } from './Display/FileCard/index.ts';
 export { FilePreviewCard as OxFilePreviewCard } from './Display/FilePreviewCard/index.ts';
-export { ChatBubble as OxChatBubble, chatBubbleVariants, type ChatBubbleVariants, } from './Display/ChatBubble/index.ts';
+export { ChatBubble as OxChatBubble, chatBubbleVariants, type ChatBubbleDelivery, type ChatBubbleVariants, } from './Display/ChatBubble/index.ts';
 export { ChatBubbleStatus as OxChatBubbleStatus, chatBubbleStatusVariants, type ChatBubbleStatusVariants, } from './Display/ChatBubble/ChatBubbleStatus/index.ts';
 export { Chip as OxChip, chipVariants, type ChipVariants, } from './Display/Chip/index.ts';
 export { PointMarker as OxPointMarker, pointMarkerVariants, type PointMarkerVariants, } from './Display/PointMarker/index.ts';