@soul-refiner/design-system 0.2.100 → 0.2.102

package/dist/components/actions/dropdown/dropdown.js

@@ -106,7 +106,11 @@ const Dropdown = ({ checkbox, children, closeOnChange = true, closeOnBlur = true
             : { isDropdownOpen: open, onClick: handleOpen }),
         open && (React.createElement(Container, { "$hasArrow": hasArrow, "$offset": offset, "$openDirection": openDirection, ref: optionsRef, "$sx": containerSx, "$useFullWidth": useFullWidth },
             React.createElement("div", { style: { display: 'flex' } },
-                React.createElement("div", { style: { display: 'flex', flexDirection: 'column' } }, dropdownOptions),
+                React.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        width: '100%',
+                    } }, dropdownOptions),
                 !!additionalOptions?.length && (React.createElement("div", { style: { display: 'flex', flexDirection: 'column' } }, additionalOptions.map((additionalOption) => (React.createElement(Option, { key: additionalOption.value, onClick: handleAdditionalChange, selected: additionalSelected === additionalOption.value, label: additionalOption.label, value: additionalOption.value }))))))))));
 };
 const Wrapper = styled.div `

package/dist/components/surfaces/comment/comment.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 export interface CommentProps {
+    avatarTooltipContent?: React.ReactElement;
     content: string;
     createdDate: Date;
     hasMoreReplies?: boolean;
@@ -15,4 +16,4 @@ export interface CommentProps {
     userReactions?: string[];
     userProfileUri: string;
 }
-export declare const Comment: ({ content, createdDate, hasMoreReplies, id, onComment, onReact, onShowReplies, reactionModal, reactions, replies, userImageUri, userName, userReactions, userProfileUri, }: CommentProps) => React.JSX.Element;
+export declare const Comment: ({ avatarTooltipContent, content, createdDate, hasMoreReplies, id, onComment, onReact, onShowReplies, reactionModal, reactions, replies, userImageUri, userName, userReactions, userProfileUri, }: CommentProps) => React.JSX.Element;

package/dist/components/surfaces/comment/comment.js

@@ -10,7 +10,7 @@ import { Styles } from '../../../common';
 import { ThumbsUp, Comment as CommentIcon } from '../../../icons';
 import { abbrTimeBeforeDate } from './helpers';
 const MAX_REACTIONS_SHOWN = 5;
-export const Comment = ({ content, createdDate, hasMoreReplies, id, onComment, onReact, onShowReplies, reactionModal, reactions, replies, userImageUri, userName, userReactions, userProfileUri, }) => {
+export const Comment = ({ avatarTooltipContent, content, createdDate, hasMoreReplies, id, onComment, onReact, onShowReplies, reactionModal, reactions, replies, userImageUri, userName, userReactions, userProfileUri, }) => {
     const [showPicker, setShowPicker] = React.useState(false);
     const [pickerTriggerLoc, setPickerTriggerLoc] = React.useState({
         x: 0,
@@ -66,7 +66,7 @@ export const Comment = ({ content, createdDate, hasMoreReplies, id, onComment, o
                 React.createElement(ReplyIndicator, null)));
         });
     return (React.createElement(Wrapper, { id: id },
-        React.createElement(Avatar, { href: userProfileUri, image: userImageUri, size: 32 }),
+        React.createElement(Avatar, { href: userProfileUri, image: userImageUri, size: 32, tooltipContent: avatarTooltipContent }),
         React.createElement(Box, { "$flex": 1, "$dir": "column" },
             React.createElement(ContentWrapper, { "$hasReplies": hasReplies || !!hasMoreReplies },
                 React.createElement(CommentBox, null,

package/dist/components/surfaces/post/post.d.ts

@@ -5,6 +5,7 @@ export interface PostProps extends React.PropsWithChildren {
     authorActive?: boolean;
     authorHref: string;
     authorImage: string;
+    avatarTooltipContent?: React.ReactElement;
     content: string;
     createdDate: string;
     dropdown?: React.ReactElement;
@@ -14,4 +15,4 @@ export interface PostProps extends React.PropsWithChildren {
     isPaywalled?: boolean;
     onJoin?: () => void;
 }
-export declare const Post: ({ actions, author, authorActive, authorHref, authorImage, children, content, createdDate, dropdown, hasComments, id, images, isPaywalled, onJoin, }: PostProps) => React.JSX.Element;
+export declare const Post: ({ actions, author, authorActive, authorHref, authorImage, avatarTooltipContent, children, content, createdDate, dropdown, hasComments, id, images, isPaywalled, onJoin, }: PostProps) => React.JSX.Element;

package/dist/components/surfaces/post/post.js

@@ -6,14 +6,14 @@ import { Button } from '../../actions/button';
 import { Avatar } from '../../iconography/avatar';
 import { Lock } from '../../../icons';
 import { abbrTimeBeforeDate } from './helpers';
-export const Post = ({ actions, author, authorActive, authorHref, authorImage, children, content, createdDate, dropdown, hasComments, id, images, isPaywalled = false, onJoin, }) => {
+export const Post = ({ actions, author, authorActive, authorHref, authorImage, avatarTooltipContent, children, content, createdDate, dropdown, hasComments, id, images, isPaywalled = false, onJoin, }) => {
     const componentId = React.useId();
     const _actions = React.Children.toArray(actions);
     const _comments = React.Children.toArray(children);
     const subtitle = abbrTimeBeforeDate(new Date(createdDate));
     return (React.createElement(Wrapper, { id: id },
         React.createElement(Header, null,
-            React.createElement(Avatar, { href: authorHref, image: authorImage, size: 64, status: authorActive ? 'online' : undefined, subtitle: React.createElement(P, { as: "span", sx: "vertical-align: top;", "$fontSize": 14, "$lineHeight": 20 }, subtitle), title: React.createElement(H, { as: "span", "$bold": true, "$fontSize": 18, "$lineHeight": 26 }, author), textPosition: "right" }),
+            React.createElement(Avatar, { href: authorHref, image: authorImage, size: 64, status: authorActive ? 'online' : undefined, subtitle: React.createElement(P, { as: "span", sx: "vertical-align: top;", "$fontSize": 14, "$lineHeight": 20 }, subtitle), title: React.createElement(H, { as: "span", "$bold": true, "$fontSize": 18, "$lineHeight": 26 }, author), textPosition: "right", tooltipContent: avatarTooltipContent }),
             dropdown),
         !!content?.length && (React.createElement("div", { style: { padding: 24 } },
             React.createElement(P, { "$textClampLines": isPaywalled ? 2 : undefined }, content))),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soul-refiner/design-system",
-  "version": "0.2.100",
+  "version": "0.2.102",
   "main": "dist/index.js",
   "license": "MIT",
   "publishConfig": {