@getsoren/design-system 4.81.1 → 4.83.0

package/dist/src/components/DataDisplay/Chat/Chat.d.ts

@@ -13,6 +13,10 @@ interface ChatProps {
 interface ChatBodyProps {
     children: ReactNode;
 }
+/**
+ * On a phone the list and the conversation cannot sit side by side: the body shows one pane at a
+ * time — the list until a thread is selected, then the conversation (its header offers the way back).
+ */
 declare const ChatBody: ({ children }: ChatBodyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 type ChatComponent = FC<ChatProps> & {
     Body: typeof ChatBody;

package/dist/src/components/DataDisplay/Chat/components/ChatConversationDetail.d.ts

@@ -1,3 +1,3 @@
 import { ChatConversationDetailProps } from '../types';
-declare const ChatConversationDetail: ({ threadId, participants, isLoading, messages, currentUserId, onDeleteConversation, onNewConversation, onSendMessage, onAddParticipants, onSearchParticipants, searchResults, isSearchingParticipants, avatarSrcResolver, renderAfterBubble, labels, formatDayLabel, isSending, formatParticipantName, headerAction, defaultMessage, onAddParticipantDialogOpenChange, messageMaxLength, slotProps, }: ChatConversationDetailProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ChatConversationDetail: ({ threadId, participants, isLoading, messages, currentUserId, onDeleteConversation, onNewConversation, onSendMessage, onAddParticipants, onSearchParticipants, searchResults, isSearchingParticipants, avatarSrcResolver, renderAfterBubble, labels, formatDayLabel, isSending, formatParticipantName, headerAction, defaultMessage, onAddParticipantDialogOpenChange, messageMaxLength, slotProps, onBack, }: ChatConversationDetailProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ChatConversationDetail;

package/dist/src/components/DataDisplay/Chat/components/ChatConversationDetailHeader.d.ts

@@ -14,6 +14,7 @@ interface ChatConversationDetailHeaderProps {
     headerAction?: ReactNode;
     onAddParticipantDialogOpenChange?: (open: boolean) => void;
     slotProps?: Pick<ChatConversationDetailSlotProps, "addParticipantsButton">;
+    onBack?: () => void;
 }
-declare const ChatConversationDetailHeader: ({ threadId, participants, onDeleteConversation, onAddParticipants, onSearchParticipants, searchResults, isSearchingParticipants, avatarSrcResolver, labels, formatParticipantName, headerAction, onAddParticipantDialogOpenChange, slotProps, }: ChatConversationDetailHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ChatConversationDetailHeader: ({ threadId, participants, onDeleteConversation, onAddParticipants, onSearchParticipants, searchResults, isSearchingParticipants, avatarSrcResolver, labels, formatParticipantName, headerAction, onAddParticipantDialogOpenChange, slotProps, onBack, }: ChatConversationDetailHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ChatConversationDetailHeader;

package/dist/src/components/DataDisplay/Chat/types.d.ts

@@ -44,6 +44,7 @@ export interface ChatConversationDetailLabels {
     participants?: string;
     searchContacts?: string;
     add?: string;
+    back?: string;
 }
 export interface ChatMessageInputLabels {
     writeAMessage?: string;
@@ -106,6 +107,7 @@ export interface ChatConversationDetailProps {
     onAddParticipantDialogOpenChange?: (open: boolean) => void;
     messageMaxLength?: number;
     slotProps?: ChatConversationDetailSlotProps;
+    onBack?: () => void;
 }
 export interface ChatMessageBubbleProps {
     isOwn: boolean;

package/dist/src/components/DataDisplay/PlanningTimeline/PlanningTimeline.d.ts

@@ -1,3 +1,3 @@
 import { PlanningTimelineGroup, PlanningTimelineProps, PlanningTimelineResource, PlanningTimelineTask } from './types';
-declare const PlanningTimeline: <G extends PlanningTimelineGroup, R extends PlanningTimelineResource, T extends PlanningTimelineTask>({ groups, resources, tasks, isLoading, onTaskClick, onResourceClick, onGroupClick, onBarResize, renderGroup, renderResource, renderBar, renderTooltip, isTaskSelected, recenterKey, toolbarActions, toolbarLeadingActions, sidebarTitle, locale, labels, localStorageKeys, defaultViewMode, sidebarWidth, rowHeight, }: PlanningTimelineProps<G, R, T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const PlanningTimeline: <G extends PlanningTimelineGroup, R extends PlanningTimelineResource, T extends PlanningTimelineTask>({ groups, resources, tasks, isLoading, onTaskClick, onResourceClick, onGroupClick, onBarResize, renderGroup, renderResource, renderBar, renderTooltip, isTaskSelected, recenterKey, toolbarActions, toolbarLeadingActions, sidebarTitle, locale, labels, localStorageKeys, defaultViewMode, sidebarWidth: sidebarWidthProp, rowHeight, }: PlanningTimelineProps<G, R, T>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default PlanningTimeline;

package/dist/src/components/Navigation/NavigationMenu/NavigationMenu.d.ts

@@ -112,6 +112,11 @@ export interface BottomLinkProps {
      * Content displayed for the link
      */
     label?: ReactNode;
+    /**
+     * Shown right after the label (store marks, a badge…), and hidden with it on the collapsed rail,
+     * where the tooltip keeps the label alone
+     */
+    endAdornment?: ReactNode;
     /**
      * Force the active state of the link
      */
@@ -126,6 +131,11 @@ export interface BottomLinkProps {
      * @default false
      */
     iconOnlyWhenCollapsed?: boolean;
+    /**
+     * Leave the link out, so a list can declare every link and only toggle the ones shown
+     * @default false
+     */
+    hidden?: boolean;
     /**
      * Disable the link
      */
@@ -219,7 +229,8 @@ export interface NavigationMenuProps {
      */
     NavLink?: (props: NavLinkProps) => ReactNode;
     /**
-     * Logo component
+     * Heads the drawer (phones and tablets), next to its close button on phones. Not shown on desktop,
+     * where the brand lives in the app bar. Activating a link or a button in it closes the drawer.
      */
     Logo?: ReactNode;
     /**

package/package.json

@@ -2,7 +2,7 @@
   "name": "@getsoren/design-system",
   "description": "Design System React library",
   "sideEffects": false,
-  "version": "4.81.1",
+  "version": "4.83.0",
   "license": "ISC",
   "type": "module",
   "types": "./dist/src/main.d.ts",